小程序開發(fā)中如何應(yīng)用block
這篇文章將為大家詳細講解有關(guān)小程序開發(fā)中如何應(yīng)用block，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)長期為上1000家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為漳縣企業(yè)提供專業(yè)的網(wǎng)站設(shè)計制作、成都網(wǎng)站制作，漳縣網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。
經(jīng)過一年的發(fā)展，微信小程序發(fā)展火熱，本期就介紹下小程序的一些使用。
在安卓中我們經(jīng)常會使用ListView/GradeView/RecyclerView來實現(xiàn)展示循環(huán)數(shù)據(jù)。那么小程序中怎么到呢。其實很簡單，使用block就可以了。
下面我們先看下效果圖：
這個布局其實很簡單，大致分為3部分，上+下(左75%，右25%)。這里就不在細說了。那么這里要怎么寫wxml呢。下面貼代碼：
這邊很清晰的可以看出
下面順便介紹下數(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 (var i = 0; i < goodsList.length; i++) {
var PublishDatetime = goodsList[i].PublishDatetime.replace(/([\d\-]+)T(\d+:\d+)\:.*/, "$1 $2");//將帶T的時間格式轉(zhuǎn)化掉.
PublishDatetime = PublishDatetime.replace(/-/g, "/");// 將格式‘-'轉(zhuǎn)化為‘/'
//換算時間戳，計算得到與當前時間的差距
var minute = 1000 * 60;
var hour = minute * 60;
var day = hour * 24;
var halfamonth = day * 15;
var month = day * 30;
var now = new Date().getTime();
var diffValue = now - new Date(PublishDatetime).getTime();
//console.log("diffValue:" + diffValue);
if (diffValue < 0) {
return;
}
var monthC = diffValue / month;
var weekC = diffValue / (7 * day);
var dayC = diffValue / day;
var hourC = diffValue / hour;
var minC = diffValue / minute;
if (monthC >= 1) {
if (monthC <= 12)
goodsList[i].PublishDatetime = "" + parseInt(monthC) + "月前";//將時間替換掉想要的數(shù)據(jù)
else {
goodsList[i].PublishDatetime = "" + parseInt(monthC / 12) + "年前";//將時間替換掉想要的數(shù)據(jù)
}
}
else if (weekC >= 1) {
goodsList[i].PublishDatetime = "" + parseInt(weekC) + "周前";//將時間替換掉想要的數(shù)據(jù)
}
else if (dayC >= 1) {
goodsList[i].PublishDatetime = "" + parseInt(dayC) + "天前";//將時間替換掉想要的數(shù)據(jù)
}
else if (hourC >= 1) {
goodsList[i].PublishDatetime = "" + parseInt(hourC) + "小時前";//將時間替換掉想要的數(shù)據(jù)
}
else if (minC >= 1) {
goodsList[i].PublishDatetime = "" + parseInt(minC) + "分鐘前";//將時間替換掉想要的數(shù)據(jù)
} else {
goodsList[i].PublishDatetime = "剛剛";//將時間替換掉想要的數(shù)據(jù)
}
}
//最后將轉(zhuǎn)化后的時間重新賦值給數(shù)據(jù)源關(guān)于小程序開發(fā)中如何應(yīng)用block就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
本文名稱：小程序開發(fā)中如何應(yīng)用block
URL分享：http://m.jiaotiyi.com/article/jihepo.html