微信小程序开发|教程|文档|资源汇总_即速论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 86394|回复: 94

【即速应用新版编辑器】轮播组件

  [复制链接]
  • TA的每日心情
    无聊
    2017-8-15 16:38
  • 签到天数: 42 天

    [LV.5]常住居民I

    910

    主题

    2100

    帖子

    3万

    金钱

    管理员

    论坛管理员

    Rank: 9Rank: 9Rank: 9

    积分
    0

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

    QQ
    发表于 2016-1-27 11:40:21 | 显示全部楼层 |阅读模式
    观看此功能视频教程请点击http://school.jisuapp.cn/courses/151-7.html轮播后台管理视频教程请点击http://school.jisuapp.cn/courses/143-14.html

    定义:在页面某个模块内,自动滑动/手指滑动后,可以查看图片/视频,并对当前项进行设置点击事件,就叫做轮播。


    样例:

    图片25.png

    说明:去除选择轮播组。在编辑器新增了轮播组,设置轮播项和点击事件后被,点击编辑器的【保存】就可直接使用。


    后期修改无需打包说明:

    ①编辑器开启【数据动态化】,选中轮播组件,直接修改轮播项(注:不可删除轮播组件,移动位置),点击【保存】,无需重新打包和审核,web端预览和小程序端则可生效

    ②后台管理找到页面数据,开启【数据动态化】,找到对应的页面,对轮播组件进行修改,修改完之后,点击【保存】,无需重新打包和审核,web端预览和小程序端则可生效

    一、编辑器设置
    1.组件位置:【编辑器】-【组件库】-【轮播组件】
    添加轮播组件到编辑器,新建轮播项,设置轮播项内容和点击事件

    图片26.png

    2.切换至组件样式,可自定义轮播组的样式

    图片27.png

    3.设置完毕后,可点击【预览】,在web端预览效果如下:

    图片28.png

    特别说明:
    若是之前建立的轮播组或者在旧版编辑器建立的轮播组,则会出现下图所示的操作,当更改轮播项/点击事件时,需要点击【保存】,预览和小程序端才能生效

    图片29.png

    二、页面数据修改轮播项
    编辑器添加了轮播组件,开启【数据动态化】,修改轮播项之后,点击【保存】,无需重新打包和审核,web端预览和小程序端则可生效

    1.位置:编辑器点击【后台管理】-进入后台管理系统-点击【页面数据】,找到轮播组件,根据需求进行修改

    2.轮播设置

    图片14.png

    3.轮播项设置

    图片15.png


    观看此功能视频教程请点击
    http://school.jisuapp.cn/courses/151-7.html
    轮播后台管理视频教程请点击http://school.jisuapp.cn/courses/143-14.html







    上一篇:「即速应用」微信小程序图片列表组件怎么用?
    下一篇:「即速应用」微信小程序图文集组件怎么用?
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    60

    帖子

    490

    金钱

    禁止发言

    积分
    0
    发表于 2020-6-22 15:35:50 | 显示全部楼层
    提示: 作者被禁止或删除 内容自动屏蔽

    该用户从未签到

    0

    主题

    1

    帖子

    32

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-11-21 23:46:07 | 显示全部楼层
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    1

    帖子

    34

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-11-24 11:20:11 | 显示全部楼层
    需要分享
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    2

    帖子

    34

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-11-24 17:02:55 | 显示全部楼层
    好的,不错,有希望了

    该用户从未签到

    0

    主题

    1

    帖子

    32

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-11-25 14:22:03 | 显示全部楼层
    不错的安抚饿啊32

    该用户从未签到

    0

    主题

    2

    帖子

    34

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-11-26 19:37:11 | 显示全部楼层
    户外烧烤 发表于 2017-8-28 22:00
    问一下,按照这个方式,但是图片不在轮播中显示,预览的时候有能看到图片,打包下载后用微信小工具打开仍是 ...

    发送到发送到

    该用户从未签到

    0

    主题

    8

    帖子

    183

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-11-27 13:22:42 | 显示全部楼层
    轮播怎么替换

    该用户从未签到

    0

    主题

    1

    帖子

    17

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-11-27 13:54:09 | 显示全部楼层
    qqqqqqqqqqqqqqqqqqqqqqqq

    该用户从未签到

    0

    主题

    2

    帖子

    19

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-11-27 13:59:32 | 显示全部楼层
    6666666666666666

    该用户从未签到

    0

    主题

    1

    帖子

    15

    金钱

    新人求带

    Rank: 1

    积分
    0
    发表于 2017-11-27 21:49:37 来自手机 | 显示全部楼层
    谢谢,正好学习一下
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    咫尺论坛|小程序开发社区
    X

    扫码添加专属客服即可随时咨询

    还可领取小程序推广攻略

    QQ|微信小程序开发|教程|文档|资源汇总_即速论坛 ( 粤ICP备14097199号-1|网站地图   

    GMT+8, 2021-9-19 13:42 , Processed in 0.183609 second(s), 59 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表