Warning: DOMDocument::loadHTML(): Tag header invalid in Entity, line: 42 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): Tag nav invalid in Entity, line: 48 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): Unexpected end tag : li in Entity, line: 57 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): Unexpected end tag : a in Entity, line: 57 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): Unexpected end tag : ul in Entity, line: 57 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): Unexpected end tag : li in Entity, line: 57 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 63 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 63 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): Unexpected end tag : i in Entity, line: 63 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): Tag time invalid in Entity, line: 72 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): Unexpected end tag : a in Entity, line: 98 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): Unexpected end tag : a in Entity, line: 101 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 180 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 180 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 182 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 182 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 194 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): Unexpected end tag : i in Entity, line: 218 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 222 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 222 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 230 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 230 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 238 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 238 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 246 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 246 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 262 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 270 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 270 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): Tag aside invalid in Entity, line: 278 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 284 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 287 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 287 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): error parsing attribute name in Entity, line: 307 in /www/wwwroot/web/fun.php on line 48

Warning: DOMDocument::loadHTML(): Tag footer invalid in Entity, line: 327 in /www/wwwroot/web/fun.php on line 48
瑗垮畨寰俊灏忕▼搴忓紑鍙戝浣曞啓缁勪欢锛堝井淇″皬绋嬪簭鍒涘缓缁勪欢锛 - 淇¢槼闆风背缃戠粶绉戞妧鏈夐檺鍏徃

瑗垮畨寰俊灏忕▼搴忓紑鍙戝浣曞啓缁勪欢锛堝井淇″皬绋嬪簭鍒涘缓缁勪欢锛

鏈瘒鏂囩珷缁欏ぇ瀹惰皥璋堣タ瀹夊井淇″皬绋嬪簭寮€鍙戝浣曞啓缁勪欢锛屼互鍙婂井淇″皬绋嬪簭鍒涘缓缁勪欢瀵瑰簲鐨勭煡璇嗙偣锛屽笇鏈涘鍚勪綅鏈夋墍甯姪锛屼笉瑕佸繕浜嗘敹钘忔湰绔欏枖銆 鏈枃鐩綍涓€瑙堬細 1銆佸井淇″皬绋嬪簭 鎬庝箞 閫夋嫨缁勪欢 鍋氭搷浣

鏈瘒鏂囩珷缁欏ぇ瀹惰皥璋堣タ瀹夊井淇″皬绋嬪簭寮€鍙戝浣曞啓缁勪欢锛屼互鍙婂井淇″皬绋嬪簭鍒涘缓缁勪欢瀵瑰簲鐨勭煡璇嗙偣锛屽笇鏈涘鍚勪綅鏈夋墍甯姪锛屼笉瑕佸繕浜嗘敹钘忔湰绔欏枖銆

鏈枃鐩綍涓€瑙堬細

  • 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>

褰撴垜浠娆′娇鐢ㄥ悓涓€涓粍浠剁殑鏃跺€欙紝鎴戜滑鍙互灏嗗叾杩涜灏佽鐒跺悗杩涜浣跨敤锛岃繖涓椂鍊欙紝鑷畾涔夌粍浠跺氨璧峰埌浜嗗緢濂界殑浣滅敤锛屽墠闈㈣櫧鐒舵垜浠鍒颁簡鑷畾涔夌粍浠讹紝涓嶈繃閭i兘鏄毊姣涳紝浠呬粎鍙槸璁插埌浜嗚嚜瀹氫箟缁勪欢鐨勫垱寤哄拰浣跨敤缃簡锛屼笅闈㈡垜浠潵娣卞叆鍓栨瀽鑷畾涔夌粍浠躲€傞鍏堢湅涓嬬洰褰曪細

鍖垮悕鎻掓Ы

鍏峰悕鎻掓Ы

澶栭儴鏍峰紡

