uni-app 基本配置pages,json
<p><img src="https://img2020.cnblogs.com/blog/2003001/202010/2003001-20201019161717934-1801074636.png"></p><p> </p>
<p> </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> </p><br><br>
来源:https://www.cnblogs.com/sheep-fu/p/13840841.html
頁:
[1]