微信小程序
凡小多
邮箱:wgh4318@foxmail.com
展开
-
微信小程序制作一个老虎机抽奖动画
可以把随机数换成后端传递的数据控制抽奖结果效果图:动图有点卡…wxml<view class="content relative"> <view class="absolute img1"> <image class="images" src="../../images/2_03.png" /> <view class="list absolute flex"> <view class="imgItem imgList1 fle原创 2022-05-16 09:30:21 · 2046 阅读 · 5 评论 -
小程序使用navigateTo地址url传递参数过长导致的问题
首先不建议地址携带参数过多,但是如果一定要传递很多数据的话就可能会报错navigatorTo(item) { // item是个对象,且内容过多 // 1. 先通过JSON.stringify(item)转化成字符串 // 2. 在使用 encodeURIComponent()压缩 item = encodeURIComponent(JSON.stringify(item)) uni.navigateTo({ url: `/pages/detail?item=${item}` });}原创 2022-04-11 11:47:31 · 1727 阅读 · 0 评论 -
小程序rich-text不换行的问题
由于数据是由后台富文本编辑器转换过来的,所以排除主动设置行内样式的方法,传递过来的数据不换行原因可能是:富文本编辑器的问题不支持行内样式(解决:起class名,把换行样式写到class内)由于传递过来的数据含有 pre 标签 (解决:过滤一下pre标签)<rich-text style="word-wrap: break-word;word-break: break-all;" :nodes="dataForm.richtContent"></rich-text>..原创 2022-04-02 14:27:56 · 3922 阅读 · 0 评论 -
hbuilder开发小程序更新版本
首先选择HBuilder的发行,发行微信小程序等待发行编译后,弹出微信开发者工具,点击右上角的上传填写版本号和备注登录微信公众号平台,点击左边版本管理往下滑,找到刚刚上传的版本切换到体验版…...原创 2022-03-01 14:49:04 · 619 阅读 · 0 评论 -
微信小程序使用本地背景图无法渲染的解决办法
本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64,或者使用< image />标签方法一:转成 base64格式(不太推荐,base64格式代码太长)转base64地址.container { background-image: url('base64地址')}方法二:使用 image 标签方法三:使用内联样式<view style="background-image: url('/images/bg.png')"></view&g原创 2022-01-04 17:08:24 · 902 阅读 · 0 评论 -
微信小程序版多选框全选操作
test.wxml<view class="container"> <!-- 多选框 --> <view class="page-body"> <view class="page-section"> <view class="page-section-title">推荐展示样式</view> <view class="weui-cells weui-原创 2021-06-26 21:36:52 · 2158 阅读 · 0 评论 -
小程序版的数据删除、修改操作
test.wxml<view class="container"> <block wx:for="{{stu}}" wx:key="{{id}}"> <text>姓名:{{item.name}}</text> <text>年龄:{{item.age}}</text> <text bindtap="delStu" data-id="{{item.id}}">删除</text> <text原创 2021-06-25 09:56:52 · 1861 阅读 · 0 评论