微信小程序block的使用教程

微信?程序block的使?教程經(jīng)過?年的發(fā)展，微信?程序發(fā)展?熱，本期就介紹下?程序的?些使?。在安卓中我們經(jīng)常會使?ListView/GradeView/RecyclerView來實現(xiàn)展?循環(huán)數(shù)據(jù)。那么?程序中怎么到呢。其實很簡單，使?block就可以了。下?我們先看下效果圖：這個布局其實很簡單，?致分為3部分，上+下(左75%，右25%)。這?就不在細(xì)說了。那么這?要怎么寫wxml呢。下?貼代碼：這邊很清晰的可以看出<block></block>這對標(biāo)簽，?數(shù)據(jù)源便是wx:for="{{goodlist}}"中的goodlist了。接著往下?，我們可以看到點擊標(biāo)簽的時候有bindtap事件，這?就不做說明了。我們重點看下{{item.StartCity}},這是什么意思呢，其實這就是獲取數(shù)據(jù)源中的數(shù)據(jù)，?item代表的是goodlist中的?條數(shù)據(jù)，StrrtCity等都是數(shù)據(jù)源中的?些具體屬性。你可以更據(jù)需要直接調(diào)頭你想要的字段名就可以了。block到此基本結(jié)束了。最后此處設(shè)置了?個view，?來代替當(dāng)數(shù)據(jù)源為空時顯??數(shù)據(jù)頁?提?。下?順便介紹下數(shù)據(jù)格式處理(時間格式轉(zhuǎn)化)：在實際場景中我們可能會需要將時間轉(zhuǎn)化為?分鐘前，??時前，?天前等。那么我們數(shù)據(jù)庫中存放的?般是datetime格式數(shù)據(jù)。我們需要轉(zhuǎn)化處理。處理時間的時候需要注意的是：ios和android上的時間格式不同。ios時間是以2018/04/01,所以需要先將時間格式轉(zhuǎn)化為/格式。不然你的?程序時間轉(zhuǎn)化只會對安卓?效哦。具體轉(zhuǎn)化代碼：for(vari=0;i<goodsList.length;i++){varPublishDatetime=goodsList[i].PublishDatetime.replace(/([\d\-]+)T(\d+:\d+)\:.*/,"$1$2");//將帶T的時間格式轉(zhuǎn)化掉.PublishDatetime=PublishDatetime.replace(/-/g,"/");//將格式‘-'轉(zhuǎn)化為‘/'//換算時間戳，計算得到與當(dāng)前時間的差距varminute=1000*60;varhour=minute*60;varday=hour*24;varhalfamonth=day*15;varmonth=day*30;varnow=newDate().getTime();vardiffValue=now-newDate(PublishDatetime).getTime();//console.log("diffValue:"+diffValue);if(diffValue<0){return;}varmonthC=diffValue/month;varweekC=diffValue/(7*day);vardayC=diffValue/day;varhourC=diffValue/hour;varminC=diffValue/minute;if(monthC>=1){if(monthC<=12)goodsList[i].PublishDatetime=""+parseInt(monthC)+"?前";//將時間替換掉想要的數(shù)據(jù)else{goodsList[i].PublishDatetime=""+parseInt(monthC/12)+"年前";//將時間替換掉想要的數(shù)據(jù)}}elseif(weekC>=1){goodsList[i].PublishDatetime=""+parseInt(weekC)+"周前";//將時間替換掉想要的數(shù)據(jù)}elseif(dayC>=1){goodsList[i].PublishDatetime=""+parseInt(dayC)+"天前";//將時間替換掉想要的數(shù)據(jù)}elseif(hourC>=1){goodsList[i].PublishDatetime=""+parseInt(hourC)+"?時前";//將時間替換掉想要的數(shù)據(jù)}elseif(minC>=1){goodsList[i].PublishDatetime=""+parseInt(minC)+"分鐘前";//將時間替換掉想要的數(shù)據(jù)}else{goodsList[i].PublishDatetime="剛剛";//將時間替換掉想要的數(shù)據(jù)}}//最后將轉(zhuǎn)化后