原创 微信小程序將時間戳轉化爲年月日時分秒

時間戳 注:時間戳包括10位和13位兩種,小程序中默認生成的時間戳是13位的。兩者的區別是精度不同,13位精確到毫秒,10位精確到秒。實際上,13位時間戳只是比10位的末尾多了000,如果想要轉化只要乘除1000即可。 直接在util.j

原创 微信小程序多張image圖片排列有空隙解決方案

  .det-pics-w image { width: 100%; min-height: 630rpx; } .det-pics-w { position: relative; } 第一種解決方案:flex .d

原创 微信小程序實現添加銀行卡,銀行卡號每隔四位插入空格並展示時僅顯示前後四位,或者僅顯示後四位(超詳細)

  首先我們先來看看銀行卡號在輸入的時候每隔四位自動插入空格的效果 實現代碼 wxml <!-- 銀行卡 S --> <view class="bank-card"> <view class="bank-card-title">銀

原创 微信小程序使用wxs實現手機號用****代替(超詳細)

很多人不知道怎麼寫,應該放在哪兒 這裏我給大家看看我的結構,僅供參考,具體還看你的想法 這裏我新建了一個與pages同級的sub文件夾,裏面創建了subutil.wxs文件 subutil.wxs /** * 處理字符串爲*格式,

原创 微信小程序實現點擊發送驗證碼倒計時

很簡單,這裏就不做過多的解釋了 先來咔咔效果吧 我先來說說,實現流程: 1, 驗證碼過期時間爲60秒 2: 點擊獲取驗證碼開始倒計時 3, 倒計時爲0時,重新獲取驗證碼 提交這裏就不多說了,看項目需求 看看代碼吧 wxml <wxs

原创 微信小程序實現下拉刷新以及三點動畫

先來看效果 以上就是本次實現效果 我們主要配置兩個文件就可以了,因爲這是微信自己封裝的刷新,很方便也很簡單,不過限制也很多,可能有時候效果達不到我們的需求,那樣我們自己就需要自定義封裝一個了,這裏只簡單說一下微信的下拉刷新的使用 jso

原创 微信小程序實現手機撥打電話功能

官方文檔 wx.makePhoneCall(Object object) 撥打電話 參數 Object object 示例代碼 實際應用 對應的wxml <view class='footer_list2' data-id='4'

原创 display: flex多欄多列布局(實例)

我們先來看看效果 其實很簡單,來看看代碼具體怎麼實現的吧 wxml <!--pages/new/new-exclusive/index.wxml--> <view class="new-exclusive"> <!-- 輪播圖 S

原创 django項目結構經驗分享

我們先來看圖吧 創建一個apps 我們一般項目中有很多app放在apps這個包下 db_tools這個文件一般我們項目初始化的時候寫一些腳本放這裏面 extra_apps這個包我們會放置第三方包,比如xadmin media這個文件夾一

原创 微信小程序自定義swiper指示燈 一

wxml <swiper class="swiper-box" indicator-dots="{{ indicatordots }}" autoplay="{{ autoplay }}"> <block wx:for="{{

原创 scrapy實現定時爬取

我們在項目根目錄建一個main.py文件 import time from scrapy import cmdline if __name__ == '__main__': while Ture:

原创 vue實現獲取驗證碼倒計時效果

HTML部分: <span v-show="show" @click="getCode">獲取驗證碼</span> <span v-show="!show" class="count">{{count}} s</span> JS部分: d

原创 微信小程序實現input限制數值大小以及效果(超詳細)

我們都知道在有些需求中對用戶的輸入有一定的限制,如果不限制,那麼不乏有些用戶隨意輸入,接下來我們來看看怎麼實現input數值限制,以及用戶體驗更好 先來看看效果,本次以積分輸入框爲主   默認積分合計爲0,如果我們只是簡單獲取inpu

原创 微信小程序實現上傳視頻 / 上傳圖片功能以及整合上傳視頻 / 上傳圖片功能(超詳細)

微信小程序有自己封裝好的我們直接拿過來用就可以了 接下來我們看看如何實現的吧 上傳圖片功能 效果如下: wxml <!-- 上傳 S --> <view class="img-list"> <!-- 上傳列表 -->

原创 微信小程序實現評論多級展開收起以及點贊功能

我們先來看看效果   所有效果均已實現,可以自己寫寫體驗一下 接下來看看看代碼 wxml <!--pages/commodity/commodity-write-back/index.wxml--> <view class="pos