3.6

所花时间	1h
代码行数	50

博客园数量	1
所了解到的知识点	uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。  今天主要学习了tabar属性

<template>
    <view>
        <h1> 个人信息页面</h1>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                
            }
        },
        methods: {
            
        }
    }
</script>

<style>

</style>

 

json文件：

{
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app"
}
},
{
"path": "pages/Person/Person",
"style": {
"navigationBarTitleText": "uni-app"
}
}

],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
},
"uniIdRouter": {

},
"tabBar": {

"list": [
{
"text": "首页",
"pagePath": "pages/index/index",
"iconPath": "static/Home.png",
"selectedIconPath": "static/Homeactive.png"
},
{
"text": "我的",
"pagePath": "pages/Person/Person",
"iconPath": "static/Person.png",
"selectedIconPath": "static/Personactive.png"
}
]
}
}