鍓嶈█鐩镐俊灏忎紮浼翠滑搴旇鎴栧鎴栧皯寮€鍙戣繃寰俊灏忕▼搴忥紝铏界劧寰俊灏忕▼搴忕殑鍐欐硶鍜孷ue绫讳技锛屼絾鏄湁寰堝vue灞炴€э紝灏忕▼搴忎腑娌℃湁绫讳技鐨勫疄鐜帮紝姣斿璁＄畻灞炴€э紝watch鐩戞帶绛夛紱灏忕▼搴忓洜涓烘槸渚濋檮浜庡井淇pp锛屾墍浠ョ粡甯搁渶瑕佸鐞嗕竴浜涘畨鍗撳拰鑻规灉鐨勫吋瀹归棶棰橈紝姣斿鏈変簺鑻规灉鏈哄睆骞曞簳閮ㄦ湁瀹夊叏鍖猴紝鏈変簺瀹夊崜鏈洪敭鐩樹笉鑳芥敹鍥炴墦瀛楀悗鐐瑰嚮杈撳叆妗嗗悗鑷姩鍑虹幇锛屽鑷磋緭鍏ユ鏃犳硶澶卞幓鐒︾偣绛夐棶棰?..涓轰簡閬垮厤鑷繁鍜屽皬浼欎即娴垂鍦ㄨ俯鍧戠殑鏃跺€欙紝鎵撶畻鍐欎竴浜涙枃绔犺褰曚竴涓嬫湰浜哄湪寰俊灏忕▼搴忓紑鍙戜腑閬囧埌鐨勪竴浜涘潙锛屼互鍙婁竴浜涘皬鍔熻兘鐨勫疄鐜拌繃绋嬨€傚唴瀹癸細寰俊灏忕▼搴忥紙涓€锛夎嚜瀹氫箟瀵艰埅鏍忓強淇鍚勬満鍨嬪井淇″皬绋嬪簭澶辨晥鍙婂吋瀹归棶棰橈紙浜岋級浣跨敤movable-view瀹炵幇宸︽粦鍒犻櫎鍔熻兘寰俊灏忕▼搴忥紙涓夛級鍦ㄥ井淇″皬绋嬪簭涓疄鐜扮被浼糲omputed鍜寃atch鐨剉ue鍔熻兘锛?锛夊井淇″皬绋嬪簭鍒囨崲鑷畾涔夎彍鍗曟爮鐨勯獨鎿嶄綔涓€瀹氫笉鑳介敊杩囷紙5锛変笉鍚屾満鍨嬭緭鍏ユ鐨勫吋瀹规€э紙寰呮洿鏂帮級...cover-view缁勪欢浣跨敤fixedstyle澶辨晥闂鍚庡彴鍥犻」鐩渶瑕侊紝鎴戞兂寮€鍙戜竴涓嚜瀹氫箟鐨則abBar銆傚湪寰俊瀹樻柟鏂囨。涓壘鍒颁簡涓€涓猟emo銆傚畼鏂筪emo鏄剧ず锛宼abBar缁勪欢鏄敤鍩虹缁勪欢cover-view鍜宑over-image鎼缓鐨勪竴涓灦瀛愶紝鍥哄畾鍦ㄦ墜鏈哄睆骞曞簳閮紝浣嶇疆鍥哄畾銆備笅闈㈢敤鐪熸満璋冭瘯鏃跺彂鐜皌abBar缁勪欢涓嶄竴瀹氬浐瀹氬湪灞忓箷搴曢儴锛屽鏋滈〉闈㈡粦鍔紝鐢╢ixed鍥哄畾鐨勫尯鍩熶細涓婁笅绉诲姩銆倂iew鐨勫師鍥狅紝鑰屼笖杩欎釜闂濂藉儚鍒扮幇鍦ㄩ兘娌℃湁淇銆傝В鍐虫柟妗堟槸浣跨敤view鍜宨mage鍩虹缁勪欢鎼缓璐ф灦銆傝嚜瀹氫箟涓嶅悓鏈哄瀷鐨勫鑸爮鍜岀姸鎬佹爮銆傚悗鍙板師鍥犳槸鍥犱负涓嶅悓鏈哄瀷鐨勫鑸爮鍥犺兌鍥婁笂涓嬮棿璺濅笉鍚屽鑷磋嚜瀹氫箟瀵艰埅鏍忕殑楂樺害鏃犳硶鍥哄畾銆傝姹傛槸瀵艰埅鏍忎腑鐨勬枃鏈簲涓庤兌鍥婂榻愩€傝В鍐虫柟娉曞氨涓嶅簾璇濅簡锛岀洿鎺ヤ笂浠ｇ爜锛屽悗闈㈡湁璇存槑锛?*鑾峰彇鑳跺泭浣嶇疆鍜屾墜鏈虹姸鎬佹爮淇℃伅*/asyncgetMenuInfo(){let{top,楂樺害}=wx.getMenuButtonBoundingClientRect();璁﹕tatusBarHeight="";wx.getSystemInfo({success(res){statusBarHeight=res.statusBarHeight}})this.setData({topParams:{top,height,statusBarHeight},})}锛岄€氳繃wx.getMenuButtonBoundingClientRect()寰楀埌鐨勫竷灞€浣嶇疆淇℃伅鑿滃崟鎸夐挳锛堝彸涓婅鐨勮兌鍥婃寜閽級銆傚潗鏍囦俊鎭互灞忓箷宸︿笂瑙掍负鍘熺偣銆傝幏鍙栧弬鏁拌鏄庯細top涓轰笂杈圭晫鍧愭爣锛屽嵆capsule璺濈灞忓箷椤堕儴鐨勮窛绂伙紝unit:pxheight涓篶apsule鐨勯珮搴︼紝unit:px鐒跺悗閫氳繃statusBarHeight鑾峰彇鐘舵€佹爮楂樺害wx.getSystemInfo()锛屽崟浣嶄负px锛涘彲浠ョ湅鍑猴紝鑳跺泭涓庣姸鎬佹爮鐨勮窛绂?鑳跺泭涓庡睆骞曢《閮ㄧ殑璺濈锛坱op锛?鐘舵€佹爮鐨勯珮搴︼紙statusBarHeight锛夈€傛湁浜嗚繖浜涘弬鏁帮紝浣犲氨鍙互鍐欏嚭浣犳兂瑕佺殑鍚勭鑷畾涔夊鑸爮鐨勬牱寮忎簡銆傚弬鑰冩枃妗ｏ細wx.getMenuButtonBoundingClientRect()wx.getSystemInfo()鍐欏湪鏈€鍚庛€傛垜鏄疉ndyHu锛岀洰鍓嶆槸涓€鍚嶅墠绔疄浣撳伐绋嬪笀銆傛枃绔犲鏈夐敊璇紝娆㈣繋鍦ㄨ瘎璁哄尯鎸囨銆傚鏋滄湰鏂囧鎮ㄦ湁甯姪锛岃鐐硅禐鍏虫敞銆傛湭缁忚鍙姝㈣浆杞姐€傪煉屽皯璇达紝澶氬仛銆?/p>
