小程序
关注
分享
扫一扫
栾雨
所有发布的内容均为自己遇到问题时的解决方法，纯粹是为了保存下来方便自己使用。如有雷同，不是意外，不喜勿喷。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
小程序canvas剪切圆形头像
onReady: function (e) { var context = wx.createCanvasContext('画布ID');//获取画布 context.save()//保存绘图上下文 context.arc(圆心X坐标, 圆心Y坐标, 圆的半径, 0, 2 * Math.PI)//绘制圆形 context.stroke()//这个一定要有，不然图片不剪切，我就是遇到了这个...原创 2019-12-10 10:43:02 · 661 阅读 · 0 评论 -
小程序画布生成海报，保存到本地
生成自己的专属海报保存本地后分享WXML<!-- 点击出现弹窗 --><view bindtap="formSubmit">分享二维码</view><!-- 分享海报 --> <view class='imagePathBox' hidden="{{maskHidden == false}}"> <vie...原创 2019-12-03 15:45:22 · 477 阅读 · 0 评论 -
小程序swiper高度自适应
WXML<swiper indicator-dots="true" autoplay="true" interval="3000" style='height:{{bannerHeight}}px'> <block wx:for="{{imgUrls}}" wx:key="key"> <swiper-item> ...原创 2019-11-08 08:53:51 · 268 阅读 · 0 评论 -
小程序checkbox全选
WXML<view class="tr"> <view class="th"> <checkbox bindtap="selectall" />全选 </view> <view class="th">id</view> <view class="th"&g...转载 2019-10-21 17:19:41 · 729 阅读 · 0 评论 -
小程序遇到的问题：报错Setting data field "num" to undefined is invalid.
写view点击添加移除class样式时，遇到报错，时灵时不灵的。报错之前的写法由于是同一个选择又需分开展示，因此数据没有写在js里面。WXML<view class="border"> <view class="{{num == 1?'active':'act'}} conts" data-num="1" data-price="20" bindtap...原创 2019-10-08 11:00:01 · 2235 阅读 · 0 评论 -
小程序picker自定义二级联动
项目中遇到只需要选择年月，找到一个三级联动的例子改的WXML<picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}"> ...转载 2019-06-05 10:59:55 · 7671 阅读 · 0 评论 -
小程序点击switch打开弹窗
做项目遇到选择这个功能需缴费，弹窗提醒后跳转缴费页面WXML<switch bindchange='modalTap' />JSmodalTap:function(e){ console.log(e.detail.value) if (e.detail.value == true){//判断switch是否为true wx.showModal({...原创 2019-06-05 10:38:58 · 865 阅读 · 0 评论 -
小程序view选中添加样式
做一个充值选择套餐的页面，没有用radio，直接用view做的效果，用radio传值比较方便。WXML<view class='cont'> <block wx:for="{{prices}}"> <view data-select="{{item.select}}" data-price='{{item.price}}' cl...原创 2019-06-05 10:34:21 · 3319 阅读 · 1 评论 -
小程序成倍加减效果
在项目开发过程中遇到，价格和数量需成10倍的增长，找到一个加减的效果自己改了改，加上了数量和成倍。WXML<view>￥{{money}}</view><view class='stepper'> <text class='{{minusStatus}}' bindtap='bindMinus'>-</text> ...原创 2019-06-05 10:21:14 · 363 阅读 · 0 评论 -
微信小程序tab选项卡（动态获取）
WXML<view> <scroll-view scroll-x="{{true}}" class="top-nav-container" scroll-left="{{scrollLeft}}"> <block wx:for="{{topNavs}}"> <view class="tab-item {{currentActive...原创 2019-05-20 11:49:09 · 3977 阅读 · 2 评论 -
小程序之保存图片到相册
//获取相册授权wx.getSetting({success(res) {if (!res.authSetting[‘scope.writePhotosAlbum’]) {wx.authorize({scope:‘scope.writePhotosAlbum’,success() {console.log(‘授权成功’)}})}}})//此方法可以写在app.js中，也可...转载 2018-09-27 17:43:06 · 1401 阅读 · 0 评论 -
微信小程序图片点击放大
WXML<view class='imgList'> <view class='imgList-li' wx:for='{{imgArr}}'> <image class='img' src='{{item}}' data-index='{{index}}' bindtap='previewImg'></image>...转载 2018-09-13 15:06:33 · 8965 阅读 · 1 评论 -
小程序tab切换
做项目遇到了，在其他博主找到这个效果，仅供自己保存。 转自：[https://blog.youkuaiyun.com/liona_koukou/article/details/52860094] WXML<view> <view class="nav bc_white"> <view class="{{selected?'red':'default...转载 2018-09-06 17:10:53 · 399 阅读 · 0 评论 -
小程序显示隐藏切换
按钮控制点击显示隐藏WXML先自定义一个变量来控制容器里的内容显示隐藏，按钮文字也随着改变<view> <button bindtap="onChangeShowState">{{showView?'Click To Check IdleReason':'Click To Check MTStatus'}}</button> &l...转载 2018-08-21 16:38:36 · 5234 阅读 · 1 评论 -
小程序：同一页面多个单项选择
WXML&lt;view class="li" wx:for="{{objArray}}" wx:for-item="itm" wx:for-index="idx"&gt; {{itm.title}} &lt;picker bindchange="bindChange_se转载 2018-08-21 16:29:02 · 1660 阅读 · 1 评论