虎超官网 | 联盟商圈 | 新闻资讯 | 虎超学院

视频介绍

导航图标

一、组件说明

导航图标列表是跟我们小程序底部的导航是一样的功能,能够帮助用户快速跳转到想去的页面。

 

二、使用教程

1.组件库——导航图标,拖拽到编辑器。

小程序营销插件

2.在右边进行导航图标设置,导航图标同行显示3个、4个或者5个,也可以在选项里进行增加或者删减。

微信小程序怎样制作

3.举个例子,将导航图标设为会员卡,先在文字进行修改“会员卡”,可以根据需求修改文字大小和颜色,我们这里将字体设为“14”,字体是黑色。更换导航图标的图片,在尺寸可以修改图片的宽与高。

制作微信小程序心得

微信小程序开发教学

微信的小程序开发视频

微信开发小程序工具

制作微信小程序步骤

4.会员设置点击事件,在营销功能选择绑定会员卡。在会员卡图标点击就会跳转到会员卡页面,每个导航图标设置都是一样的。

微信小程序简易制作

微信小应用程序开发

制作简单的微信小程序

5.设置完成,点击保存、预览,就能看到导航图标功能的效果了。

小程序使用教程

微信小程序如何加盟

开发微信小程序工具

属性说明

同行显示:一行显示导航图标个数

导航图标尺寸:宽度与高度的尺寸调整

导航图标文字:文字、大小、颜色的调整

相关评论

发表

评论列表