朱日昕 發表於 2020-10-19 16:19:00

uni-app 基本配置pages,json

<p><img src="https://img2020.cnblogs.com/blog/2003001/202010/2003001-20201019161717934-1801074636.png"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 0, 0, 1)">{   
    // 打开页面的路径
    "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
      // 在第一位的事默认打开的页面
      {
            "path": "pages/message/message",
            // 这是本页面的样式,这个样式权重大于全局
            "style": {
                "navigationBarTitleText": "页面独有外观样式"
            }
      },{
            "path": "pages/index/index",
            "style": {
                // 这是本页面的标题
                "navigationBarTitleText": "消息"
            }
      },{
            "path": "pages/dition/dition",
            "style": {
                // 这是本页面的标题
                "navigationBarTitleText": "详情"
            }
      }
    ],
    // 状态栏、导航条、标题、窗口背景色样式等,这是全局的
    "globalStyle": {
      // 导航栏文字颜色
      "navigationBarTextStyle": "white",
      // 导航栏标题
      "navigationBarTitleText": "uni-app",
      // 导航栏背景色
      "navigationBarBackgroundColor": "#075eb6",
      // 开启下拉刷新
      "enablePullDownRefresh":true,
      // 这个是开启下拉后刷新的那个背景色
      "backgroundColor": "#F8F8F8",
      // 设置loading 样式
      "backgroundTextStyle":"light"
      
    },
    // 页面下面的页面切换
    "tabBar":{
      // 未选中的颜色
      "color":"#a0522d",
      // 选中后的文字颜色烦烦烦
      "selectedColor":"#b3ee3a",
      // 背景颜色
      "backgroundColor":"#fff",
      // 切换按钮最少两个最多五个
      "list":[
            {
                //名称
                "text":"首页",
                //路径
                "pagePath":"pages/index/index",
                //图片
                "iconPath":"static/zy.png",
                // 选中后图片
                "selectedIconPath":"static/zyxzh.png"
            },{
                "text":"消息",
                "pagePath":"pages/message/message"
            }
      ]
      
    },
    "condition" : { //模式配置,仅开发期间生效
      "current": 0, //当前激活的模式(list 的索引项)
      "list": [
            {
                "name": "详情页", //模式名称
                "path": "pages/dition/dition", //启动页面,必选
                "query": "id=80" //启动参数,在页面的onLoad函数里面得到
            }
      ]
    }
}</span></pre>
</div>
<p>&nbsp;</p><br><br>
来源:https://www.cnblogs.com/sheep-fu/p/13840841.html
頁: [1]
查看完整版本: uni-app 基本配置pages,json