uniapp 创建与配置 tabbar

1. 创建页面
删除 pages 下的 index 文件夹 在 pages 文件夹处,右键 -> 选择新建页面 确认新建页面的信息 由于咱们删除了默认的index.vue页面,导致编译报错 找到pages.json文件,把鼠标选中部分配置删除即可
2. 配置 pages.json
删除 index 路径(这一步咱们上面已经做了) 新建 tabbar 节点 复制 图标资源 文件夹下 tab-icons 文件夹到 static 文件夹中 这个需要自己去图标网站下载 推荐使用阿里图标库 https://www.iconfont.cn/
3. 依次创建me和record页面

4. 案例源码
最终代码如下:
{
"pages": [
{
"path" : "pages/index/index",
"style" :

uniapp 创建与配置 tabbar最先出现在Python成神之路

版权声明:
作者:congcong
链接:https://www.techfm.club/p/12014.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>