![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
谢阳光Zzz
唱跳rap代码
展开
-
微信小程序:写出一个canvas生成的圆形进度条
circle.wxml<!--components/circle/circle.wxml--><view class='container'> <view class='progress_box'> <!-- 绘制圆环背景 --> <canvas class="progress_bg" canvas-id="canvasProgressbg" /> <!-- 绘制加载中圆弧 --> <ca原创 2020-07-20 14:00:59 · 488 阅读 · 0 评论 -
微信小程序:列表拖拽排序的简单实现
index.wxml:<!--pages/index/index.wxml--><view class="index"> <!-- 数据展示区 --> <scroll-view class="scroll-list" scroll-y style="height: {{windowHeight - bottomH...原创 2020-03-11 16:32:28 · 3065 阅读 · 0 评论 -
微信小程序:解决saveimagetophotosalbum:fail invalid file type问题
解决方法:在downloadFile中设置filePath,而不要使用默认的,然后 saveImageToPhotosAlbum使用filePath即可完美解决!不需要设置content-type等信息。原创 2020-01-02 17:27:48 · 7725 阅读 · 1 评论 -
微信小程序(uniApp):scroll-view横向滚动实现点击元素滚动到页面中间的效果
wxml:<scroll-view class="scroll" scroll-x='true' scroll-with-animation :scroll-left='scrollLeft'> <view v-for="(item, index) in tabsList" :key='item.id' :class="[{active: currentIn...原创 2019-11-23 00:00:15 · 3911 阅读 · 2 评论 -
微信小程序(uniApp):自定义头部
wxml<view class='header-wrap' :style="{height: navHeight + 'px', paddingTop: statusBarHeight + 'px'}"> <view class="header-title"> {{headerData.title}} </view></view...原创 2019-11-22 23:50:26 · 2309 阅读 · 0 评论 -
微信小程序:防止滚动穿透
1.如果弹出层没有滚动事件,就直接在蒙板上加// .wxmlcatchtouchmove="move" // .wxssmove:function(){};2.如果弹出层有滚动事件,那么在弹出层出现的时候给底部的containerView加上一个class 消失的时候移除// .wxml<view class="{{showSearchView?'tripList_root'...转载 2019-07-29 13:44:40 · 1253 阅读 · 1 评论 -
微信小程序:web-view上传音乐
<!DOCTYPE html><html> <head> <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <script src="h...原创 2019-05-31 12:07:01 · 1113 阅读 · 0 评论 -
微信小程序:下载视频、图片文件
下载视频、图片(saveImageToPhotosAlbum):download(e){ const index = e.currentTarget.dataset.index const url = this.data.album[index].v_url wx.downloadFile({ url: url, success: function...原创 2019-05-28 15:47:13 · 5175 阅读 · 0 评论 -
微信小程序:更改数组或对象中的某一个值
1、更改数组中的值paraList: [ {txt:'123',chose:false}, {txt:'1234',chose:false}]let choseChange = "paraList[" + index + "].chose"this.setData({ [choseChange]: true, numList: numList})可以改变数组中某一个特...转载 2019-05-28 11:26:42 · 4951 阅读 · 0 评论 -
微信小程序:父组件执行子组件的方法
当父组件引用了子组件的时候,会遇到父组件执行子组件的方法,比如下拉刷新上拉加载等事件只有在页面中才能检测到,但是获取数据的方法在子组件,这时就可以执行子组件方法。思路很简单,类似于vue中给子组件加ref执行子组件方法道理一样,这里是给子组件加一个 属性: id=“子组件名称”,比如:然后在父组件对应的方法中直接this.selectComponent("#list").getList(...转载 2019-05-16 16:15:37 · 4604 阅读 · 0 评论