來(lái)源:熾熱可待 發(fā)布時(shí)間:2019-03-27 17:34:46 閱讀量:1272
全局配置:
1.1配置所有頁(yè)面路徑:在app.json的{pages:[配置所有頁(yè)面]},將首頁(yè)放置在第一位,在app.json必須寫(xiě)上所有頁(yè)面的路徑,要不然會(huì)報(bào)錯(cuò),每個(gè)頁(yè)面的wxss樣式文件只在當(dāng)前文件里有效
1.2設(shè)置tabBar導(dǎo)航:
“tabBar”: {
“color”: “#7A7E83”,//字體顏色
“selectedColor”: “#3cc51f”,//選中時(shí)候字體的顏色
“borderStyle”: “black”,//tabbar邊框的顏色,只有黑和白
“backgroundColor”: “#fff”,//背景顏色
“list”: [//2-5,只能設(shè)置2-5個(gè)導(dǎo)航
{
“pagePath”: “page/newPage/index”,//導(dǎo)航頁(yè)面路徑,根據(jù)路徑匹配tarbar導(dǎo)航是否顯示
“iconPath”: “image/icon_component.png”,//圖標(biāo)圖片的路徑
“selectedIconPath”: “image/icon_component_HL.png”,//選中的時(shí)候圖片的路徑
“text”: “首頁(yè)”//按鈕文本
},
{
“pagePath”: “page/component/index”,
“iconPath”: “image/icon_component.png”,
“selectedIconPath”: “image/icon_component_HL.png”,
“text”: “組件”
}
]
}
2.window:窗口樣式的配置
3.注冊(cè)程序:app.js
設(shè)置相對(duì)應(yīng)的生命周期函數(shù)(初始化完成時(shí)onLaunch,顯示onShow,隱藏onHide,錯(cuò)誤的時(shí)候onerror)
設(shè)置全局?jǐn)?shù)據(jù):globalData屬性進(jìn)行設(shè)置,getApp()可獲取app.js的配置對(duì)象
4.1.導(dǎo)入文件方式:
<寫(xiě)要導(dǎo)入的具體內(nèi)容標(biāo)簽>
4.2.將整個(gè)文件內(nèi)容導(dǎo)入并顯示方式:
include將頁(yè)面header.wxml的內(nèi)容全部導(dǎo)入,相當(dāng)于將所有內(nèi)容都復(fù)制過(guò)來(lái)
const openIdUrl = require(‘./config’).openIdUrl
//小程序應(yīng)用的生命周期啟示
//一般還會(huì)將全局的數(shù)據(jù)放置到初始化全局對(duì)象的globalData這個(gè)對(duì)像上
App({
onLaunch: function () {
console.log(‘App Launch’)
},
//小程序顯示的時(shí)候(啟動(dòng)/后臺(tái)切換到前臺(tái)的時(shí)候啟動(dòng))
onShow: function () {
console.log(‘App Show’)
},
//切換至后臺(tái),切換到其他微信頁(yè)面,切換到其他程序,就會(huì)調(diào)用起這個(gè)函數(shù)
onHide: function () {
console.log(‘App Hide’)
},
globalData: {
hasLogin: true,
openid: null
},
// lazy loading openid
getUserOpenId: function(callback) {
var self = this
if (self.globalData.openid) {
callback(null, self.globalData.openid)
} else {
wx.login({
success: function(data) {
wx.request({
url: openIdUrl,
data: {
code: data.code
},
success: function(res) {
console.log('拉取openid成功', res)
self.globalData.openid = res.data.openid
callback(null, self.globalData.openid)
},
fail: function(res) {
console.log('拉取用戶(hù)openid失敗,將無(wú)法正常使用開(kāi)放接口等服務(wù)', res)
callback(res)
}
})
},
fail: function(err) {
console.log('wx.login 接口調(diào)用失敗,將無(wú)法正常使用開(kāi)放接口等服務(wù)', err)
callback(err)
}
})
}
}
})
5。index.js:存儲(chǔ)數(shù)據(jù)和方法(index.wxml視圖頁(yè)面元素相當(dāng)于html)index.json表示當(dāng)前頁(yè)面的配置
Page({//表示當(dāng)前文件下的page全局的page對(duì)象,所有的方法和數(shù)據(jù)
/**
* 頁(yè)面的初始數(shù)據(jù)
*/
data: {
msg:’這是data里的數(shù)據(jù)’,
helloMsg: ‘helloWorld’,
obj:{
helloMsg:’歡迎詞’,
otherText:’其他信息’
},
},
changeMsg:function(){
this.setData({
msg:’這是改變后的內(nèi)容’,
})
1
},
clicktap:function(e){
console.log(e)
},
/**
* 生命周期函數(shù)–監(jiān)聽(tīng)頁(yè)面加載
*/
onLoad: function (options) {
},
/**
* 生命周期函數(shù)–監(jiān)聽(tīng)頁(yè)面初次渲染完成
*/
onReady: function () {
var appConfig = getApp()//getApp()是獲取全局變量globalData方法下的數(shù)據(jù)的函數(shù)方法
console.log(appConfig)
if(appConfig.globalData.hasLogin){
this.setData({
msg:’已登陸完成’
})
}else{
this.setData({
msg:’還未登陸,請(qǐng)登錄’
})
}
},
/**
* 生命周期函數(shù)–監(jiān)聽(tīng)頁(yè)面顯示
*/
onShow: function () {
var pageList = getCurrentPages()
console.log(pageList)
},
/**
* 生命周期函數(shù)–監(jiān)聽(tīng)頁(yè)面隱藏
*/
onHide: function () {
},
/**
* 生命周期函數(shù)–監(jiān)聽(tīng)頁(yè)面卸載
*/
onUnload: function () {
},
/**
* 頁(yè)面相關(guān)事件處理函數(shù)–監(jiān)聽(tīng)用戶(hù)下拉動(dòng)作
*/
onPullDownRefresh: function () {
},
/**
* 頁(yè)面上拉觸底事件的處理函數(shù)
*/
onReachBottom: function () {
},
/**
* 用戶(hù)點(diǎn)擊右上角分享
*/
onShareAppMessage: function () {
},
goPage(){
// wx.navigateTo({
// url: ‘/page/component/pages/button/button’,
// })
wx.redirectTo({
url: ‘/page/component/pages/button/button’,
})
}
})
---------------------
作者:熾熱可待
來(lái)源:CSDN
原文:https://blog.csdn.net/DL_JY847824/article/details/82427889
版權(quán)聲明:本文為博主原創(chuàng)文章,轉(zhuǎn)載請(qǐng)附上博文鏈接!
在線
客服
服務(wù)時(shí)間:周一至周日 08:30-18:00
選擇下列產(chǎn)品馬上在線溝通:
客服
熱線
7*24小時(shí)客服服務(wù)熱線
關(guān)注
微信
關(guān)注官方微信