<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        微信小程序block應該如何使用

        來源:懂視網 責編:小采 時間:2020-11-27 19:56:20
        文檔

        微信小程序block應該如何使用

        微信小程序block應該如何使用:這次給大家帶來微信小程序block應該如何使用,微信小程序block使用的注意事項有哪些,下面就是實戰案例,一起來看一下。經過一年的發展,微信小程序發展火熱,本期就介紹下小程序的一些使用。在安卓中我們經常會使用ListView/GradeView/Recycler
        推薦度:
        導讀微信小程序block應該如何使用:這次給大家帶來微信小程序block應該如何使用,微信小程序block使用的注意事項有哪些,下面就是實戰案例,一起來看一下。經過一年的發展,微信小程序發展火熱,本期就介紹下小程序的一些使用。在安卓中我們經常會使用ListView/GradeView/Recycler
        這次給大家帶來微信小程序block應該如何使用,微信小程序block使用的注意事項有哪些,下面就是實戰案例,一起來看一下。

        經過一年的發展,微信小程序發展火熱,本期就介紹下小程序的一些使用。

        在安卓中我們經常會使用ListView/GradeView/RecyclerView來實現展示循環數據。那么小程序中怎么到呢。其實很簡單,使用block就可以了。

        下面我們先看下效果圖:

        這個布局其實很簡單,大致分為3部分,上+下(左75%,右25%)。這里就不在細說了。那么這里要怎么寫wxml呢。下面貼代碼:

        這邊很清晰的可以看出<block></block>這對標簽,而數據源便是wx:for="{{goodlist}}"中的goodlist了。接著往下走,我們可以看到點擊標簽的時候有bindtap事件,這里就不做說明了。我們重點看下{{item.StartCity}},這是什么意思呢,其實這就是獲取數據源中的數據,而item代表的是goodlist中的一條數據,StrrtCity等都是數據源中的一些具體屬性。你可以更據需要直接調頭你想要的字段名就可以了。block到此基本結束了。最后此處設置了一個view,用來代替當數據源為空時顯示無數據頁面提示。

        下面順便介紹下數據格式處理(時間格式轉化):

        在實際場景中我們可能會需要將時間轉化為幾分鐘前,幾小時前,幾天前等。那么我們數據庫中存放的一般是datetime格式數據。我們需要轉化處理。

        處理時間的時候需要注意的是:ios和android上的時間格式不同。ios時間是以2018/04/01,所以需要先將時間格式轉化為/格式。不然你的小程序時間轉化只會對安卓生效哦。具體轉化代碼:

        for (var i = 0; i < goodsList.length; i++) {
         var PublishDatetime = goodsList[i].PublishDatetime.replace(/([\d\-]+)T(\d+:\d+)\:.*/, "$1 $2");//將帶T的時間格式轉化掉.
         PublishDatetime = PublishDatetime.replace(/-/g, "/");// 將格式‘-'轉化為‘/'
        //換算時間戳,計算得到與當前時間的差距
         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) + "月前";//將時間替換掉想要的數據
         else {
         goodsList[i].PublishDatetime = "" + parseInt(monthC / 12) + "年前";//將時間替換掉想要的數據
         }
         }
         else if (weekC >= 1) {
         goodsList[i].PublishDatetime = "" + parseInt(weekC) + "周前";//將時間替換掉想要的數據
         }
         else if (dayC >= 1) {
         goodsList[i].PublishDatetime = "" + parseInt(dayC) + "天前";//將時間替換掉想要的數據
         }
         else if (hourC >= 1) {
         goodsList[i].PublishDatetime = "" + parseInt(hourC) + "小時前";//將時間替換掉想要的數據
         }
         else if (minC >= 1) {
         goodsList[i].PublishDatetime = "" + parseInt(minC) + "分鐘前";//將時間替換掉想要的數據
         } else {
         goodsList[i].PublishDatetime = "剛剛";//將時間替換掉想要的數據
         }
         }
         //最后將轉化后的時間重新賦值給數據源

        相信看了本文案例你已經掌握了方法,更多精彩請關注Gxl網其它相關文章!

        推薦閱讀:

        微信小程序里wx:for和wx:for-item有什么區別

        Angular父組件怎么調用子組件

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        微信小程序block應該如何使用

        微信小程序block應該如何使用:這次給大家帶來微信小程序block應該如何使用,微信小程序block使用的注意事項有哪些,下面就是實戰案例,一起來看一下。經過一年的發展,微信小程序發展火熱,本期就介紹下小程序的一些使用。在安卓中我們經常會使用ListView/GradeView/Recycler
        推薦度:
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚洲不卡中文字幕无码| 免费中文字幕在线观看| 亚洲大尺度无码无码专区| 亚洲阿v天堂在线2017免费| 亚洲国产成人精品女人久久久| 亚洲AV无码一区二区三区牲色| 日韩高清在线免费看| 亚洲AV无码之国产精品| 国产精品免费看香蕉| 男女超爽视频免费播放| 免费又黄又爽的视频| 亚洲免费视频一区二区三区| 中文字幕不卡亚洲| 精品国产免费一区二区三区香蕉| 久久99国产亚洲精品观看| 97在线视频免费公开观看| 亚洲国产美女在线观看| 24小时日本在线www免费的| 色噜噜噜噜亚洲第一| 亚洲国模精品一区| 成人无码WWW免费视频| 亚洲伊人tv综合网色| 免费毛片a在线观看67194| 亚洲精品久久久久无码AV片软件| 日本成人免费在线| caoporm超免费公开视频| 亚洲国产精品嫩草影院在线观看| 免费精品无码AV片在线观看| 国产91在线|亚洲| 亚洲成a人片在线观看老师| 久久午夜免费鲁丝片| 亚洲一级特黄特黄的大片 | 久久久久亚洲精品无码网址色欲| 免费看国产精品麻豆| 免费毛片a线观看| 33333在线亚洲| 久久国产成人亚洲精品影院| 四虎影视在线影院在线观看免费视频| 亚洲图片中文字幕| 国产偷国产偷亚洲高清日韩| 国产免费不卡视频|