原创 css實現箭頭抖動效果
//index.css @-webkit-keyframes dou1 { 0% { // -webkit-transform:translate(0, 0px) rotate(45deg); -webkit-transform:tra
2019-10-25 12:55:00
原创 紅包動畫彈窗
紅包動畫效果 https://6465-dev-m4zlr-1300328850.tcb.qcloud.la/payMoney/bk.mp4 //red_page.js文件 /** * > 組件名:mask-alert * > 調用
2019-10-25 12:54:59
原创 多端通用毫秒級倒計時
//js /* 毫秒級倒計時 */ function count_down(that) { // 渲染倒計時時鐘 that.setData({ clock: date_format(that.data.second)
2019-10-25 12:54:59
原创 Vue實現audio播放音頻【切換播放/拖動進度條播放】
//如圖所示 ？功能 //1--上一首下一首切換播放音樂 //2--點擊進度條播放音樂 //3--拖動進度條播放音樂 //4--模擬預加載進度條 //5--播放倒計時 <template> <!-- --> <div>
2019-08-25 12:54:36
12
原创 微信公衆號從授權到支付開發
//第一步授權配置 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>授權</title> </head> <body> <scri
2019-07-28 12:54:59
原创 VUE寫法實現前端摺疊菜單（多端通用改改標籤就可以）
//index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-wi
2019-07-28 12:54:59
原创 小程序完成版長按錄音/播放/停止
//WXML <view class='pages' hidden='{{!ShowNones}}'> <!-- 錄製標題 --> <view class='recods'> <label class='recod_t
2019-06-24 12:54:22
原创 小程序單選多選狀態組件
//WXML <!-- 最外層視圖 --> <view class="pages" hidden='{{!ShowNones}}'> <!-- 選項視圖 --> <view class='title'>單選</view>
2019-06-24 12:54:22
原创 小程序自定義組件彈窗跟頁面底部內容衝突解決方法
第一種情況,自定義彈窗不需要滾動,自定義彈出禁止底部頁面內容滾動 1>在自定義彈窗組件中index.wxml中最外層例如 <view catchtouchmove="return"></view> 第二種情況自定義彈窗組件有
2019-06-17 16:42:57
1
原创 小程序初始化加載動畫[初始化撥雲見日]
//index.wxml <!-- 最外層視圖容器 --> <cnlw class='page'> <!-- 圖片包裹視圖容器 --> <zrf class="animation-image {{state}}"> <
2019-06-10 12:56:49
原创 小程序canvas繪製生成海報
//INDEX.WXML <!-- 第一種僅僅生成二維碼並展示 --> <!-- <view class='cont' id='canvas-container' > <image src='data:image/png;base
2019-05-21 12:54:35
原创 小程序答題小遊戲>>上篇功能實現
小程序答題小遊戲>>下篇功能優化 //INDEX.WXML <!--logs.wxml--> <view class="cont"> <!-- 第一步 --> <view class='header'> <block
2019-05-21 12:54:35
原创 小程序下拉刷新數據，上滑加載更多
//首先設定json文件中: //"enablePullDownRefresh": true //wxml: 這裏顯示的數據改爲自己的 <view> <!--true展示數據 false顯示圖片 --> <vie
2019-05-13 13:19:21
原创 h5前端車輛信息三級選擇首字母檢索-----------------[原理其實都一樣]
.city { display: block; } .city .city-wrapper { position: fixed; top: 0; bottom: 0; width: 100%; }
2019-05-13 13:19:21
原创 小程序中添加陰影
小程序中給標籤或者button添加陰影 box-show //WXML <view class='cont'> <view class='zrf'> 我在這裏 </view> </view> /*W
2019-05-13 13:19:21