原创 微信小程序翻牌抽獎(帶動畫)- - -附效果圖

效果圖如下所示 這裏做的比較簡陋,就花了一點時間實現了翻牌抽獎效果,提供思路 .wxml <view class="button" bindtap="again">重新翻牌</view> <view class="curin-

原创 微信小程序video--暫停、開啓、停止視頻等

微信小程序video–暫停、開啓、停止視頻等 .wxml <video id='myVideo'></video> .JS onLoad: function (options) { this.setData({

原创 微信小程序左滑刪除(簡易教學)

效果圖如下所示 仿京東微信小程序視頻請加QQ:1010753897 下載地址:https://download.csdn.net/download/qq_43764578/12314561 .wxml <view class

原创 CSS讓圖片(垂直水平居中、垂直居中、水平居中)方法

圖片水平垂直居中 如下圖所示 1.使用text-align: center配合line-height完成水平垂直居中 /* CSS */ .vertical{ width: 100%; height:300px;

原创 安裝vue-cli 3 VUE腳手架(詳細講解)

vue-cli < 3 https://blog.csdn.net/qq_43764578/article/details/102495707這個是之前老版本的講解 vue-cli >= 3 爲什麼要安裝vue-cli >= 3

原创 VUE快速簡單搭建UEditor富文本編輯器

效果圖如下所示 Installation npm i vue-ueditor-wrap 下載 UEditor 官網鏈接: http://ueditor.baidu.com/website/download.html 我的鏈

原创 CSS 實現微信小程序半圓無線滾動(過渡動畫)

效果圖如下所示 .wxss <view class="holder"> <view class="preloader"> <view></view> </view> </view> .wxml .holde

原创 微信小程序跑馬燈(真機效果一致)

效果圖如下所示 圖片僅供參考,錄製出來卡卡的,建議複製代碼試一試 .wxml <view class="lamp"> <view class='lamp-text' style='--marqueeWidth--:{{-wid

原创 微信小程序日曆包含(陰曆)- - -附效果圖

效果圖如下所示 下載地址:https://download.csdn.net/download/qq_43764578/12414346 有需要的小夥伴可以下載 有什麼問題歡迎評論留言,我會及時回覆你的

原创 微信小程序獲取當前時間以及獲取星期幾

效果圖如下所示 util.js function formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 v

原创 微信小程序用CSS編輯海報(canvas)

效果圖如下所示 .wxml <view class="canvas-box"> <painter palette="{{template}}" bind:imgOK="onImgOK" /> </view> <image

原创 微信小程序獲取陰曆

效果圖如下所示 calendar.js let lunar = { tg: '甲乙丙丁戊己庚辛壬癸', dz: '子醜寅卯辰巳午未申酉戌亥', number: '一二三四五六七八九十', year: '鼠牛虎兔

原创 微信小程序海報功能(canvas)- - -附效果圖

效果圖如下所示 .wxml <canvas canvas-id="shareBox"></canvas> .wxss canvas{ width: 100%; height: 100vh; overflow: h

原创 微信小程序聊天功能(仿微信)- - -附效果圖

效果圖如下所示 這兩天比較閒就寫了個聊天功能,語音功能因爲是在電腦上所以不能使用,圖片最大隻能上傳5M所有很多功能沒有完全展示,想看完整手機版的視頻可以加 QQ:1010753897 查看完整視頻 下載地址:https:

原创 仿京東微信小程序(效果圖)

首頁 分類 推薦 購物車 我的 搜索(感覺這個是這裏面最複雜的) 詳情 因爲不能上傳視頻,上傳圖片大小受到限制很多功能細節沒有完全展示,想看完整手機版的可以訪問 QQ:1010753897 空間 下載地址: