全局标题和页面标题
{
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path" : "pages/hello/hello",
"style" : {
"navigationBarTitleText":"私有页面标题"
}
},
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app"
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "计算机科学与技术学院",
//全局配置
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
},
"uniIdRouter": {}
}
全局样式与页面样式
页面样式会覆盖全局样式
<template>
<view class="green" style="width:300px;height:300px;">
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
.green{
background-color: azure;
}
</style>
APP的生命周期
export default {
onLaunch: function() {
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
也在App.vue中
| 函数名 | 说明 |
|---|---|
| onLaunch | 当uniapp初始化完成时触发（全局只触发一次） |
| onShow | 当uniapp启动，或从后台进入前台显示 |
| onHide | 当uniapp从前台进入后台 |
| onUniNViewMessage | 对nvue页面发送的数据进行监听，可参考nvue向vue通讯 |
main.js
项目的入口文件
可以配置统一的对象，数组，函数
mainifest.js
发布，运行，调试
