多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
超期自定义样式设置说明 ![](https://img.kancloud.cn/9e/04/9e046b49ec822f8d1bfb5ee09c6aaca1_582x577.png) 1.上边距线:开启后模块上面有一条灰色的间隔线 2.模块左右间隔:开启后模块与模块之间有左右间距,下图所示 ![](https://img.kancloud.cn/d3/ba/d3ba5aa66fb953f8ac3bed90355581b0_821x337.png) 3.左右间隔像素:图与图之间的左右间隔像素,需要填写整数。普遍填写6-10左右,下图所示 ![](https://img.kancloud.cn/16/c8/16c886c64ceb4c7c5d8b6ef1cb7d6e35_817x331.png) 4.上下间隔像素:图与模块之间的上下间隔,需要填写整数。普遍填写6-10左右,下图所示 ![](https://img.kancloud.cn/ca/5a/ca5ada9ad1d084997c025d48dee7594c_820x342.jpg) 5.背景颜色:一般设置#fff,也是默认的白色,如果想设置其他颜色自行设置 6.分割显示个数:设置后每个图片按照显示的100%÷分割个数 = 图片的宽度%,如果设置左右间隔,会影响实际的显示个数,自行更改即可 7.图片圆角:一般图片在未处理的情况下都是直角,可以直接设置圆角像素即可实现效果不需要在PS中设计,一般2-8px,自行更改尝试 8.字体颜色:更改后字体颜色将变化 9.自动轮播时间:单位是毫秒,默认3000毫秒,不易过快 10.禁止滑动:开启后将不能手动左右滑动,注意如果开启了自动播放是可以正常切换,但不能手动滑动 11.指示灯样式:在开启自动轮播的情况下会出现指示灯,以便让用户知道正在预览第几个图片,可选择圆形样式或者横排的样式,自行设置体验 12.指示灯位置:设置后将改变指示灯的位置,下图所示 上(圆角): ![](https://img.kancloud.cn/83/e8/83e8d2caed524551dc832cc55fe54c04_805x197.jpg) 下(横排): ![](https://img.kancloud.cn/4b/50/4b50ca989f5ed514f97872b6f56e97d8_811x212.jpg) 13.商品同步大淘客:可以去掉原来的固定轮播图切换现在的轮播图,可随意调整位置,开启后将获取大淘客的轮播图商品专题进行显示。 14.自动播放:开启后将自动滑动播放 1.使用该模块实现:头部的专题轮播图 ![](https://img.kancloud.cn/e9/10/e910762a13fec42dceacd1799824c116_1243x640.png) 保存后实现效果: ![](https://img.kancloud.cn/c9/23/c923574547dd638d7248d02a4adc7301_518x220.gif) 2.使用该模块实现4眼5眼效果 ![](https://img.kancloud.cn/82/0d/820d3f40b1c224b6e974ba7bfa90a1e1_1041x430.jpg) 先添加眼的icon图标 ![](https://img.kancloud.cn/d8/9c/d89cacfa88534aa4f0d11f1f084abe08_568x437.png) 添加之后设置右边的参数 一般五个眼设置左右间隔30,个数7.6个,由于左右间隔的空间比较大,可以适当更改显示参数,直到调整到显示五个眼为止 ![](https://img.kancloud.cn/33/81/3381e6a2776e382468c3b088ff1bc9fd_624x586.png) 如果只显示4或5个眼,可以禁止滑动效果。 ![](https://img.kancloud.cn/0d/b6/0db652fcb94a3423a3cb284ac4cbed3f_594x625.png) 如果想设置多个眼进行左右滑动,则关闭禁止滑动选项,多追加几个眼即可实现下图所示效果 ![](https://box.kancloud.cn/2d8ebebbd95c74085ec76b8fcee1d89c_518x100.gif) 3.使用该模块实现:左右滑动显示1.7个活动图效果 ![](https://box.kancloud.cn/c0103ee40e32273741489b5d67c00977_518x160.gif) 需要设置模块间距上下左右像素(可选择)图片的圆角(可选择)自动滑动播放(可选择),显示个数可设置1.6个或者自行设置即可实现该效果 ![](https://img.kancloud.cn/0c/2a/0c2a2b02a2485e83684d6a89c2680cf3_1096x591.png) 4.使用该模块实现:左右滑动商品单品效果 ![](https://box.kancloud.cn/b6bccf479a90b19893a4e115f6e4996a_518x250.gif) 需要设置模块间距上下左右像素(可选择)图片的圆角(可选择)自动滑动播放(可选择),显示个数可设置3.4个或者自行设置即可实现该效果 ![](https://img.kancloud.cn/e2/0f/e20fa71cbc124222f676439d41fbebc1_1203x592.png) 5.使用该模块实现:实现现有的【活动图】【拼图三】【拼图四】【拼图五】效果 \*\* 例如拼图1: ![](https://img.kancloud.cn/f3/98/f398f0b5a7946f7a40f49e4a774a05f7_821x222.jpeg) 上传活动图之后设置边距可选择【无】,显示填写1就是现有的【活动图】效果,填写2是现有的【拼图三】效果,填写3是现有的【拼图四】效果,填写4是现有的【拼图五】效果,可设置禁止左右滑动后与现有模块无任何无别。也可以设置自动滑动播放或者分割显示 ![](https://img.kancloud.cn/25/68/2568a706e7d940820efe8d9744204c53_1161x599.jpeg) 可实现以下效果 如开启左右滑动以及分割显示可实现以下效果 ![](https://box.kancloud.cn/17dc4258e3f1686c1062a1d35a620c25_518x250.gif) 配合使用可实现以下效果 ![](https://box.kancloud.cn/d38f117fdc3c558d644e2b056bf99a01_518x450.gif) 可克隆后台共享模板自行体验 注意事项 1.更改个性化界面,改完之后,不需要重新同步打包 2.改完界面,记得保存并刷新,而且模板要更改版本号为你当前APP的版本,设置成“通用”是没有变化的 3.如果界面没有改变,检查是否更改版本号,是否保存并刷新模板,是否重启APP了 4.每个app的版本,都要对应设置后台的一个模板版本号,比如4.0版本的app,你后台没有4.0的模板,是会显示默认模板的,所以需要你克隆一个你正在用的模板,然后更过版本给4.0 如修改了界面,前端缺没有改变,先确定是否对应相同版本号,刷新缓存即可