vue微信小程序开发(二)—菜单以及页面

这里写目录标题

• vue微信小程序开发(二)—菜单以及页面
• 图标的选择
• 创建并注册页面
• 底部导航

大家好，我是代码哈士奇，是一名软件学院 络工程的学生，因为我是“狗”，狗走千里吃肉。想把大学期间学的东西和大家分享，和大家一起进步。但由于水平有限，博客中难免会有一些错误出现，有纰漏之处恳请各位大佬不吝赐教！暂时只在csdn这一个平台进行更新，博客主页：https://blog.csdn.net/qq_42027681。

图标的选择

往往我们切换个人和首页切换图标会改变颜色
但是首先我们要去选择图标 一个图标下载两个颜色版本 一个为选择状态 一个未选择状态
推荐 阿里矢量图
找到想要的图片

active为选中状态

创建并注册页面

基础配置文档入口 :https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html

可以使用Hbuilder X快速创建 创建的页面会自动导入pages.json

找到pages.json文件注册页面

如上代码，我们创建了两个页面并注册了页面

底部导航

tabBar中绑定导航页面
color backgroundColor等为设置样式，按照翻译意思理解即可
在list中{
text为页面名称
pagePath为页面地址
iconPath为图标地址(未选中)
selectedIconPath为选中时图片地址
}

配置完成效果如下

大学之道亦在自身，努力学习，热血青春
如果对编程感兴趣可以加入我们的qq群一起交流：974178910
有问题可以下方留言，看到了会回复哦

文章知识点与官方知识档案匹配，可进一步学习相关知识小程序技能树首页概览3672 人正在系统学习中

声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！