导航图标功能设置—微信小程序制作教程 2019-07-01
视频介绍
导航图标
一、组件说明
导航图标列表是跟我们小程序底部的导航是一样的功能,能够帮助用户快速跳转到想去的页面。
二、使用教程
1.组件库——导航图标,拖拽到编辑器。
2.在右边进行导航图标设置,导航图标同行显示3个、4个或者5个,也可以在选项里进行增加或者删减。
3.举个例子,将导航图标设为会员卡,先在文字进行修改“会员卡”,可以根据需求修改文字大小和颜色,我们这里将字体设为“14”,字体是黑色。更换导航图标的图片,在尺寸可以修改图片的宽与高。
4.会员设置点击事件,在营销功能选择绑定会员卡。在会员卡图标点击就会跳转到会员卡页面,每个导航图标设置都是一样的。
5.设置完成,点击保存、预览,就能看到导航图标功能的效果了。
属性说明
同行显示:一行显示导航图标个数
导航图标尺寸:宽度与高度的尺寸调整
导航图标文字:文字、大小、颜色的调整
相关评论
评论列表