澶氭牱鍖栫殑缁勪欢閫氫俊

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涓0鏄庣殑鏍峰紡瑙勫垯銆侟/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 鏄〉闈㈢殑鑴氭湰鏂囦欢锛屽湪杩欎釜鏂囦欢涓垜浠彲浠ョ洃鍚苟澶勭悊椤甸潰鐨勭敓鍛藉懆鏈熷嚱鏁般€佽幏鍙栧皬绋嬪簭瀹炰緥锛屽0鏄庡苟澶勭悊鏁版嵁锛屽搷搴旈〉闈氦浜掍簨浠剁瓑銆侟/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>

宸ユ鍠勫叾浜嬶紝蹇呭厛鍒╁叾鍣ㄣ€傜悊瑙e畠鐨勬牳蹇冨姛鑳介潪甯搁噸瑕侊紝鍏堜簡瑙e畠鐨勬暣涓繍浣滄祦绋嬨€侟/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>

鎺ヤ笅鏉ュ紑濮嬫悶涓€浜涚畝鍗曠殑浠g爜浜嗭紒

1. 鎵惧埌椤圭洰鏂囦欢澶癸紝瀵煎叆浣犵殑缂栬緫鍣ㄩ噷闈€傚湪杩欓噷锛屾垜浠娇鐢ㄤ簡 Sublime Text 缂栬緫鍣ㄣ€備綘鍙互鏍规嵁鑷繁鐨勫紑鍙戜範鎯€夋嫨鑷繁鍠滄鐨勭紪杈戝櫒銆侟/p>

2. 鎺ヤ笅鏉ワ紝浣犻渶瑕佹牴鎹嚜宸辩殑椤圭洰鍐呭璋冩暣椤圭洰缁撴瀯銆傚湪鑼冧緥椤圭洰涓紝銆宑ard_course銆嶇洰褰曚笅闈富瑕佸寘鍚簡銆宼abBar銆嶉〉闈互鍙婅搴旂敤鐨勪竴浜涢厤缃枃浠躲€侟/p>

3. 绀轰緥椤圭洰鐨勩€宼abBar銆嶆槸浜斾釜鑿滃崟鎸夐挳锛欬/p>

4. 鎵惧埌銆宎pp.json銆嶆枃浠讹紝鐢ㄦ潵閰嶇疆杩欎釜浜斾釜鑿滃崟銆傚湪浠g爜琛屼腑鎵惧埌銆宼abBar銆嶏細

浣犲彲浠ユ牴鎹疄闄呴」鐩渶姹傛洿鏀癸紝鍏朵腑锛欬/p>

銆孋olor銆嶆槸搴曢儴瀛椾綋棰滆壊锛屻€宻electedColor銆嶆槸鍒囨崲鍒拌椤甸潰楂樹寒棰滆壊锛屻€宐orderStyle銆嶆槸鍒囨崲鑿滃崟涓婇潰鐨勪竴鏉$嚎鐨勯鑹诧紝銆宐ackgroundColor銆嶆槸搴曢儴鑿滃崟鏍忚儗鏅鑹层€傛枃瀛楁弿杩拌緝涓烘娊璞★紝寤鸿浣犱竴涓€璋冭瘯骞舵煡鐪嬪叾鏁堟灉锛屽姞娣卞嵃璞°€侟/p>

銆宭ist銆嶄笅鐨勪唬鐮侀『搴忓繀椤讳緷娆℃斁缃紝涓嶈兘闅忎究鏇存敼銆侟/p>

銆宲agePath銆嶄箣鍚庣殑鏂囦欢鍚嶅唴锛屻€?wxml銆嶅悗缂€琚殣钘忚捣鏉ヤ簡锛岃繖鏄井淇″紑鍙戜唬鐮佷腑浜烘€у寲鐨勪竴鐐光€斺€斿府浣犺妭绾﹀啓浠g爜鐨勬椂闂达紝鏃犻』棰戠箒澹版槑鏂囦欢鍚庣紑銆侟/p>

銆宨conPath銆嶄负鏈幏寰楁樉绀洪〉闈㈢殑鍥炬爣璺緞锛岃繖涓や釜璺緞鍙互鐩存帴鏄綉缁滃浘鏍囥€侟/p>

