A. 鍦ㄥ井淇″皬绋嬪簭涓濡備綍鍒朵綔鐚鐪肩數褰
鏈夌敤鎴峰枩娆㈢湅鐢靛奖鏈夊枩娆㈢帺寰淇″皬绋嬪簭锛屼粖澶╁皬缂栧氨缁欏ぇ瀹跺甫鏉ヤ簡鍦ㄥ井淇″皬绋嬪簭涓鍒朵綔鐚鐪肩數褰辩殑璇︾粏姝ラわ紝鎰熷叴瓒ｇ殑灏忎紮浼村氨璧剁揣鍜屽皬缂栦竴璧锋潵鐪嬬湅鍚с
姝ｆ枃
搴熻瘽涓嶅氳达紝鍏堜笂鏁堟灉鍥
鏁堟灉鍥
鏈琩emo瀹屾垚鍏辫楄垂杩戜袱鍛锛屼篃鏄鍦ㄧ┖浣欐椂闂村幓鍐欑殑锛屽洜涓烘秹鍙婂埌鏂扮煡璇咼S銆丠TML鍜孋SS3锛屾墍浠ヤ篃鏄杈瑰︿範杈瑰啓锛屼唬鐮佺紪鍐欎笂鏈変粈涔堜笉褰撳勶紝杩橀渶灏忎紮浼村湪璇勮哄勬寚鏄庯紝甯鍔╀綔鑰呮洿涓婁竴灞傛ゼ!
(娉锛氭湰鏂囩珷宸查粯璁ゅ悇浣嶅皬浼欎即宸茬粡鐔熸倝寰淇″皬绋嬪簭鐨勭洰褰曠粨鏋勪互鍙婃瘡涓鏂囦欢鎵浠ｈ〃鐨勭殑鍚涔夊拰灏忕▼搴廇PI鐨勪娇鐢锛屾墍浠ユ枃涓涓嶄細璇︾粏璇存槑锛岀粨灏句細鐩存帴缁欏嚭瀹屾暣浠ｇ爜)
鐚鐪肩數褰盿pi锛氱偣鍑绘ゅ
涓銆佺洰褰曠粨鏋
鐩褰曠粨鏋
閲囩敤鐨勫紑鍙戝伐鍏锋槸Egret Wing(鐐瑰嚮杩涘叆瀹樼綉涓嬭浇)锛屼富瑕佺洰褰曡存槑锛
浠庣洰褰曞彲鐭ユ暣浣撶粨鏋勭畝鍗曪紝涓昏佸氨鏄涓変釜鐣岄潰锛氶栭〉homepage銆佺數褰辫︽儏椤祄oviedetail銆佸奖闄㈠垪琛ㄩ〉cinema銆
浜屻侀栭〉
棣栭〉
tab浠ｇ爜锛屾墦寮app.json濡傚浘锛
pages鍜宼abBar
杩欓噷鎴戞兂璇翠笅锛屽井淇″皬绋嬪簭鑷甯﹀箃abBar閫夋嫨鏁堟灉浣滆呰繕鏄鎸哄枩娆㈢殑(濡傛灉鍦ˋndroid涓婅繕瑕佺粰姣忎釜tab鍐欎釜selector閫夋嫨鍣ㄧ殑XML鏂囦欢)鐢变簬杩欐垫病浠涔堟妧鏈闅剧偣锛屾墍浠ュ氨涓嶅氳翠簡銆
鎺ヤ笅鏉ヨ繘鍏ラ栭〉homepage锛屼竴涓鐣岄潰鐨勬枃浠剁粨鏋勭讳笉寮涓変釜鏂囦欢锛歺xx.js銆亁xx.wxml銆亁xx.wxss
鍏堟潵鐪嬬湅甯冨眬浠ｇ爜锛
鍦ㄨ繖閲屼綔鑰呮壙璁ゅ綋鍒濆啓鐨勬椂鍊欏伔浜嗕笅鎳掞紝鏈変簺鏍囩惧睘鎬ф垜鐩存帴鐢╯tyle鍐欎簡锛屼絾鐪熸ｅ紑鍙戞椂锛屾渶濂芥妸姣忎釜鏍囩剧殑style鍐欏湪.wxss鏂囦欢閲岋紝閫氳繃鑷瀹氫箟鐨刢lass鍚嶇О(鎴栬卛d)锛岀浉鍚屽竷灞鐨勫湴鏂瑰彲浠ョ洿鎺ュ紩鐢ㄥ悓涓涓猚lass灏卞彲浠ヤ簡锛屼笉鐒朵細鍍忎綔鑰呰繖鏍锋湁浜涘睘鎬ч噸澶嶅啓浜嗗嚑娆(鎵嬪姩灏村艾)銆
.js浠ｇ爜寰涓嬬湅锛
homepage.js
鐢靛奖鍒楄〃鐨勪俊鎭鏈鏀惧埌浜嗗畾涔夌殑infos[]鏁扮粍涓锛屽皬绋嬪簭涔熶笉瀛樺湪json瑙ｆ瀽锛屽湪wx.request璇锋眰涓嬪緱鍒扮殑res鍙栫浉搴旂殑鍊紃es.data.data.movie锛岀洿鎺ュ湪homepage.html鏍囩句腑鐢╳x:for={{infos}}閬嶅巻锛屽厓绱犻粯璁や负item锛屽彇鍊肩殑鏃跺欑敤item.鍊肩殑鍚嶇О灏卞彲浠ュ彇鍒版暟鎹銆
杩欓噷鏈変釜灏忓湴鏂归渶瑕佽存槑涓嬶紝褰撴椂涓轰簡瑙ｅ喅涔熸槸鑺变簡鐐规椂闂达細鍦╦son鏁版嵁閲屾湁涓鍙傛暟鍚嶇О涓3d锛岃屼笖杩欎釜鏍囩句笉鏄鎵鏈夌數褰遍兘鏈夌殑锛屾墍浠ュ畾涔変簡threeD:true杩欎釜鍙橀噺锛屼负浜嗚兘鍦.wxml涓鍙栧埌鍊硷紝灏卞彲鎯宠岀煡鐨勭洿鎺ュ啓鎴愪簡wx:if={{item.3d}}锛岀粨鏋滃氨鎶ラ敊浜嗭細
閿欒淇℃伅
闂棰樺氨鍑哄湪杩欎釜3d涓婏紝鍚庢潵鏌ヨ祫鏂欐墠寰楃煡鏀瑰啓鎴恮x:if={{item['3d']}}灏辩珛椹瑙ｅ喅鍟︼紝娌′粈涔堝師鍥狅紝绾﹀畾淇楁垚锛屽彧鏄浣滆呰繖鍙鍓嶇灏忕櫧涓嶇煡閬撹屽凡(鑾瑙佹......鎵嬪姩寰绗)
涓轰簡璁╁ぇ瀹舵洿娓呮氫簡瑙ｇ數褰卞垪琛ㄥ揩鐨勫竷灞锛屼綔鑰呯敾浜嗕釜鑽夊浘(鐪熺殑寰堣崏......)锛
鐢靛奖鍒楄〃甯冨眬
鍙戜釜鐗㈤獨锛氱涓娆″啓甯冨眬鏃跺績閲屽氨鎯筹紝杩樻槸Android甯冨眬鍐欒捣鏉ユ柟渚匡紝鍒氬紑濮嬫帴瑙CSS3鏃惰夊緱濂介夯鐑︼紝杩欎釜class瑕佺粰涓猻tyle锛岄偅涓涔熻佺粰涓锛岃屼笖鏈夋椂瑕佽剧疆id锛屽湪鍚屼竴涓猚lass涓嬩笉鍚岀殑id涔熻佸湪wxss缁欎釜style锛岀幇鍦ㄩ傚簲鍚庢劅瑙夎繕绠楄壇濂戒簡銆傚洜涓哄竷灞鍙傛暟娌￠毦鐐癸紝鎵浠ヨ繖閲屽氨涓嶈创浠ｇ爜浜嗐
浜屻佽︽儏椤
鐢靛奖璇︽儏椤
杩欓噷涓嶈创鍏ㄩ儴浠ｇ爜浜嗭紝鍙鐢ㄥ叧閿浠ｇ爜璇存槑涓嬪綋鏃堕亣鍒扮殑鍑犱釜闂棰橈細
鈶犻珮鏂妯＄硦
楂樻柉妯＄硦
杩欓噷鍏辨湁涓や釜锛屼竴涓猚lass=blur(楂樻柉妯＄硦鑳屾櫙)锛屼竴涓猚lass=info(鐢靛奖淇℃伅)銆傚垰寮濮嬫槸鏈鐫Android鐨勫竷灞璁捐℃濈淮鍘诲啓杩欎釜甯冨眬锛岃繖涓嶅氨鏄涓猂elativeLayout鍚楋紝鍐欑潃鍐欑潃鍒版渶鍚庢晥鏋滃嚭鏉ワ紝鍙戠幇浣滆呰繕鏄澶澶╃湡锛屼俊鎭閭ｄ竴鏍忔垜鑾鍚嶅叾濡欏啓鍒伴珮鏂妯＄硦鐨勪笅闈浜嗭紝涔熷氨鏄鍐欐垚浜哃inearLayout涓攐rientation=vertical锛屽綋鏃跺氨绗戣嚜宸憋細浣犵幇鍦ㄥ張涓嶆槸鍦ㄥ啓Android锛岄啋閱!瀛╁瓙~涓昏佸師鍥犳槸CSS3鐨勭煡璇嗕笉澶燂紝鎵浠ユ垜灏辫佽佸疄瀹炲幓瀛︿範浜嗕竴鐣锛屼笅闈渚挎槸浠ｇ爜锛
楂樻柉妯＄硦鍜岀粷瀵瑰竷灞
filter:blur(30px)鍜-webkit-filter:blur(30px)褰㈡垚浜嗛珮鏂妯＄硦鐨勬晥鏋(鍐呭績OS锛氬傛灉鏄疉ndroid鐨勮瘽鍙堟槸涓澶у爢浠ｇ爜)銆俰nfo涓鐨刾osition:relative銆亃-index:1锛宐lur涓鐨刾osition锛歛bsolute銆亃-index:0鐩哥粨鍚堝氨鑳藉睍绀哄嚭涓婇潰鐨勬晥鏋滐紝鍏抽敭鍦ㄤ簬info涓鐨剒-index瑕佸ぇ浜巄lur鐨勶紝琛ㄧず鏄剧ず鍦╞lur鐨勪笂鏂癸紝杩樿佷繚璇乮nfo鏄鐩稿圭殑锛宐lur鏄缁濆圭殑锛屾劅鍏磋叮骞朵笖娌℃帴瑙﹁繃CSS3鐨勭泦鍙嬪彲浠ヤ笅杞戒唬鐮佽嚜宸卞幓璇曡瘯鏀规敼鐪嬬湅鏁堟灉锛屼笉瑕佸儚浣滆呬竴鏍蜂互涓鸿嚜宸变細鍙嶈屾槸鑷浣滆仾鏄庛
鈶＄偣鍑绘樉绀哄叏閮
鐐瑰嚮鍥炬爣鏄剧ず鍏ㄩ儴
杩欓噷鏈鐚垮張瑕佽禐鎵涓涓嬩笁鍏冭繍绠楃︿簡锛
褰辩墖绠浠
.js鏂囦欢涓鍦╠ata閲岃剧疆涓変釜鍙橀噺
鍙傛暟
showall鏂规硶
showall鏂规硶
hideText甯冨皵鍊肩敤鏉ュ垽鏂褰撳墠鏄鍚︿负闅愯棌鐘舵侊紝鐢╯tyle={{hideText?'-webkit-line-clamp:3':' '}}璁剧疆鏄剧ず琛屾暟锛屽綋hideText涓簍rue鏄鏄剧ず3琛岋紝鍚﹀垯涓嶇粰鍊硷紝鍗抽粯璁ゃ傚畾涔塰ideClass鏉ユ帶鍒剁澶寸殑鎸囧悜锛宒own琛ㄧず褰撳墠绠浠嬩负闅愯棌锛寀p琛ㄧず鏄剧ず浜嗗叏閮锛屽逛簬鍥炬爣鏃嬭浆杩欓噷鍙闇缁欎釜鏃嬭浆灞炴у氨琛
绠澶180鏃嬭浆
濂戒簡锛屽湪璇︽儏椤典腑鑺辩殑鏃堕棿姣旇緝澶氱殑灏卞湪杩欎袱澶勪簡锛岃繕鏄閭ｅ彞鑰佽瘽锛氫笉鏄庣櫧鐨勫氬幓鏌ユ壘浜涜祫鏂欍
璇勮洪儴鍒嗗氨鏄绠鍗曠殑鍒楄〃锛岃繖閲屼笉鍐嶈︾粏璇存槑銆
涓夈佺數褰遍櫌鍒楄〃
褰遍櫌鍒楄〃
杩欓噷鍙鏄绠鍗曠殑鍒楀嚭淇℃伅灏辫屼簡锛屽湪甯冨眬涓婃病闅剧偣锛屼笉杩囦唬鐮佸彲浠ヤ紭鍖栦笅锛屼负浜嗙渷浜嬫墍浠ュ氨娌″幓鍐欎簡锛屽氨绠鍗曚负浜嗗疄鐜颁笅鏁堟灉銆
浠婂ぉ鐨勫唴瀹瑰氨鍜屽ぇ瀹朵粙缁嶅埌杩欓噷浜嗭紝鎯宠佷簡瑙ｆ洿澶氱簿褰╁唴瀹硅风户缁鍏虫敞鎴戜滑锛