2024/04/21（团队开发）

　　今天是团队敏捷开发的第二天，在今天的例会上，我向我的团队成员们简单的介绍了一下我对我这视频上传部分的思路分析，也得到了我团队成员的初步肯定。在我们的交流下，我们项目的基本设计思路就决定下来了，接下来就是商讨一下有关于uniapp的快速上手的一些内容。

　　有关于我的视频上传所要用到的一些内容，首先是一些基本的视图标签就比如<view>代替了html中的<div>还有就是，有关于页面跳转的路由和页面标题和页面的底部导航栏实现都是存放在pages.json文件中的。

这里我们要用到的内容就是关于底部导航栏。

{
    "pages": [ //pages数组中第一项表示应用启动页，参考https://uniapp.dcloud.io/collocation/pages
        {
            "path" : "pages/index/index",//页面路由
            "style" : 
            {
                "navigationBarTitleText" : "首页",//页面标题
                "enablePullDownRefresh" : false
            }
        },
        {
            "path" : "pages/demo/demo",
            "style" : 
            {
                "navigationBarTitleText" : "Vue demo",
                "enablePullDownRefresh" : false
            }
        },
        {
            "path" : "pages/userinformation/userinformation",
            "style" : 
            {
                "navigationBarTitleText" : "我",
                "enablePullDownRefresh" : false
            }
        },
        {
            "path" : "pages/index/preVideo/preVideo",
            "style" : 
            {
                "navigationBarTitleText" : "",
                "enablePullDownRefresh" : false
            }
        }
    ],
    "globalStyle": {
        "navigationBarTextStyle": "black",
        "navigationBarTitleText": "uni-app",
        "navigationBarBackgroundColor": "#F8F8F8",
        "backgroundColor": "#F8F8F8"
    },
    "uniIdRouter": {},
    "tabBar": {//页面的底部导航栏
        "color": "#888888",
        "backgroundColor": "#313131",
        "selectedColor": "#fff",
        "height": "60px",
        "fontSize": "20px",
        "list": [
            {
                "text": "首页",
                "pagePath": "pages/index/index"
            },{
                "text": "我",
                "pagePath": "pages/userinformation/userinformation"
                
            }
        ]
    }
}

可以在tobBar中的list中添加底部导航栏的文本内容和路由来新增底部导航栏的颜色。

然后，我就简单完成了一个基本页面的底部导航栏跳转