用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

即速应用 | 教程

即速应用 - 微信小程序开发资源汇总

六、小程序 | 电商系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

七、小程序 | 预约系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

八、小程序 | 外卖系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

九、小程序 | 到店系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

十、小程序 | 社区系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

十一、小程序 | 视频系统

即速应用 | 双栏布局

即速应用 | 自由面板

即速应用 | 分割线

  • TA的每日心情
    无聊
    2017-8-15 16:38
  • 签到天数: 42 天

    [LV.5]常住居民I

    817

    主题

    1980

    帖子

    2万

    金钱

    管理员

    论坛管理员

    Rank: 9Rank: 9Rank: 9

    积分
    0

    突出贡献优秀版主荣誉管理论坛元老

    QQ
    2016-1-27 11:40:21 zhichi_admin 管理员 楼主 13835969
    观看此功能视频教程请点击http://school.jisuapp.cn/courses/50.html
    定义:在页面某个模块内,自动滑动/手指滑动后,可以查看图片/视频,并对当前项进行设置点击事件,就叫做轮播图。
    样例:

    图片2.png


    优势:当小程序已上线,若想更新轮播组内容(图片/视频/点击事件),可以在后台直接修改,修改后将会同步已上线的小程序,无需再次打包,审核。

    一、编辑器设置
    1.组件位置:【编辑器】-【组件库】-【轮播组件】

    图片3.png

    2.名词解释
    (1)绑定分组:若已在后台添加了轮播组,可直接在编辑器选择一个列表,就可以将轮播中的内容(图片/视频/点击事件)全部应用到当前列表中,无需新建组;若后台未添加轮播组,可直接在下方轮播列表添加图片/视频,增加点击事件,点击【保存为新轮播组】,就可预览以及下次直接从列表选择。  
    (2)分组名:默认填充名称为“默认组”,可自行更改名称,目的是方便用户标记某个轮播组的作用

    (3)权重:轮播项中的权重大小将会调整该项在预览页显示的位置,如:在小程序/web端预览默认是按照当前设置的顺序进行展示,若将最后一个轮播项的权重调整为1,则在预览页面,最后一个轮播项将会显示到第一个
    注意:新添加轮播组件到编辑器并设置了相关信息后,必须点击【保存为新轮播组】,在web端预览/手机端预览才生效。若改变列表轮播组内容后,必须点击【保存】方能生效。

    图片4.png

    3.轮播组件样式设置:可自定义轮播组的样式,可设置轮播图的尺寸、间距、指示点

    图片5.png

    二、后台设置
    1.位置:编辑器点击【管理】-进入后台管理系统-【功能模块】-【轮播管理】-【小程序轮播管理】-【新建轮播】,编辑轮播分组的名称、描述,保存。

    图片6.png

    图片7.png

    2.点击【轮播项】,将可以对该轮播项进行轮播项管理

    图片8.png

    3.【添加轮播项】添加轮播图片,完成图片的权重以及点击事件设置,保存
    注意:轮播视频不可以设置点击事件

    图片9.png

    图片10.png

    三、预览
    1.返回即速应用【编辑器】,选择该轮播分组

    图片11.png

    2.选择轮播分组后后,点击【保存】,将可以在web端预览

    图片12.png

    四、注意事项
    轮播图组件在后台设置相关轮播图片的点击事件时,如跳转领取优惠券,则需完成优惠券设置

    观看此功能视频教程请点击http://school.jisuapp.cn/courses/50.html


    使用道具 举报 回复
    问一下,按照这个方式,但是图片不在轮播中显示,预览的时候有能看到图片,打包下载后用微信小工具打开仍是不显示,我用的谷歌chrome浏览器,希望都大神教我!
    轮播图为什么打不开?预览时可以打开,上线后打不开?
    使用道具 举报 回复
    使用道具 举报 回复
    户外烧烤 发表于 2017-8-28 22:00
    问一下,按照这个方式,但是图片不在轮播中显示,预览的时候有能看到图片,打包下载后用微信小工具打开仍是 ...

    我也想问
    咋没有人回答呢,都遇到这个问题了。按程序做了好多遍子,都没有解决这个问题。
    户外烧烤 发表于 2017-8-28 22:00
    问一下,按照这个方式,但是图片不在轮播中显示,预览的时候有能看到图片,打包下载后用微信小工具打开仍是 ...

    这个我会解决 1833460558qq
    这个挺不错,学习!
    如果想要编辑已设置的轮播图,是怎么操作的
    *滑动验证:
    您需要登录后才可以回帖 登录 | 立即注册
    咫尺论坛|小程序开发社区
    X