銆宻electedIconPath銆嶄负褰撳墠鏄剧ず椤甸潰楂樹寒鍥炬爣璺緞锛屽彲浠ュ幓鎺夛紝鍘绘帀涔嬪悗浼氶粯璁ゆ樉绀轰负銆宨conPath銆嶇殑鍥炬爣銆侟/p>

銆孴ext銆嶄负椤甸潰鏍囬锛屼篃鍙互鍘绘帀锛屽幓鎺変箣鍚庣函鏄剧ず鍥炬爣锛屽鍙幓鎺夊叾涓竴涓紝璇ヤ綅缃細琚崰鐢ㄣ€侟/p>

娉ㄦ剰锛氬井淇$殑搴曢儴鑿滃崟鏈€澶氭敮鎸佷簲鏍忥紙浜斾釜 icons锛夛紝鎵€浠ュ湪浣犺璁″井淇″簲鐢ㄧ殑 UI 鍜屽熀鏈灦鏋勬椂灏辫棰勫厛鑰冭檻濂借彍鍗曟爮鐨勬帓甯冦€侟/p>

5. 鏍规嵁浠ヤ笂浠g爜瑙勫垯锛屾垜浠仛濂戒簡绀轰緥椤圭洰鐨勫熀鏈灦鏋勶紝渚涗綘鍙傝€冿細

6. 銆孞son銆嶆枃浠堕厤缃ソ鍚庯紝銆宑ard_course銆嶇殑鍩烘湰缁撴瀯鍏ヤ笂鍥炬墍绀猴紝涓嶉渶瑕佺殑瀛愰泦閮藉彲浠ユ殏鏃跺垹闄わ紝缂哄皯鐨勫瓙闆嗗垯闇€瑕佷綘涓诲姩鏂板缓銆傚垹闄ゅ瓙闆嗘椂璁板緱椤哄甫妫€鏌ヤ竴涓嬨€宎pp.json銆嶉噷鐨勭浉鍏冲唴瀹规槸鍚﹀凡缁忎竴骞跺垹闄ゃ€侟/p>

娉ㄦ剰锛氫釜浜哄缓璁綘鏂板缓涓€涓€寃xml銆嶆枃浠剁殑鍚屾椂锛屾妸瀵瑰簲鐨勩€宩s銆嶅拰銆寃xss銆嶆枃浠朵竴璧锋柊寤哄ソ锛屽洜涓哄井淇″簲鐢ㄥ彿鐨勯厤缃壒鐐瑰氨鏄В鏋愬埌涓€涓€寃xml銆嶆枃浠舵椂锛屼細鍚屾椂鍦ㄥ悓绾х洰褰曚笅鎵惧埌鍚屾枃浠跺悕鐨勩€宩s銆嶅拰銆寃xss銆嶆枃浠讹紝鎵€浠ャ€宩s銆嶆枃浠堕渶鍙婃椂鍦ㄣ€宎pp.json銆嶉噷棰勫厛閰嶇疆濂姐€侟/p>

缂栧啓銆寃xml銆嶆椂锛屾牴鎹井淇″簲鐢ㄥ彿鎻愪緵鐨勬帴鍙g紪鐮佸嵆鍙紝澶ч儴鍒嗗氨鏄互鍓嶇殑銆宒iv銆嶏紝鑰岀幇鍦ㄥ氨鐢ㄣ€寁iew銆嶅嵆鍙€傞渶瑕佺敤鍏跺畠瀛愰泦鏃讹紝鍙互鏍规嵁寰俊鎻愪緵鐨勬帴鍙i厡鎯呴€夋嫨銆侟/p>

浣跨敤銆宑lass銆嶅悕鏉ヨ缃牱寮忥紝銆宨d銆嶅悕鍦ㄨ繖閲屽熀鏈病鏈変粈涔堢敤澶勩€備富瑕佹搷浣滄暟鎹紝涓嶆搷浣溿€宒om銆嶃€侟/p>

7. 浠ヤ笂鏄ず渚嬮」鐩椤电殑銆寃xml銆嶇紪鐮併€備粠鍥句腑灏卞彲浠ョ湅鍑猴紝瀹炵幇涓€涓〉闈唬鐮侀噺闈炲父灏戙€侟/p>

