真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

如何在微信小程序中使用block

本篇文章為大家展示了如何在微信小程序中使用block,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細(xì)介紹希望你能有所收獲。

站在用戶的角度思考問題,與客戶深入溝通,找到臨夏州網(wǎng)站設(shè)計與臨夏州網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗(yàn)好的作品,建站類型包括:網(wǎng)站設(shè)計制作、成都網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、空間域名、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋臨夏州地區(qū)。

如何在微信小程序中使用block

這邊很清晰的可以看出這對標(biāo)簽,而數(shù)據(jù)源便是wx:for="{{goodlist}}"中的goodlist了。接著往下走,我們可以看到點(diǎn)擊標(biāo)簽的時候有bindtap事件,這里就不做說明了。我們重點(diǎn)看下{{item.StartCity}},這是什么意思呢,其實(shí)這就是獲取數(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)化):

在實(shí)際場景中我們可能會需要將時間轉(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)化為‘/'
//換算時間戳,計算得到與當(dāng)前時間的差距
   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ù)源

上述內(nèi)容就是如何在微信小程序中使用block,你們學(xué)到知識或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識儲備,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。


網(wǎng)站標(biāo)題:如何在微信小程序中使用block
鏈接分享:http://weahome.cn/article/gigeso.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部