原创 小程序畫布生成海報,保存到本地

生成自己的專屬海報保存本地後分享 WXML <!-- 點擊出現彈窗 --> <view bindtap="formSubmit">分享二維碼</view> <!-- 分享海報 --> <view class='imageP

原创 微信瀏覽器自動關閉頁面

setTimeout(function() { //這個可以關閉安卓系統的手機 document.addEventListener( "WeixinJSBridgeReady", function

原创 小程序canvas剪切圓形頭像

onReady: function (e) { var context = wx.createCanvasContext('畫布ID');//獲取畫布 context.save()//保存繪圖上下文 context.arc

原创 一鍵複製插件——clipboard.js

項目遇到需一鍵複製的功能,在網上找到這個插件並運用,js地址:http://lbgs.kb-robot.com/webpage/js/clipboard.min.js 複製span展示的內容,span內容爲自動生成 HTML <d

原创 CSS3 rem單位運用

僅供自己保存查看 1rem = 100px function Rem() { var oHtmlElem = document.documentElement, nWinWid = oHtmlElem.clien

原创 小程序遇到的問題:報錯Setting data field "num" to undefined is invalid.

寫view點擊添加移除class樣式時,遇到報錯,時靈時不靈的。 報錯之前的寫法 由於是同一個選擇又需分開展示,因此數據沒有寫在js裏面。 WXML <view class="border"> <view cl

原创 小程序swiper高度自適應

WXML <swiper indicator-dots="true" autoplay="true" interval="3000" style='height:{{bannerHeight}}px'> <bloc

原创 小程序checkbox全選

原文鏈接:https://www.cnblogs.com/zxf100/p/10383187.html WXML <view class="tr"> <view class=

原创 jQuery點擊顯示隱藏帶箭頭

html <dl class="list" id="menu"> <dd> <a href="javascript:;" class="submenu">抗震支架零部件<i></i></a>

原创 判斷href顯示對應菜單高亮

HTML <div class="nav"> 2 <ul> 3 <li><a href="index.html">首 頁</a></li> 4 <li><a href

原创 純CSS實現垂直居中

在別處看的,保存一下。 1.table-cell display: table-cell; vertical-align: middle; text-align: center; 2.flex display: f

原创 小程序view選中添加樣式

做一個充值選擇套餐的頁面,沒有用radio,直接用view做的效果,用radio傳值比較方便。 WXML <view class='cont'> <block wx:for="{{prices}}">

原创 小程序picker自定義二級聯動

項目中遇到只需要選擇年月,找到一個三級聯動的例子改的,保存一下 WXML <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchan

原创 微信小程序tab選項卡(動態獲取)

WXML <view> <scroll-view scroll-x="{{true}}" class="top-nav-container" scroll-left="{{scrollLeft}}"> <block w

原创 小程序成倍加減效果

在項目開發過程中遇到,價格和數量需成10倍的增長,找到一個加減的效果自己改了改,加上了數量和成倍。 WXML <view>¥{{money}}</view> <view class='stepper'> <text cla