
小程序
keykai9256
学习呗
展开
-
canvas 画圆角图片
canvas 画圆角图片 let params ={ left:(windowWidth-imgtopwidth)/2, top:30, width:imgtopwidth, height:imgtopwidth, borderRadius:10} ctx.save() util.toDrawRadiusRect(params,ctx) ctx.strokeStyle = 'rgba(255,255,255,0)' ctx.str原创 2020-09-27 23:49:19 · 1306 阅读 · 0 评论 -
微信小程序 点击切换tab跟随动画
微信小程序 点击切换tab跟随动画<view class='tabbox'> <view wx:for="{{title}}" class='tab {{currentIndex==index?"tabTrue":""}}' bindtap='changeTab' data-aa='{{index}}'> {{item}} </view> <view class='b' style='left:{{left}}px;transform: translat原创 2020-08-01 11:06:17 · 1207 阅读 · 0 评论 -
微信小程序仿抖音上下滑动整屏切换视频
微信小程序仿抖音上下滑动整屏切换视频使用官网上面的扩展组件官方使用的方式:可结合自己业务修改:使用官网上面的扩展组件https://developers.weixin.qq.com/miniprogram/dev/extended/component-plus/video-swiper.html链接: link.官方使用的方式:视频源数量最少是3才能正常使用;从第二个视频开始播放是为了保证后面算法的顺序,滚动到最后一个后会进入循环,这是为了在下滑往前滚动的时候也保证原来的顺序。正确的用法是,先原创 2020-07-18 13:31:32 · 5939 阅读 · 0 评论 -
小程序分享 列表循环 携带参数
小程序分享 列表循环 携带参数 /** * 用户点击右上角分享 */ onShareAppMessage: function (ops) { console.log(ops) return { title: ops.target.dataset.item.title, imageUrl: ops.target.dataset.item.imageUrl, path: `test?id=${ops.target.dataset.item.i原创 2020-07-15 10:56:35 · 418 阅读 · 0 评论