原创 微信小程序錄音功能(簡易教學)
.wxml <button bindtouchstart="touchdown" bindtouchend="touchup">按住錄音</button> <button catchtap="play">播放錄音</button
2020-05-10 19:20:32
原创 微信小程序答題功能（二）- - - 按選項答題
效果圖如下所示 .wxml <view class="index-top"> <view class="{{index <= curring && curring != 0?'top-blue':'top-currin'}
2020-05-07 10:57:08
原创 微信小程序答題功能（一）- - - 倒計時答題
效果圖如下所示 時間到了也會直接返回到上級頁面 因爲只能上傳5M所以就沒錄了 跳轉頁面 .wxml <button bindtap="questions" style="margin-top: 50rpx;">去答題</bu
2020-04-30 23:38:54
原创 微信小程序簽到彈窗(動畫效果)
效果圖如下所示 圖片素材:https://pan.baidu.com/s/1Fa_kFBTVmps3BZf-LsC32Q 提取碼: ebvr .wxml <button bindtap="popup">簽到</button>
2020-04-30 23:38:54
原创 微信小程序九宮格抽獎（仿騰訊管家抽獎）
效果圖如下所示 .wxml <view class="stop"> <text>停止位置:</text> <input bindinput="stopinput" disabled="{{!luckdraw}}" ty
2020-04-30 23:38:54
1
原创 微信小程序無線向上滾動列表
第一種長按不能暫停，效果圖如下所示 .wxml <view class="lucky"> <view class="lucky-top">本期幸運兒</view> <view class="lucky-swiper"> <vie
2020-04-30 23:38:54
原创 微信小程序根據最大值對最小值取百分比
微信小程序根據最大值對最小值取百分比 .wxml <view>最大值百分百：{{max}}</view> <view>最小值百分比：{{min}}</view> .js onLoad: function (options)
2020-04-28 01:17:33
原创 微信小程序自制輪播圖（仿京粉輪播）
效果圖如下所示 .wxml <view class="index"> <view class="center curr{{curr[index]}}" wx:for="{{detail}}" wx:key="index"
2020-04-26 12:07:32
原创 微信小程序播放音樂(仿QQ音樂)
效果圖如下所示 .wxml <image mode="widthFix" class="music-image" src="{{mush[number].coverImgUrl}}"></image> <view class=
2020-04-26 12:07:32
原创 微信小程序監聽左右滑動
效果圖如下所示 .wxml <view bindtouchstart='touchStart' bindtouchmove='touchMove' bindtouchend="touchEnd">測試內容</view> .w
2020-04-26 12:07:32
原创 微信小程序背景音頻管理器（暫停、播放、停止...）
微信小程序背景音頻管理器（暫停、播放、停止…） .js onLoad: function (options) { wx.playBackgroundAudio({ dataUrl: '音樂鏈接，目前支持的格式有 m4a
2020-04-26 12:07:32
原创 VUE自制輪播圖（仿京粉輪播）
效果圖如下所示 這裏用到監聽滑動組件（vue-touch) 文章地址：https://blog.csdn.net/qq_43764578/article/details/104709333 <template> <div
2020-04-26 12:07:32
原创 微信小程序用戶盒子、宮格列表（CSS）
效果圖如下所示 .wxml <view class='user-box' style="margin-top:20rpx;"> <view class='ctn'> <view class='list'
2020-04-24 12:09:05
原创 微信小程序仿京東優惠券
效果圖如下所示 仿京東微信小程序視頻請加QQ:1010753897 下載地址：https://download.csdn.net/download/qq_43764578/12314561 .wxml <view class
2020-04-24 12:09:05
1
原创 微信小程序根據字母索引選擇(仿京東)
效果圖如下所示 仿京東微信小程序視頻請加QQ:1010753897 下載地址：https://download.csdn.net/download/qq_43764578/12314561 .wxml <scroll-vi
2020-04-24 12:09:05