小程序店铺装修 —— 图文导航组件的使用

微Ker
2019-08-17 08:58:59
207
小程序装修,图文导航

上一节我们讲了“轮播图”的使用,接下来,我们讲下“图文导航”的用法吧,先看下效果图:


图文导航的用法很简单啦,跟“轮播图”很像,在左侧找到“图文导航”组件,点击会自动添加到视图区域


还是老样子,在视图区域上点击刚添加的组件,右侧会出现该组件的可修改数据


1、每行显示导航数目

控制一行内能展示几个导航图标,比如设置3个


2、图标样式

有两个可以选择 “方形”和“圆形”,方形就是正常的图片样式,圆形会自动把图片裁剪成圆形展示


3、隐藏文字

点击之后会发现导航上的文字都消失了


4、文字颜色

可以设置导航文字的颜色


5、背景颜色

可以设置整个导航的背景色


6、导航设置

这里就是我们每个图标的设置了,可以任何设置导航的名字、图标和跳转链接


好了,点击“预览”看下效果吧