微信小程序不同功能模块都有这些作用: 轮播图 顾名思义,轮播图就是自动裤迟切换的幻灯孝升片,它可以使整体的页面效果变得更加灵动。
图片导航 图片导航的作用就可以很多了,你可以用它来做首页的导航、广告位、分类图片,活动展示图,或者放上一些你想突出表达的内容。图片导航可以一排展示1个到4个不等,大家可以根据自己的需求及效果自行决定 分割线 分割线的作用很简单就是用于不同模块之间作为区分的线条,能够真假页面的整体视觉效果 辅助空白 辅助空白与分割线的作用大体相似,我们可以利用它来做一些分隔的作用,空白大小大家可以自己把控。
商品列表 商品列表这个模块看上去就很简单了,这里你可巧纯老以展示某个分类的商品,也可以展示你所指定展示的特定商品。商品列表可以选择是一排展示一个商品还是两个商品,同时还可以选择不同分类下商品的展示数量。
视频 这个相信大家都能看懂,这里多展示的就是视频模块,我们可以选择自己所想要展示的封面图和视频链接。 文本导航 文本导航即文字导航部分,我们可以自定义导航模块的背景色、文字颜色及文本内容等,同时可以链接到我们所需要的链接的页面。
商品搜索 这个模块就是一个文本搜索框,用户可以在小程序前端搜索自己所需要的商品信息。 公告内容 这个模块会展示公告内容,可以是公司简介,可以是商城介绍,我们可以选择公告的背景色及文本颜色。
富文本 富文本跟公告内容相似,不同的是我们可以对文本进行更深层次的编辑,让页面的效果更加完美。 优惠券 优惠券模块即卡券的领取区域,我们可以将我们设置好的优惠券放在这个区域方便用户去领取使用。
注:单个模块最多能添加3个优惠券,如果优惠券过多可使用多个优惠券模块。 底部导航 底部导航也就是我们常说的底部菜单导航,我们可以自定义设置自己所需要的菜单导航部分。
效果展示通过使用轮播图组件,同时配置触发器,实现轮播图效果。
创建数据表注意:在数据中心你可以创建属于自己应用程序的数据表格,数据表格类型分为用户表,商品表、订单表和自定义表。
点击数据中心
创建数据表
数据表的字段包含:图片
创建事件注意:事件是构建数据与界面元素组件枣饥链接的抽象逻辑。数据表与界面元素组件通过事件连接。
点击事件中心
创建查询轮播图事件
触发器配置注意:在检查激迟器面板中的触发器设置面板创建触发器,可以对组件进行交互逻辑设置,或配合事件来进行动态数据 *** 作。
选中轮播图组件
点击检查面板中凳铅返的触发器
创建触发器
绑定数据注意:绑定数据可以将事件返回的数据和组件显示内容进行绑定。
选中轮播图的列表条目
点击检查面板中的数据绑定与设置
绑定数据
这样就可以实现轮播图效果了。
微信小程序设置轮播图的尺寸为950*450的 *** 作方法如下:1、打开微信开发者工具。胡缺
2、找到wxml文件。
3、新建一个swiper标签。
4、设置swiper和autoplay的属性。
5、点击autoplay设置为自动轮播。
6、使用block标签,放置要轮裤备辩播的图滚薯片,展示大小设置为950*450即可。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)