uni-app 基础

uni-app出现早于 微信小程序微信小程序

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套写一套代码，可发布到iOS、

Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

下载地址: https://www.dcloud.io/hbuilderx.html

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

{
 "pages": [ //pages数组中第一项表示应用启动页，参考：
https://uniapp.dcloud.io/collocation/pages
 {
 "path": "pages/weixin/weixin",
 "style": {
 "navigationBarTitleText": "微信",
 "enablePullDownRefresh": false
 }
 },
 {
 "path": "pages/index/index",
 "style": {
 "navigationBarTitleText": "Hello-World"
 }
 },
 {
 "path": "pages/wo/wo",
 "style": {
 "navigationBarTitleText": "",
 "enablePullDownRefresh": false
 }
 }, {
 "path": "pages/faxian/faxian",
 "style": {
 "navigationBarTitleText": "",
 "enablePullDownRefresh": false
 }
 }, {
 "path": "pages/txl/txl",
 "style": {
 "navigationBarTitleText": "",
 "enablePullDownRefresh": false
 }
 }
 ],
 "globalStyle": {
 "navigationBarTextStyle": "black",
 "navigationBarTitleText": "uni-app",
 "navigationBarBackgroundColor": "#F8F8F8",
 "backgroundColor": "#F8F8F8"
 },
 // 光标放在 tabBar 按 F1 直接弹出文档, 在文档中找到 tabbar 相关的示例代码 粘贴过来
 "tabBar": {
 "color": "#bfbfbf",
 "selectedColor": "#1afa29",
 "borderStyle": "black",
 "backgroundColor": "#ffffff",
 "list": [{
 "pagePath": "pages/weixin/weixin",
 "iconPath": "static/tab/normal/weixin.png",
 "selectedIconPath": "static/tab/selected/weixin.png",
 "text": "微信"
 }, {
 "pagePath": "pages/txl/txl",
 "iconPath": "static/tab/normal/txl.png",
 "selectedIconPath": "static/tab/selected/txl.png",
 "text": "通讯录"
 }, {
 "pagePath": "pages/faxian/faxian",
 "iconPath": "static/tab/normal/faxian.png",
生命周期 https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e9%a1%b5%e9%9d%a2%e7%94%9f%e5%9 1%bd%e5%91%a8%e6%9c%9f
 "selectedIconPath": "static/tab/selected/faxian.png",
 "text": "发现"
 }, {
 "pagePath": "pages/wo/wo",
 "iconPath": "static/tab/normal/wo.png",
 "selectedIconPath": "static/tab/selected/wo.png",
 "text": "我"
 }]
 } }

 

 

https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e9%a1%b5%e9%9d%a2%e7%94%9f%e5%9

1%bd%e5%91%a8%e6%9c%9f