全部文档

【插槽】的原理和使用

更新时间:2024年9月12日

一、插槽的原理

【插槽】是常用功能之一,它是系统给页面不同位置预留的一个特定空间,方便我们重复套用某些模板或者内容,它和【底板】搭配使用缺一不可。

【插槽】分为【全局插槽】和【页面插槽】,这里有一个优先级关系,如果我在【全局插槽】里面【头部】位置使用了【底板】,而我的【首页页面插槽】【头部位置】里面是空的,那么首页的头部位置也会继承显示【全局插槽】里面设置的【底板】,还有一种情况就是如果我在【全局插槽】里面【头部】位置使用了底板A,但是我的【首页页面插槽】【头部位置】里面设置的是底板B,那么首页的【头部】位置显示的就是底板B,【页面插槽】的优先级更高。

总的来说就是只要【页面插槽】没设置就会显示【全局插槽】里面的。

 

全局插槽设置

页面插槽设置

 

二、插槽的使用方法

目前系统支持的插槽位置有:顶部、头部、头部内、侧边栏、底部,下面我们来逐个演示。这里我已经搭建了一个底板,里面是纯色的色块,我们看下不同的位置设置了插槽后的显示效果。

1.顶部

未设置插槽前:

设置插槽后:

2.头部

未设置插槽前:

设置插槽后:

3.头部内

未设置插槽前:

设置插槽后:

4.侧边栏

未设置插槽前:

设置插槽后:

5.底部

未设置插槽前:

设置插槽后:

 

三、插槽的几个插件案例展示

案例一:在菜单下方插入一个用滑块做的可以轮播的大图,应用到所有页面。

设置前:

制作过程怎么制作一个轮播大图,应用到所有页面?

设置后:

案例二:在产品列表页面左侧侧边栏插入一个用菜单做的产品分类导航。

设置前:

制作过程:怎么给产品文章页面添加一个侧边分类导航?

设置后:

意见反馈