作者:赞马科技-小站

如何像微信底部导航一样,
实现点击指定导航图标由灰色变成绿色?

我们做完的是这个样子:

实践应用案例是这样子:
操作步骤
1.建立导航菜单
注意请选择导航样式中的第二个样式(初始不带图标)

2.将默认导航名称改名,点击“+”号选择图标

3.首页,我选择了和微信类似的图标

4.图标默认颜色是黑色,点击“编辑样式”去修改图标颜色

5.进入后点击最下方的“图标设置”

6.选取颜色,或者在下方选择色块,注意修改下一个色块时要选取同样的色块或色值。

7.由于这个导航栏长度有限,超过四个按钮就不能显示全文字,所以我们把它改成3个按钮。
如图:

8、接下来我们把这个导航复制两个备用

9、用上面同样的方式修改图标颜色
如图:

最终,我们将这三个导航分别复制到对应页面,并设置好页面链接,再点击测试,即可呈现如图所示点亮各所在页的图标。
在搜狐快站云商店搜索【移动官网小应用】,一键直达
关于建站/排版/运营技巧,站长们可在快站大学投稿,或私信*男美**子快站哥(微信号:kuaizhange)