企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持知识库和私有化部署方案 广告
标签模块 功能作用 * 网站上在同一个区域内,用户可以使用标签切换形式,展示各个标签不同的内容。常用于案例展示等 效果展示 ![](http://cdn.img-sys.com/comdata/16311/201711/20171124093556be0cfb.gif) * * * 一、标签模块设置 1.1 设置路径 * 网站编辑页面——左侧添加模块——标签——拖动模块到页面合适位置 ![](http://cdn.img-sys.com/comdata/16311/201901/20190105104946f34a04.png) * * * 1.2 相关设置: ![](http://cdn.img-sys.com/comdata/16311/201901/201901051049462d9204.png) * 以添加两个标签为例,添加标签模块成功后,可分别添加其它模块到对应该的标签 * 标签1添加到图片模块,拖动到标签页 ![](http://cdn.img-sys.com/comdata/16311/201901/20190105104945b3a2a6.png) * 标签页可设置分栏比例,一行显示多栏 **![](http://cdn.img-sys.com/comdata/16311/201901/2019010510494642447b.png)** * 以标签2为例,分栏设置6,6,分别拖进两个图片模块 ![](http://cdn.img-sys.com/comdata/16311/201901/20190105104946e93e02.png) * 标签1完成效果: **![](http://cdn.img-sys.com/comdata/16311/201901/201901051049466d05c7.png)** * 标签2完成效果: ![](http://cdn.img-sys.com/comdata/16311/201901/201901051049462a1a64.png) * * * 二.标签样式展示 * 图标标签: **![](http://cdn.img-sys.com/comdata/16311/201901/20190105102445593b72.png)** * 风格1: ![](http://cdn.img-sys.com/comdata/16311/201901/20190105102445974c7a.png) * 风格2: ![](http://cdn.img-sys.com/comdata/16311/201901/20190105102445aa0090.png) * 风格3: ![](http://cdn.img-sys.com/comdata/16311/201901/20190105102445ef4743.png) * 风格4: ![](http://cdn.img-sys.com/comdata/16311/201901/20190105102445d14285.png) * 风格5: ![](http://cdn.img-sys.com/comdata/16311/201901/201901051024463080b5.png) * 风格6: ![](http://cdn.img-sys.com/comdata/16311/201901/20190105102447816d24.png) * 风格7: ![](http://cdn.img-sys.com/comdata/16311/201901/201901051024459da7ec.png) * 风格8: ![](http://cdn.img-sys.com/comdata/16311/201901/2019010510244718ece2.png) * 风格9: ![](http://cdn.img-sys.com/comdata/16311/201901/20190105102447f58230.png) * 风格10: ![](http://cdn.img-sys.com/comdata/16311/202007/20200725162216a67469.png) 三. 使用标签做出多元化的导航效果:http://help.yz168.com/NewsDetail/820071.html 常见问题: 1. 问:标签名字可以添加图片吗? 答:暂时只有图标标签样式可以,其它不支持,因为响应到平板跟手机效果并不理想。 2. 标签下面可以添加分栏吗? 标签下面已默认有分栏,请鼠标移到右下角设置即可。