çå®ç¨å¯°î»ä¿çå¿â¼æ´å¿ç´éæî§æµ£æåç¼åªæ¬¢éå äºæ·â³ç¬ç»å¬ªç°éæ¶ç¼ç¼åªæ¬¢é
éîçéå©ç·ç¼æ¬ãç¹æ°ç¥çå £ã¿ç¹å¤äºæ·â³ç¬ç»å¬ªç°å¯®â¬éæî§æµ£æåç¼åªæ¬¢éå±¼äºéå©äºæ·â³ç¬ç»å¬ªç°éæ¶ç¼ç¼åªæ¬¢çµç°ç°²é¨åç ¡çåå£éå±½ç¬éæ¶î®éåªç¶ éå¤å¢ç¯î¼å§ªéå±¼ç¬çä½¸ç¹æµåæ¹éå¿æ¹°ç»æ¬æé
éîæé©î¼ç¶æ¶â¬çå ¬ç´°
- 1é?a href="#寰î»ä¿çå¿â¼æ´ é¬åºç® é«å¤å«¨ç¼åªæ¬¢ éæ°æ·æµ£? title="寰î»ä¿çå¿â¼æ´ é¬åºç® é«å¤å«¨ç¼åªæ¬¢ éæ°æ·æµ£?>寰î»ä¿çå¿â¼æ´ é¬åºç® é«å¤å«¨ç¼åªæ¬¢ éæ°æ·æµ£æ·/a>
- 2é?a href="#寰î»ä¿çå¿â¼æ´å¿ç² éã©æ£¬éæ¿îæµ¼æ°±îæ¶å¨ã-çå¿â¼æ´å¿æ®é·îç¾æ¶å¤ç²æµ ? title="寰î»ä¿çå¿â¼æ´å¿ç² éã©æ£¬éæ¿îæµ¼æ°±îæ¶å¨ã-çå¿â¼æ´å¿æ®é·îç¾æ¶å¤ç²æµ ?>寰î»ä¿çå¿â¼æ´å¿ç² éã©æ£¬éæ¿îæµ¼æ°±îæ¶å¨ã-çå¿â¼æ´å¿æ®é·îç¾æ¶å¤ç²æµ è¿/a>
- 3é?a href="#寰î»ä¿çå¿â¼æ´å¿â¬åºç®å¯®â¬é 寰î»ä¿çå¿â¼æ´å¿ç´éææç»å¬ªåæµ? title="寰î»ä¿çå¿â¼æ´å¿â¬åºç®å¯®â¬é 寰î»ä¿çå¿â¼æ´å¿ç´éææç»å¬ªåæµ?>寰î»ä¿çå¿â¼æ´å¿â¬åºç®å¯®â¬é 寰î»ä¿çå¿â¼æ´å¿ç´éææç»å¬ªåæµ?/a>
- 4é?a href="#寰î»ä¿çå¿â¼æ´å¿ç®£ç¼åªæ¬¢" title="寰î»ä¿çå¿â¼æ´å¿ç®£ç¼åªæ¬¢">寰î»ä¿çå¿â¼æ´å¿ç®£ç¼åªæ¬¢
- 5é?a href="#寰î»ä¿çå¿â¼æ´å¿î§æµ£æå¨é¢âªpméå±¼å¨é¢â²antç¼åªæ¬¢" title="寰î»ä¿çå¿â¼æ´å¿î§æµ£æå¨é¢âªpméå±¼å¨é¢â²antç¼åªæ¬¢">寰î»ä¿çå¿â¼æ´å¿î§æµ£æå¨é¢âªpméå±¼å¨é¢â²antç¼åªæ¬¢
寰î»ä¿çå¿â¼æ´å¿ç² éã©æ£¬éæ¿îæµ¼æ°±îæ¶å¨ã-çå¿â¼æ´å¿æ®é·îç¾æ¶å¤ç²æµ è¿/h2>
褰æ´åæµ îî¿å¨â²å¨é¢ã¥ææ¶â¬æ¶îç²æµ åæ®éè·ºâ¬æ¬ç´é´ææ»éîäºçå徿©æ¶îçä½½îéè·ºææ©æ¶î浣跨æ¤éå²ç¹æ¶î æ¤éæ¬ç´é·îç¾æ¶å¤ç²æµ 跺氨ç§å³°åæµåç·¢æ¿çæ®æµ£æ» æ¤éå±½å¢ éã£æ«§éèµåæµ îîéé¢ç°¡é·îç¾æ¶å¤ç²æµ è®¹ç´æ¶å¶ç¹éï½å éîæ¯å§£æ¶³ç´æµ å¬ç²éî æ§¸çæåæµååç¹æ°«ç®ç¼åªæ¬¢é¨å«å±å¯¤åæ°æµ£è·¨æ¤ç¼îç°¡éå±¼ç¬ éã¡åæµ îæ½µå¨£ååéæ ¨ç½é·îç¾æ¶å¤ç²æµ 躲â¬åî»éå ¢æ¹ æ¶å¬¬æ´°è¤°æªç´°
éå®æé»æÐ«
éå³°æé»æÐ«
æ¾¶æ å´éå³°ç´¡
æ¾¶æ°ç±éæ «æ®ç¼åªæ¬¢é«æ°«ä¿
1.éå±½æç¼æç¾
2.éè·ºçç¼åªæ¬¢æµææµæµ¼ç/p>
ç¼åªæ¬¢éåé©
ç¼åªæ¬¢éå´é´
é¢ç¸åé¨åç²æµ è·ºçæ¸å¬ªå½²æµ ã¥æ¹ªç¼åªæ¬¢é¨å¬æå¨æâ¬ä½ºæéèæéç·å±éæ¿æ°çç´â¬ observer æ¶î ¢â¬æ°³ç¹ thisç忣¶éåç²æµ æ°ç¹éå¤ç«´æµæ¶¢â¬æ°±æ¤çç´â¬Ñæ°éè§ç¡¶éå±½î§æ¶å¬¶ç´°
å¨îç´°æµ ã¤ç¬éåîéã¦ç°®æµåº¡äºæ·â³ç´éç¬æå¦ æµå±»â¬ä½½åç¹æ°«ç®ç¼åªæ¬¢é¨å«å¼¬é?/p>
é¢ç¸åé¨åç²æµ è·ºçæ¸å¬ªå½²æµ ã¥æ¹ªç¼åªæ¬¢é¨å¬æå¨æâ¬ä½ºæéèæéç·å±éæ¿æ°çç´â¬ observer æ¶î ¢â¬æ°³ç¹ thisç忣¶éåç²æµ æ°ç¹éå¤ç«´æµæ¶¢â¬æ°±æ¤çç´â¬Ñæ°éè§ç¡¶éå±½î§æ¶å¬¶ç´°
å¨îç´°æµ ã¤ç¬éåîéã¦ç°®æµåº¡äºæ·â³ç´éç¬æå¦ æµå±»â¬ä½½åç¹æ°«ç®ç¼åªæ¬¢é¨å«å¼¬é?/p>
é¢ç¸åé¨åç²æµ è·ºçæ¸å¬ªå½²æµ ã¥æ¹ªç¼åªæ¬¢é¨å¬æå¨æâ¬ä½ºæéèæéç·å±éæ¿æ°çç´â¬ observer æ¶î ¢â¬æ°³ç¹ thisç忣¶éåç²æµ æ°ç¹éå¤ç«´æµæ¶¢â¬æ°±æ¤çç´â¬Ñæ°éè§ç¡¶éå±½î§æ¶å¬¶ç´°
å¨îç´°æµ ã¤ç¬éåîéã¦ç°®æµåº¡äºæ·â³ç´éç¬æå¦ æµå±»â¬ä½½åç¹æ°«ç®ç¼åªæ¬¢é¨å«å¼¬é?/p>
é¢ç¸åé¨åç²æµ è·ºçæ¸å¬ªå½²æµ ã¥æ¹ªç¼åªæ¬¢é¨å¬æå¨æâ¬ä½ºæéèæéç·å±éæ¿æ°çç´â¬ observer æ¶î ¢â¬æ°³ç¹ thisç忣¶éåç²æµ æ°ç¹éå¤ç«´æµæ¶¢â¬æ°±æ¤çç´â¬Ñæ°éè§ç¡¶éå±½î§æ¶å¬¶ç´°
}else{ //çåªæ¤é§è¯²ç¶éºã¥å½ wx.login({
success: function () {
wx.getUserInfo({
success: function (res) {
that.globalData.userInfo = res.userInfo; typeof cb == "function" cb(that.globalData.userInfo)
}
})
}
});
}
},
globalData:{
userInfo:null }
})
app.json éîî®éç¿ éçå¿â¼æ´å¿æ®éã¥ç¬é°å¶çéååæµ îå½²æµ ã¥æ¹ªæ©æ¬éé妿¬¢æ¶î ¢å¤ç¼î¼ç¬ç»å¬ªç°éîæ±éîç°ºæ¤¤ç¸æ½°ç¼å¬åéå²å¤ç¼î¼ç¬ç»å¬ªç°é¨åç¥é é³å±¾æ«é¹è¯§ç´é°å¶ççµè°å éâç±å¯®å¿¥ç´é°å¶çæ¦æ¨¿î »éå¬î½éåæé°å¿îé妿¬¢æ¶å¶ å½²å¨£è¯²å§æµ 讳ç¶å¨ã©å´éä¾/p>
{ "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "WeChat", "navigationBarTextStyle":"black" }
}
app.wxss éîæ£æ¶îç¬ç»å¬ªç°é¨å«åé辨ç±å¯®å¿ãéååæµ îå½²æµ ã¥æ¹ªæ¤¤ç¸æ½°ç¼åªæ¬¢é¨å¢lassçç´â¬Ñç¬é©å帴浣跨æ¤app.wxssæ¶î ï¼é庣æ®éå³°ç´¡çå«å¯éä¾/p>
/**app.wxss**/ .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 200rpx 0; box-sizing: border-box;
}
3. éæ¶ç¼æ¤¤ç¸æ½°
é¦ã¨ç¹æ¶î æç»å¬®å·é屾念 îæ¹æ¶ã鿤¤ç¸æ½°é宨ndex æ¤¤ç¸æ½°é logs æ¤¤ç¸æ½°éå±½åµå¨ã£ç¹æ¤¤éæ°çå¿â¼æ´å¿æéã¦æ£©è¹æ¥æ®çæ ãæ¤¤ç¢ç´æµ æ ¦æ»é®è湪 pages é©î¼ç¶æ¶å¬¨â¬åäºæ·â³ç¬ç»å¬ªç°æ¶î æ®å§£å¿ç«´æ¶îãéã¢æ®éæ¯ç¾å¯°?æ¤¤ç¸æ½°éå¶â¬æ¦å éâ¬ç佸åé¦ app.json é¨ pages æ¶î ¨ç´æ¶ pages æ¶î æ®ç»î¿ç«´æ¶îãéã¡æ§¸çå¿â¼æ´å¿æ®æ££æ ãéä¾/p>
å§£å¿ç«´æ¶îç¬ç»å¬ªç°æ¤¤ç¸æ½°éîæ±éå²ç¾å¯°åªç¬ éå±½æé¨å«æ´æ¶îç¬éå±½æç¼â¬é妿¬¢é¨åç²é´æ¶ç´æ¿¡å¦ç´°index.jséä¹®ndex.wxmléä¹®ndex.wxsséä¹®ndex.jsoné?js é庣ç´é¨å¬ææµ èµæ§¸é´æ°æ¹°é妿¬¢é?json é庣ç´é¨å¬ææµ èµæ§¸é°å¶çé妿¬¢é?wxss é庣ç´é¨å¬æ§¸éå³°ç´¡çã¦ææµ è®¹ç´.wxml é庣ç´é¨å¬ææµ èµæ§¸æ¤¤ç¸æ½°ç¼æ´ç¯é妿¬¢éä¾/p>
index.wxmléîãéã¢æ®ç¼æ´ç¯é妿¬¢é欬/p>
view class="43b51ef3ba462904 container" view bindtap="bindViewTap" class="1ef3ba462904e403 userinfo" image class="ba462904e403ce16 userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover" image text class="8881afac7ef73568 userinfo-nickname"{{userInfo.nickName}} text view view class="afac7ef7356884d6 usermotto" text class="7ef7356884d65024 user-motto"{{motto}} text view view
éî¿ç·¥æ¶î å¨é¢ã¤ç°¡éä½µâ¬ä½¹æ½µé¼î ç¼æ¤¤ç¸æ½°ç¼æ´ç¯éå²ç²¦ç¹æ°æé¹î¼æ°æµãç°°æ¾¶åæéè¥æéä¾/p>
index.js éîãéã¢æ®é´æ°æ¹°é妿¬¢éå±½æ¹ªæ©æ¬éé妿¬¢æ¶î åæµ îå½²æµ ã§æ´éîèæ¾¶åææ¤¤ç¸æ½°é¨åæéèæéç·å±éè¬â¬ä½½å¹éæ §ç¬ç»å¬ªç°ç¹ç°ç·¥éå±½ï¼éåº¡èæ¾¶åæéçåµéå±½æ·æ´æãéîæ°¦æµæç°¨æµ åçéä¾/p>
//index.js //é¾å³°å½æ´ææ¤ç¹ç°ç·¥ var app = getApp()
Page({
data: {
motto: 'Hello World',
userInfo: {}
}, //æµå¬©æ¬¢æ¾¶åæéè¥æ bindViewTap: function() {
wx.navigateTo({
url: '../logs/logs' })
},
onLoad: function () { console.log('onLoad') var that = this //çåªæ¤æ´ææ¤ç¹ç°ç·¥é¨å¬æå¨æ¡å¹éæ §åçâ¬éçåµ app.getUserInfo(function(userInfo){ //éåæéçåµ that.setData({
userInfo:userInfo
})
})
}
})
index.wxsséîãéã¢æ®éå³°ç´¡çîç´°
/**index.wxss**/ .userinfo { display: flex; flex-direction: column; align-items: center;
} .userinfo-avatar { width: 128rpx; height: 128rpx; margin: 20rpx; border-radius: 50%;
} .userinfo-nickname { color: #aaa;
} .usermotto { margin-top: 200px;
}
æ¤¤ç¸æ½°é¨å¬ç±å¯®å¿ãéîæ½ªè¹å°î¦é¨å©â¬åç¶éå¤ãéã¡ç±å¯®å¿ãéè®¹ç´æ¤¤ç¸æ½°é¨å¬ç±å¯®å¿ãæ¶î æ®éå³°ç´¡çå«å¯æµ¼æ°¬ç°éçºî«é© app.wxss æ¶î æ®éå³°ç´¡çå«å¯éåî§éæ»ç¬é¸å§ç¾æ¤¤ç¸æ½°é¨å¬ç±å¯®å¿ãéå±¼ç¯éîäºé¦ã©ãéã¢æ®ç¼æ´ç¯é妿¬¢æ¶î æ´¿éºã¤å¨é¢ app.wxss æ¶î å¯ç¹æ°±æ®éå³°ç´¡çå«å¯éä¾/p>
index.jsonéîãéã¢æ®é°å¶çé妿¬¢é欬/p>
æ¤¤ç¸æ½°é¨å¯å¤ç¼î½ææµ èµæ§¸éç²ç¹ç佺æ®éåç¶éå¤ãéã¢æ®é°å¶çé妿¬¢é讹ç´é°å¶çæ¤¤ç°æ¹ªçã©ãéîç´°çåæ´ app.json é¨ window æ¶î æµé岿®é°å¶ç椤广â¬åî§éæ»ç éå¤å¯ç¹æ°±æ®æ¤¤ç¸æ½°é°å¶çé妿¬¢éå±½å¯é¦ã¨îæ¤¤ç¸æ½°é©åå¸´æµ£è·¨æ¤ app.json æ¶î æ®æ¦æ¨¿î »é°å¶çéä¾/p>
logsé¨å¯ãéã¢ç²¨éå/p>
view class="356884d65024d171 container log-list" block wx:for-items="{{logs}}" wx:for-item="log" text class="84d65024d1713499 log-item"{{index + 1}}. {{log}} text block view
logs æ¤¤ç¸æ½°æµ£è·¨æ¤ éºÑåéå©î·éã§ç²ç¼å¦å¬é®ä¾ç´é¦ æ¶å©å¨é¢ wx:for-items ç¼æç¾ logs éçåµéå±½èç logs éçåµå¯°îå¹çæç´éºåå£
//logs.js var util = require('../../utils/util.js')
Page({
data: {
logs: []
},
onLoad: function () { this.setData({
logs: (wx.getStorageSync('logs') || []).map(function (log) { return util.formatTime(new Date(log))
})
})
}
})
æ©æ¯îç¼æ´çæ¿¡åç¬ éæ¬¬/p>
4. éµå¬«æºæ£°å®î
寮â¬éæ£â¬åä¼é峰乿¸Ñå½éæç®é«å¤å«¨éå²ãé©îºâ¬å¶ç´éç°å®éå²î©çå â¬å¶ç´éµî¤çé庡åµéîæ¹ªå¯°î»ä¿ç¹ã¡åç»îè æµ£æ»çéä¾/p>
é©î¼å¢ éå²î©çå æ°æ¶å©ç´¶éç»å çæ°æ£¤å¨æçé帮ç´éâ¬ç佺ç寰åäºæ·â³ç¼éåæ®æ¶å¬©ç«´å§ã¦æ´¿éè¬â¬ä¾/p>
æ¿¡åç¶éµâ¬çä¾ç´å¯°î»ä¿ç¹æ¨»æç¼æ¬åé¨å«ç´éæå¯éæ¥ç¹éç²ç¶ç» â¬éæªç´å¯°å î¿ç¼åå¦éä½·å¬é®ä½¸æ°éç»å é®è¥ç é夿§çºî¾æ®çæ ãé屾墿µ ã¦å¸´æ¶å¬«æ½µçååçæ ãç¹ç²å§é¨å¬æ¤éæ¬æé佸ç´éææç»å¬«î寮å¿ç´æ¿®å¬¶ç´
ç»î¿ç«´ç»ç ç´°éåî¬å®¸ã¤ç¶
éæ°¬ã½éåî¬å®¸ã¤ç¶å¯°å ¥å¸çä½µâ¬åç´éæç«´æ¶îäºæ·â³ç°²é¢ã¥å½¿éå±¼ç¶éâ¬çä½¹å½éå¶ å寰î»ä¿é¨å«ç¼éåç¶ç»æ¬ç´weixin.qq.coméå¤ç¬ æèç´éæ£â¬åä¼éæ«â¬ä¾/p>
1. æ¶å¬æµéâ¬éæ¿äºæ·â³ç´éæ£â¬åä¼éå¤ç´éµæ³ç´éåºç¶æµ¼æ°±æ¹ éæîé£å²æ½°é欬/p>
2. éç°å®éå±¾æå¯¤ web+éå¶ãé©îç´é å¿æéè¹å¹æ¿¡åç¬ é¢å©æ½°é欬/p>
3. çã©ãéã å´é¨å«ææ¤¤ç°å´ç¹å½æ¸¶çä½¹æé°å¿â¬æºâ¬æ/p>
AppIDéæ°«ç··éÑç¼éç¡ Ðé²å©æ½µæ¿î â¬ä¾/p>
Appname: æ¤¤åæ´°éâ¬æ¾¶æ §ç°é妿¬¢æ¾¶ç°æç»å¸®ç´æ¿¡åç¶çåå¾éèææ¶æâ¬åBCéå¶ç´éæ¬ç®£é庣æ®éã©å´æ¤¤åæ´°éåîé§å§ç¢æ·æ¿ç¨é¦ã£â¬?ABC/é¥ï¸ºâ¬å¶æ´°è¤°æç¬ éä¾/p>
éîæ¹´å¯®â¬éæ æ´°è¤°æªç´°æ¤¤åæ´°çæ¨»æé¦ã¦æ¹°é¦æ®æ®é©î¼ç¶éä¾/p>
å¨îç´°éå¶î¼å¯®é¸¿çéå±½î§éæ»ç¶éå±½æ´éç¸å鿍ºå¡éå±½ç´éæ£îæ¤¤åæ´°éå±½å¯å¯¤é¸¿î æµ£ç±æ»æµ£è·¨æ¤éå±¾ç±é¨å洰褰ææç»æ¿å¼·éîæ¹´é©î¼ç¶éå±¼äºçºî»ç¹éå¿æå¯®â¬éæ æ®ç¼ç¶ç«´é¬Ñâ¬åî§éæ»ç¶æ¶å¬ªå¢ å®¸åæ¹æ¤¤åæ´°éå±½å¯çµç åæ©å©â¼æ¶åºäºæ¶å©å´ç¹ç¡ ç¹æµ¼ç¡·ç´æ¶å¶ åç§æ¨¿å ªéä¾/p>
4. éåî¬å®¸ã¤ç¶éã©å´ç¹å±¾åé庯ç´éç°å®éå±¾æå¯¤æ´ªãé©îºâ¬å¶å¯é½îç´å¯®ç°åå¦åå£éå²âç¹æ°¥â¬å¶â¬ä¾/p>
5. æ¿¡åç¬é¥ç¬å¢ç»ç´ç´å§ã å¢éå±½äºæ·â³ç´éæ£â¬åä¼éå³°å¡ç¼å¿è´æµ£çºåéã¦ç¯å¯¤è½°ç°¡æ¶â¬æ¶î嵿¿®å¬¬æ® demo æ¤¤åæ´°éå²îæ¤¤åæ´°éåå¯éî¡ç°¡æ¶â¬æ¶îäºæ·â³ç°²é¢ã©ãé©î½å¢éâ¬éå³°î¬é¨å«çéîå´ç¹ç°æ°å¦åç¦ç¼æ´ç¯éåå£éå©ãé©î¼æç»å¸®ç´é¥å¥è éç½â¬å®ardséå¶ç´æ©æ¶åçã©ãé©îç´ç辫å éªå¬ªåéç¿ éæ¤¤åæ´°é¨å«çéîç¦éåªç°¡é欬/p>
ç»î¿ç°©ç»ç ç´°æ¤¤åæ´°éå¬ç¦
寰î»ä¿é©î¼å¢ é¢ã¦åç¼ãç¶éç²ç¶æ´ç²ãéå±½äºæ·â帹éååæµ¼æ¥å½¿æµ ã¥æéå²ä¼éåâ¼æ´ï¹ãç¹å å éªå¬ªç·±éå¸®ç´æ¶ç·æéé帹éã§æ½ Html 5 é¨å¯ç®é«ç·å½çæªç´é å¿æ½éî¿ç´¬éèç¬éï¼æ®éâ¬å§¹å秺éã¨ç§ºæ¾¶å¶æ½ é屽簲é¢ã¥å½¿éæ¿æ¹ªé¨å«åéã¤ç¯éîä¼éæ¿ã½æ¾¶å©â¬ä¾/p>
é´ææ»éæ å¹éå±½äºæ·â彿¸æ¶ç²°å¯®â¬éæ£â¬å¯æ®éç°ç´¡æ¶ç·æ¹ªéæ æéã©æ½°é¨å¬æ¼éæ©ç´°æµ åº¢æ·æµ£ DOM æî¿è´é¿å¶ç¶éçåµéå±½çæµåº¡äºæ·â彿¸æ¶æ®æ¶â¬æ¶îç¹å¦ã¥ä¼éå³°çéæ¿ç·¢æ¾¶ Html 5 é¦ã¥åæµ¼æ¥å½¿å¯°å ¥æ¯¦ç¹çµå¹é¨å«å§é³æ¤ç´éå¤å£ç»«è®³ææµ hybrid 寮â¬éæ¯ç´æ¶å¶ ææµ hybrid 寮â¬éæ æ®éç°ç´¡éî¤ç´°å¯°î»ä¿å¯®â¬éå§æ®éºã¥å½éç¿ è´æ¶ã¨çéå²ç²¨éå«ç¹æ¤¤å©å°é¢ã¤ç²¬é»æªç·µç¼æ¬æ®ç¼åªæ¬¢éå±½î»é®ã§æ®å¦åç¦é屾彿µ å å æ¶å¶å é¦ã¨ç¹é²å±¼å¨é¢ã¤ç¬éå²î寮â¬éæ£â¬åç¬éã¨åç»ç»æ·æµ£ DOMéå±½ç´éæâ¬æ¿å æîå½å¯°å ãéä¾/p>
宸ã¦îé å«å¾æµå¬¶ç´è¹ååéâå¾é£ã£â¬åæçï½ ç é¨å¬ç³è¹å¨å§é³ä»æ½ªç¯æå¸çä¾ç´éå ç°¡çï½ ç é¨å¬æ£æ¶îç¹æµ£æ»ç¥¦ç»å¬¨â¬ä¾/p>
é¢ç·æ¡éã¦æ¹¡é欬/p>
é¦â¥ndex.jsé²å²æ½°é欬/p>
寮â¬éæ£â¬åä¼éèç¬ Console éîäºéªå¬ªå鿬¬/p>
é¦ã©î»æ¤¤ console éîäºéªå¬ªå椤åç°é App Launch--App Show--onLoad--onShow--onReadyéä¾/p>
æ££æ §åéîæ£æ¶ app é¨å«æéã¤ç¬éå§ãéå®pp é¨å«æéã¥æ¹ª app.js é²å²æ½°éîäºé°å¶çéå±½å¾å¨â³åæ©æ¶åéæ¿ææ¶îãéã¢æ®éçºæµéå§ãç»å¤çéä¾/p>
éîäºé¯å® èéæç¹é²å±½å½²æµ ã¥î©éå緢澶氫笢ç夸簡éå±½î§éçºæµå¦åç®£ç»«è¤æ®é®èå½²æµ ã¥çéæ®çç»å¤â¬ä¾/p>
çºîæ±é欬/p>
çºîæ±é¦ã©ãé©î¼ç´éæè æ¶â¬é©å槸æ¶î ç³è¹åªå£éå±½æ¹ªæ©æ¬å·éè·ºç寰î»ä¿çµç¡ ç¾é¢è¾©æ®æµ 嬬ç²å¯°å ç¯é屽彲çä½¸äºæ·â³æ¹ªçºîæ±é彿½°ç¼å¿ç¹å¯°å ã½é¨å«ççåç´æ¶ç¸å½æ¸æ¶ç¬æ¶îç¦æîæå¨æâ¬ä¾/p>
wx.navigateTo(OBJECT)éæ°«ç¹é£æ¬ç¶éå¶ãéî®ç´çºå® æµéæ¿ç°²é¢ã¥å´é¨å¬ç æ¶îãéî®ç´æµ£è·¨æ¤wx.navigateBackéîäºæ©æ¿æ´éæ¿å¸«æ¤¤ç¸æ½°éä¾/p>
wx.redirectTo(OBJECT)éæ°¬å§éî ç¶éå¶ãéî®ç´çºå® æµéæ¿ç°²é¢ã¥å´é¨å¬ç æ¶îãéî¬â¬ä¾/p>
wx.navigateBack()éæ°¬å§éî ç¶éå¶ãéî®ç´é¥çºâ¬â¬éå¶ç«´æ¤¤ç¸æ½°éä¾/p>
æ©æ¬ç¬æ¶îçéî¿ç¬æµ£è·¨æ¤çå²îé屽湪çºîæ±é彿½°å¯°î»ä¿çä½½îé¨å«ç·¢æ¿æ¤ç´å¯®â¬éæ£â¬å®ç´éî¿ç¬é¢ã¥å¹é°å¶ççºîæ±éå±½ç·å¯°â¬å¯°å î¿å¦åç¦é¦ã¨ç¾é¢è¾¨æéã¤å¤ç¼î¼ç·¢ç»»ä½ºæéä¾/p>
ç¼åªæ¬¢é欬/p>
å§ãî¼å¯°î»ä¿é¦ã§ç²æµ èµå½æ¸æ¶æéîç¯éîæ½ªç¯ç¨¿åéî®ç´é©çæ¹°æ¶å©å¼§çæ½ãé©î渶姹å¦ç´éå°â¬å±½ç´éæ¦â¬ç·å®³éç²ç¶è¹î¬ç´å¯®â¬éæå¢ éîäºçãæ¹¡å¨´å¿îéç³î¼éå±½ç´éææ¥éå¦ç´°å¯°å ã½éä¾/p>
éè·ºç 鿬¬/p>
æµ è®³ç¶æ¾¶æ å´å¦åç¦æµ ã¥å¼·é»ææ¬¢é©çæ¹°æ¶å©æ£¤å¨æå¨é¢îç´ç辩ç»éçºæé¨ js é»ææ¬¢æ¶ç·ç·¢é å¥å¨é¢îç´é¥ç±è´æµ ã¥å¢ é¨ js é»ææ¬¢æ¶ç·çéî¿ç¬éã©å´éîç«´é¿å¶ç¶ dom é¨å«è°å¯®å¿ç¨é¦îç´é°å±½äºæ·â³ç°²é¢ã¥å½¿å§ãî¼é¨å¬ç¦é嬿§¸æ¶å¶ åçåæ·æµ£æ»æ¢æµ£ domé屽氨æ©ç°äºéå¶ ç´éæ£â¬å¬æ»æ¶ç³å»æµ£è·¨æ¤é¨å«å§©é¬ä½½îç¼î¾æ®rem.jsæ¶ç¸æ§¸æ¶å¶æ®é¸ä½ºæ®éä¾/p>
å§ãî¼å¯°î»ä¿æ©æ¨»å½æ¸æ¶ç°¡ WebSocketé屽氨éîäºé©å帴éâæ¤ç¹å¨ä»é±å©ãéå±½å½²æµ ã¥ç´éæ æ®ç»æ´ªæ£¿éç²ç¶æ¾¶Ñâ¬ä¾/p>
çºç·åæµ¼æ¥å½¿çµè§ç®éæ å¹éå±½ç´éæç°²é¢ã¥å½¿ç¼åªæ¬¢éæ µç´ç¼æ´ç¯éæ µç´æ¾¶æ°ç±éæ ¥â¬åææ¾¶Ñ檰é¬ç»æ§¸éå®å¼§é«â¬é¯å©æ©é屾洿澶氱æ®è¤°âæ³²ç»å¤æ½æ¾¶Ñîéã¥å½éè¬â¬ä¾/p>
éºã¤ç¬ éã¥ç´æ¿®å¬«æ¶æ¶â¬æµæ¶çéæ æ®æµ ï½çæµåç´
1. 鵿§åæ¤¤åæ´°é妿¬¢æ¾¶ç¸ç´çµç åæµ£çµæ®ç¼æ ¬ç·«é£ã©å·éî¬â¬åæ¹ªæ©æ¬å·é屾念 î¿å¨é¢ã¤ç°¡ Sublime Text ç¼æ ¬ç·«é£ã£â¬åç¶éîäºéè§åµé·îç¹é¨å«ç´éæç¯é¯îâ¬å¤å«¨é·îç¹é æ»î½é¨åç´ªæææ«éä¾/p>
2. éºã¤ç¬ éã¯ç´æµ£ç»æ¸¶çä½¹ç´é¹î¿åå®¸è¾©æ®æ¤¤åæ´°éåîç婿£æ¤¤åæ´°ç¼æ´ç¯éåæ¹ªé¼å§ç·¥æ¤¤åæ´°æ¶î ¨ç´éå®ard_courseéå¶æ´°è¤°æç¬ éîå¯ç佸å¯éî¡ç°¡é宼abBaréå¶ãéîäºéå© îæ´ææ¤é¨åªç«´æµæ¶¢å¤ç¼î½ææµ 躲â¬ä¾/p>
3. ç»è½°ç·¥æ¤¤åæ´°é¨å©â¬å®¼abBaréå¶æ§¸æµæ¾éé¿æ»å´é¸å¤æ³é欬/p>
4. 鵿§åéå®pp.jsonéå¶ææµ è®¹ç´é¢ã¦æ½µé°å¶çæ©æ¬éæµæ¾éé¿æ»å´éåæ¹ªæµ ï½ççå±¼è 鵿§åé宼abBaréå¶ç´°
æµ£ç²å½²æµ ã¦ç´é¹î¼çéå´ãé©îæ¸¶å§¹åæ´¿éç¸ç´éæµè 鿬¬/p>
éåoloréå¶æ§¸æ´æ¢å´çæ¤¾ç¶æ£°æ»å£éå±»â¬å®»electedColoréå¶æ§¸éå¨å´²éæîæ¤¤ç¸æ½°æ¥æ¨¹å¯æ£°æ»å£éå±»â¬å®orderStyleéå¶æ§¸éå¨å´²é¿æ»å´æ¶å©æ½°é¨åªç«´éï¼åé¨å¯îé¹è¯§ç´éå®ackgroundColoréå¶æ§¸æ´æ¢å´é¿æ»å´éå¿åé îîé¹å±â¬åæçæ¥å¼¿æ©æç·æ¶çå¨çâ ç´å¯¤é¸¿î æµ£ç±ç«´æ¶â¬çåç¯éªèµç ¡éªå¬ªå¾éå çéå±½å§å¨£ååµç°â¬ä¾/p>
éå®istéå¶ç¬ é¨åªå¬é®ä¾ãæ´å¿ç¹æ¤¤è®³ç··å¨âæç¼îç´æ¶å¶å é å¿ç©¶éåæ¼éä¾/p>
é宲agePathéå¶ç®£é庣æ®é妿¬¢éå¶ å´éå±»â¬?wxmléå¶ æç¼â¬çî¦æ®£éå¿æ£éã¤ç°¡éå²ç¹éîäºæ·â³ç´éæå¬é®ä½·è æµçâ¬Ñ寲é¨åªç«´éå â¬æºâ¬æ¿åºæµ£çºå¦ç»¾ï¹åæµ ï½çé¨å¬æ¤éè¾¾ç´éç»ã棰æ ç®æ¾¹çæ§é妿¬¢é庣ç´éä¾/p>
é宨conPathéå¶è´éîå¹å¯°æ¥æ¨ç»æ´ªãéã¢æ®é¥ç¬ç£çºîç·éå²ç¹æ¶ãéçºîç·éîäºé©å帴éîç¶ç¼æ»æµéå¥â¬ä¾/p>
éå®»electedIconPathéå¶è´è¤°æ³å¢ éå§ãæ¤¤ç¸æ½°æ¥æ¨¹å¯é¥ç¬ç£çºîç·éå±½å½²æµ ã¥å¹éºå¤ç´éç»å¸æ¶å¬ªææµ¼æ°¶ç²¯çãæ¨ç»è½°è´é宨conPathéå¶æ®é¥ç¬ç£éä¾/p>
éå´extéå¶è´æ¤¤ç¸æ½°éå¬î½éå±¼ç¯éîäºéç»å¸éå±½å¹éºå¤ç®£é庣å½éå§ãé¥ç¬ç£éå±½î§éîå¹éºå¤å¾æ¶î ç«´æ¶îç´çã¤ç¶ ç¼î»ç´°çî¢å´°é¢ã£â¬ä¾/p>
å¨ã¦å°éæ°¬äºæ·ï¼æ®æ´æ¢å´é¿æ»å´éâ¬æ¾¶æ°æ®é¸ä½·ç°²éå¿¥ç´æµæ¾é iconséå¤ç´éµâ¬æµ ã¥æ¹ªæµ£çºîçâ³äºæ·â³ç°²é¢ã§æ® UI éå±½çéîç¦é嬿¤çè¾«î¦æ£°å«åé°å檻æ¿åå½éæç®é¨å¬å¸ç¯å¦â¬ä¾/p>
5. éè§åµæµ ã¤ç¬æµ ï½ççå«å¯é屾念 î仿¿æç°¡ç»è½°ç·¥æ¤¤åæ´°é¨å«çéîç¦éå¶ç´æ¸æ¶ç¶éåâ¬å¿ç´°
6. éåsonéå¶ææµ å å¤ç¼î¼ã½é庯ç´éå®ard_courseéå¶æ®é©çæ¹°ç¼æ´ç¯éã¤ç¬é¥ç¬å¢ç»ç´ç´æ¶å¶æ¸¶ç佺æ®çæ°æ³¦é®èå½²æµ ã¦æ®éè·ºå¹éãç´ç¼åç¯é¨å«çéåå¯éâ¬çä½·ç¶æ¶è¯²å§©éæ¿ç¼éåå¹éã çéåæ¤çæ¿ç·±æ¤¤åç«å¦«â¬éã¤ç«´æ¶å¬¨â¬å®pp.jsonéå¶å·é¨åæµéå²å´ç¹è§æ§¸éï¹å¡ç¼å¿ç«´éªè·ºå¹éãâ¬ä¾/p>
å¨ã¦å°éæ°«éæµåç¼çî»ç¶éæ¿ç¼æ¶â¬æ¶îâ¬å¯xmléå¶ææµ åæ®éå±¾æ¤é屾妸çµç°ç°²é¨å©â¬å®©séå¶ æ°éå¯xsséå¶ææµ æµç«´ç§éæå¯¤åã½éå±½æ´æ¶åäºæ·â³ç°²é¢ã¥å½¿é¨å¯å¤ç¼î¾å£éç°æ°¨éîÐéæ¬åæ¶â¬æ¶îâ¬å¯xmléå¶ææµ èµæ¤é屼細éå±¾æ¤é¦ã¥æç»¾Ñ 洰褰æç¬ 鵿§åéå±¾ææµ è·ºæé¨å©â¬å®©séå¶ æ°éå¯xsséå¶ææµ è®¹ç´éµâ¬æµ ã£â¬å®©séå¶ææµ å æ¸¶é婿¤é¦ã£â¬å®pp.jsonéå¶å·æ£°å«åé°å¶çæ¿å§â¬ä¾/p>
ç¼æ §åéå¯xmléå¶æ¤éå±¾ç´é¹î¼äºæ·â³ç°²é¢ã¥å½¿é»æªç·µé¨å¬å¸´éï½ç´ªé®ä½¸åµéî¤ç´æ¾¶Ñå´éåæ°¨éîäºéå¶æ®éå®ivéå¶ç´é°å²å¹é¦ã¥æ°¨é¢ã£â¬å¯iewéå¶ åµéîâ¬å渶ç佺æ¤éè·ºç çæ°æ³¦é讹ç´éîäºéè§åµå¯°î»ä¿é»æªç·µé¨å¬å¸´éï½å¡é¯å´â¬å¤å«¨éä¾/p>
浣跨æ¤éå®lasséå¶ æéã¨îç¼î½ç±å¯®å¿¥ç´é宨déå¶ æé¦ã¨ç¹é²å±½çéîç éå¤ç²æ¶å ¢æ¤æ¾¶å©â¬åå¯çä½¹æ·æµ£æ»æé¹îç´æ¶å¶æ·æµ£æº¿â¬å®oméå¶â¬ä¾/p>
7. æµ ã¤ç¬éîãæ¸å¬®ãé©îî»æ¤¤çµæ®éå¯xmléå¶ç´ªé®ä½µâ¬åç² é¥å¥è çåå½²æµ ã§æ¹ éç´ç´ç¹çµå¹æ¶â¬æ¶îãéîå¬é®ä¾åºéç²ç¶çæâ¬ä¾/p>
8. éå¸xsséå¶ææµ èµæ§¸å¯®æåé¨å¬ç±å¯®å¿ææµ è®¹ç´æµ£ç±ç¯éîäºé©å帴é¦ã©å·éã åéå³°ç´¡éå²ãæ¸å¬©è é²å©æ¤é¨å¬æ§¸å¯®æåéç°ç´¡é欬/p>
9. æ·î½æ¼æµ ï½çé庡åéé¢ç«´å¨â ç´éîäºéªå¬ªåéîîé³å±¾æ«é¨å©â¬å¯iewéå¶ç£ç»å§æ´¿éºã¥å½é´æªç°¡ç»®å¤å£éä¾/p>
å¨ã¦å°éæ°«æ ¨é广â¬å¯xmléå¶ æ°éå¯xsséå¶ç¬ é¨å«å´ç¹ç°æé岿´¿éº F5 ééæç辫å é©å帴éªå¬ªåéå çéå±¼æ ¨é广â¬å®©séå¶ å¯éâ¬éç°å®é²å¶ æé¸å¤æ³éµå¶å éªå¬ªåéå çéä¾/p>
10. éï¹î»éå±½åé辨ç±å¯®å¿å½²æµ ã¥æ¹ªéå®pp.wxsséå¶å·é©åå¸´å¯®æ æ¤éä¾/p>
11. éåséå¶ææµ å æ¸¶ç佸湪éå®pp.jsonéå¶ææµ åæ®é宲ageéå¶å·æ£°å«åé°å¶çæ¿å§â¬åè´æµåãé©î¾ç²¨éå¬ç«»é æ¿å¯²é屽湪ç»è½°ç·¥æ¤¤åæ´°æ¶î æ®é宨ndexéå¶î»æ¤¤éæç»¾Ñ 洰褰ææå¯¤åå¾ç¹å¨æ´æ¶îãéã¡ææµ è®¹ç´éèç¶æ¿¡åç¬ éæ¬¬/p>
ç¼å¿ç¹æµ ã¤ç¬å§ã©îéå±¾îæ¸å¬©è é¨åªç°²æ¶îç°³é®ã¨å½éææ°¨éã©å´é°å¶çç¹å±¾ç¯æµåâ¬ä¾/p>
æ¿¡åçæµ£çºî¦éã©æ£¬é¨å®ç½éå²î»éå £î¦éºå±¾å½ jséä¹tmléä¹§ss éã¨çéä¾/p>
éè·ºæéîäºé«æ°³ç¹éã§æ¹ 寰î»ä¿éî¿ç´¬éªå²å½´æ¶î æ®å¯°î»ä¿çå¿â¼æ´å¿ç´éææç»å¬«æ½µæ¾¶Ñî§æµåÐ寰î»ä¿çå¿â¼æ´å¿æ®å¯®â¬éææå¯®å¿æ°çåç¯éç°ç´¡é ç¹æ¨»æé¨åªç²ç¼å¶ç¹éîç®æåªçéææ§é³åæ®éä¾/p>
éï¹î»éîäºé«æ°³ç¹éã©æ£¬ç»¾Ñ æ®ç¯æ §ç éã¤ç°¡çï½ å¿æµ£æ³ç´éæç¥¦ç»å¬¨â¬ä¾/p>
æµ ã¤ç¬~~
ç¯å±¾æ¹é³çç²°æµ£ç±ç«´æµæ¶åºéâç´ç¯å±¾æ¹é²å©æ¼è·¯
寰î»ä¿çå¿â¼æ´å¿ç®£ç¼åªæ¬¢
æ¶â¬.éæ¶ç¼éªæµå¨é¢ã§ç²æµ åæ®å§ã©î
1.éæ¶ç¼æ¶â¬æ¶î ææµ è·ºãçæ¨»æç¼åªæ¬¢éå±½èé¦ã©å·éã å±å¯¤è½°ç«´æ¶îç²æµ èµææµ è·ºãéå®omponentsé宼abs
2.é¦â°absé妿¬¢é²å±¾åéçµç²æµ èµÄéå/p>
3.å¯®æ æ¤ç¼åªæ¬¢é屽湪éåç²æµ åæ®jsoné妿¬¢æ¶î æ®usingComponentsæ¶î åéç²çç¼åªæ¬¢çºîç·éå®ompont
4.浣跨æ¤ç¼åªæ¬¢é岿µè¤°æ²ç°¬å§ï½ ç¶éå©î·æ©æ¶î浣跨æ¤
æµ?éåç²æµ è·ºæçæ®ç²æµ æµç´¶éåæ®å§ã©î
éåç²æµ åç²°çæ®ç²æµ åæ®tabsæµ¼ç²åçµç¡ è
1.éåç²æµ åæ®éçåµ
2.çæ®ç²æµ è·ºä»é¨å¬æ·æµ£æ·/p>
æ¿¡åçå¨âæ¹æµ¼ç²åéçåµé屽氨浼氳ç·é洪粯çã â¬ç´alue
3.çæ®ç²æµ è·ºçç»åî®çâæé¹îç´°
æ¶?çæ®ç²æµ è·ºæéåç²æµ æµç´¶éåæ®å§ã©î
1.éå ¢ç²°çæ®ç²æµ èµåéç±ç«´æ¶îå£éè®³ç°¨æµ è¿/p>
2.髿°³ç¹this.triggerEvent("é·îç¾æ¶å¤ç°¨æµ è·ºæç»?,{æµ¼çµæ®éç´)éææ¤æ·æ¿ççæ®ç²æµ è·ºæ°éåç²æµ è·ºæå§ã¨î¦æ·î½æ¼
3.éåç²æµ åç²¦ç¹æ°¬çç¼åªæ¬¢éå±½ç¾æ¶å¤ç«´æ¶îç°¨æµ è·ºæç»å¸®ç´é¢ã¦æ½µéºã¦æ¹çæ®ç²æµ æµç´¶é«ææ®éçåµ
寰î»ä¿çå¿â¼æ´å¿î§æµ£æå¨é¢âªpméå±¼å¨é¢â²antç¼åªæ¬¢
éæ¿ç¼æ¶â¬æ¶îäºæ·â³ç¬ç»å¬ªç°é屽湪çå¿â¼æ´å¿æ´°è¤°æç¬ ææ³åéææ¤éæ¯pm initéå £î寰椾äºç» ï¼æéæ¨¿é©æµ åç¹çå±½ç´éæä¼éå¤ç´,éè·ºææ¶â¬é©ææ´æï¸¼ç´é©ç£å¦é¦ã¥ç¬ç»å¬ªç°é©î¼ç¶æ¶å¬¶ç´é¢ç¸åpackage.jsoné妿¬¢
髿°³ç¹ npm ç¹å¤î
npm i @vant/weapp -S --production
髿°³ç¹ yarn ç¹å¤î
yarn add @vant/weapp --production
æ¶å¬ªæé¨å«å¿æµ£æ´îæ¥ ã å¼¬é° éå¨ã
çå®ç¨å¯°î»ä¿çå¿â¼æ´å¿ç´éæî§æµ£æåç¼åªæ¬¢é¨åªç²ç¼å¶ æ°¨é±å©åæ©æ¬å·éÑç´é°ç»é¿æµ£çºå§³éå æ£¿éå°î°éîç¯éåîéå±¾æ´¿æ¾¶æ°¬å§æµåº¡äºæ·â³ç¬ç»å¬ªç°éæ¶ç¼ç¼åªæ¬¢éä½½ã¿ç¹å¤äºæ·â³ç¬ç»å¬ªç°å¯®â¬éæî§æµ£æåç¼åªæ¬¢é¨åªä¿éîåè¹æ¨¹ç°¡é¦ã¦æ¹°ç»æ¬ç¹çå±¾ç ¡éµæ§æéä¾/p>
-
æ¶å©ç«´ç»¡å/p> æ¶â¬çµéç«´seo浼樺寲éï½î¶éå åç¼æ ¡EO浼樺寲棣æ â¬å¤ç´
-
æ¶å¬©ç«´ç»¡åi class="ada943b51ef3ba46 ri-arrow-right-s-line">
é©ç¨¿å§éºã¨å´