原创 隨機切換背景顏色
思路很簡單用 background: rgba({{r}}, {{g}}, {{b}}, {{a}}) 給這四個變量0~255之間的隨機整數即可 html <view style="height:200px;width: 200px;
原创 微信小程序scroll-view錨點鏈接滾動跳轉
html <view class="list"> <view bindtap='jumpTo' wx:for="{{keys}}" data-item="{{item}}">{{item}}</view> </view> <s
原创 微信小程序點擊保存圖片到本機
1.首先我們要把想保存的圖片繪製在畫布上 <view class='container'> <canvas style='width:{{canvasWidth}}px; height:{{canvasHeight}}px' cl
原创 微信小程序 富文本rich-text使用
html <view> <rich-text nodes="{{html}}"></rich-text> </view> js Page({ data: { html:'' }, onLoad: funct
原创 微信小程序自定義組件 組件通訊 (2)
這篇小編主要講組件通訊 (1)父組件向子組件傳值: <header title='{{title}}' bind:fn='fn' id='header'></header> 通過title='{{title}}'傳向子組件向子組件傳遞
原创 微信小程序使用setData修改對象中的某一項(es6方法)
首先我們先看代碼 //index.js //獲取應用實例 const app = getApp() Page({ data: { Array:[{ 'a': '10' }, { 'a': '20' }] },
原创 vue2.0+mint-ui 音頻播放器顯示進度條開發實例
html <template> <div> <div class="audioOff"> <div class="ofplayBox"> <audio id="audio" :src="audioURl"></au
原创 小程序swiper組件修改默認指示點
html <view class="swiper-container"> <swiper autoplay="auto" autoplay="{{autoplay}}" interval="{{in
原创 小程序畫布電子簽名(實例)
html <view class='container'> <!-- 簽名畫布 --> <canvas class="canvas" id="canvas" canvas-id="canvas" disable-scroll="
原创 微信小程序•雲開發增刪改查
html <view class="container"> <view class='box' style='background:#FFFFFF'> <label>姓名:</label> <input data-
原创 原生js實現滾動至頂部實現吸附效果
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>滾動至頂部後固定</title> <style type="text/css"> .wrapper{width:10
原创 微信小程序tab導航+滾動頂部吸附效果(開發實例)
<!-- scroll導航欄 --> <view class='scrollBox2 fix-news' wx:if="{{fixTop<scrollTop}}"> <scroll-view scroll-x="
原创 微信小程序音頻播放及自定義進入條(可拖拽)
<!-- 音頻播放開關 --> <view class='audiosBox'> <audio src="{{src}}" id="myAudio" bindtimeupdate="updata"></audio> <view
原创 原生js實現tab切換
<!--tab切換--> <ul class="tabBar"> <li> <a class="active" href="#">tab1</a> </li> <li> <a hr
原创 微信小程序圖片保存相冊
保存圖片前需要授權,因此我們先授權 //獲取相冊授權 wx.getSetting({ success(res) { if (!res.authSetting['scope.writePhotosAlbum']) { wx.authori