uniapp的开发规范:
页面文件遵循vue单文件组件规范
组件标签接近小程序规范
接口靠近微信小程序规范,但是前缀wx需要替换为uni
数据绑定以及事件处理遵循vue规范
为兼容多端运行,建议使用flex布局进行开发
如果运行微信小程序报错:Cannot read property 'forceUpdate' of undefined那么需要在HBuilderX的manifest.json文件中找到微信小程序配置,填写微信小程序APPID
全局配置和页面配置
pages.json 文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。
它类似微信小程序中app.json的页面管理部分。
pages.json文件中globalStyle进行全局配置,与微信小程序相似,pages进行页面配置
{
// 页面配置
"pages": [ //pages数组中第一项表示应用启动页
{
// 页面路径
"path": "pages/message/message",
// 页面样式
"style": {
"navigationBarTitleText": "信息页",
"h5":{
// 下拉刷新
"pullToRefresh":{
"color":"#007AFF"
}
}
},
{
// 页面路径
"path": "pages/index/index",
// 页面样式
"style": {
"navigationBarTitleText": "uni-app"
}
}
],
// 全局配置
"globalStyle": {
// 导航栏标题颜色:只有black或者white
"navigationBarTextStyle": "white",
// 导航栏标题文本
"navigationBarTitleText": "变化多端",
// 导航栏背景色
"navigationBarBackgroundColor": "#DD524D",
// 开启下拉
"enablePullDownRefresh":true,
// 下拉时显示出来的窗口背景色
"backgroundColor": "#F0AD4E"
}
}