8. 銆學xss銆嶆枃浠舵槸寮曞叆鐨勬牱寮忔枃浠讹紝浣犱篃鍙互鐩存帴鍦ㄩ噷闈㈠啓鏍峰紡锛岀ず渚嬩腑閲囩敤鐨勬槸寮曞叆鏂瑰紡锛欬/p>

9. 淇敼浠g爜鍚庡埛鏂颁竴娆★紝鍙互鐪嬪埌鏈鑳屾櫙鐨勩€寁iew銆嶆爣绛剧洿鎺ュ彉鎴愪簡绮夎壊銆侟/p>

娉ㄦ剰锛氫慨鏀广€寃xml銆嶅拰銆寃xss銆嶄笅鐨勫唴瀹瑰悗锛岀洿鎺 F5 鍒锋柊灏辫兘鐩存帴鐪嬪埌鏁堟灉锛屼慨鏀广€宩s銆嶅垯闇€鐐瑰嚮閲嶅惎鎸夐挳鎵嶈兘鐪嬪埌鏁堟灉銆侟/p>

10. 鍙﹀锛屽叕鍏辨牱寮忓彲浠ュ湪銆宎pp.wxss銆嶉噷鐩存帴寮曠敤銆侟/p>

11. 銆孞s銆嶆枃浠堕渶瑕佸湪銆宎pp.json銆嶆枃浠剁殑銆宲age銆嶉噷棰勫厛閰嶇疆濂姐€備负浜嗛」鐩粨鏋勬竻鏅板寲锛屽湪绀轰緥椤圭洰涓殑銆宨ndex銆嶉椤靛悓绾х洰褰曟柊寤哄叾瀹冨洓涓〉闈㈡枃浠讹紝鍏蜂綋濡備笅锛欬/p>

缁忚繃浠ヤ笂姝ラ锛屾渚嬩腑鐨勪簲涓簳閮ㄨ彍鍗曞氨鍏ㄩ儴閰嶇疆瀹屾瘯浜嗐€侟/p>

濡傛灉浣犺鍏ラ棬鐨勮瘽锛岄鍏堣鎺屾彙 js銆乭tml銆乧ss 鐭ヨ瘑銆侟/p>

鐒跺悗鍙互閫氳繃鏌ョ湅寰俊鍏紬骞冲彴涓殑寰俊灏忕▼搴忓紑鍙戞暀绋嬫潵澶ф浜嗚В寰俊灏忕▼搴忕殑寮€鍙戞柟寮忓拰璋冭瘯鏂瑰紡锛 瀹樻柟鐨勪粙缁嶈繕鏄瘮杈冪畝鍗曟槗鎳傜殑銆侟/p>

鍙﹀鍙互閫氳繃鍏ラ棬绾х殑甯栧瓙 鏉ヤ簡瑙e叿浣撳紑鍙戞祦绋嬨€侟/p>

浠ヤ笂~~

甯屾湜鑳界粰浣犱竴浜涘府鍔╋紝甯屾湜閲囩撼路

寰俊灏忕▼搴忎箣缁勪欢

涓€.鍒涘缓骞朵娇鐢ㄧ粍浠剁殑姝ラ

1.鍒涘缓涓€涓枃浠跺す瀛樻斁缁勪欢锛屽苟鍦ㄩ噷闈㈠垱寤轰竴涓粍浠舵枃浠跺す锛宑omponents锛宼abs

2.鍦╰abs鏂囦欢閲屾坊鍔犵粍浠舵ā鏉军/p>

3.寮曠敤缁勪欢锛屽湪鐖剁粍浠剁殑json鏂囦欢涓殑usingComponents涓坊鍔犲瓙缁勪欢璺緞锛宑ompont

4.浣跨敤缁勪欢锛岀浉褰撲簬姝e父鏍囩杩涜浣跨敤

浜?鐖剁粍浠跺悜瀛愮粍浠朵紶鍙傜殑姝ラ

鐖剁粍浠剁粰瀛愮粍浠剁殑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>