小程序内一些固定的图片存放于cdn上面，通过设置缓存来减少cdn流量和提升加载速度 直接上代码 /* * @Description: 图片缓存 */ const IMAGE_CACHE = 'imageCache' /** 获取图片缓存路径 */ const getImgCacheByStorage = () => wx.…
const ctx = wx.createCanvasContext('customCanvas') // 文字自动换行 function fillText(height, text, cb) { var chr = text.split(""); //这个方法是将一个字符串分割成字符串数组 var temp = ""; var row = [];…
// 倒计时 function countTime(that, e) { if (e == 0) { that.setData({ isGetCode: true }) return } e-- that.setData({ co…
radio /* 重写 radio 样式 */ /* 未选中的 背景样式 */ radio .wx-radio-input{ border-radius: 50%;/* 圆角 */ width: 40rpx; height: 40rpx; } /* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */ radio .wx-radi…
之前有写过小程序上传图片的，大多数都是前端处理，这篇是关于上传到服务器接收返回数据操作的，这里使用迭代器防止数据返回异步。 小程序上传图片及预览图片 小程序选择、预览、删除、上传图片 js: /** * 上传图片 */ upImg: function (e) { let that = this wx.chooseIma…
小程序很多获取的权限都从 button 组件中获取，这就经常需要弹窗提示操作了。而小程序自带的模态框又没法设置button获取信息，只能自定义一个模态框了 下面以获取微信地址为例： 在app.wxss中添加样式（很多地方需要用模态框，直接写在全局样式表中更方便） /* 提示框 */ .box{ position: fixed; to…
小程序所有组件初始化样式 box-sizing: border-box view,scroll-view,swiper,swiper-item,movable-area,movable-view,cover-view,cover-image,icon,text,rich-text,progress,button,checkbox-group,che…
在小程序中是不能直接引入字体文件的，需要把文件转为base64再引入； 首页下载好你需要的字体文件在本地； 然后访问 https://transfonter.org/ 网站把字体文件转为base64； 1、先点击 Add Fonts 上传字体文件； 2、再点击 base64 encode 按钮选上； 3、点击 Convert 生成base64代码；…
上次写了篇上传图片的文章：小程序上传图片及预览图片 ，还缺少一点功能，今天做了另一种删除删除样式，加上上传图片到服务器功能； wxml <!-- 图片上传模块 --> <view class='upImage' wx:if="{{isImage}}"> <view class='upImage-list'> …
小程序官方写的picker组件的文档看不懂，只能百度上搜搜； wxml: <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{index}}" range=…
小程序简单计时器的制作，也可用于倒计时，以录音计时为例： // 计时器 function timer(that){ // timeout则跳出递归 if (that.data.record == 0){ return; } if(that.data.min == 10){ return; } let sec …