uniapp 小程序扫描二维码
项目需求扫描提供的二维码，获得二维码中相关信息。
解决方案使用uni.scanCode()，调用小程序中的扫码功能。
1234567891011121314151617181920212223242526272829303132333435363738394041<script> export default { data() { return { } }, onLoad() { }, methods: { scanCode() { // 允许从相机和相册扫码 uni.scanCode({ scanType: ["qrCode"], success: (res) => { console.log(res); if (res.result) { const val = res.result; } else { ...
图片上传阿里云成功，获取图片失败
问题描述微信小程序图片上传阿里云成功，但是阿里云oss中并没有存储图片。
问题代码：
1234567891011121314151617181920212223242526272829uploadFile(file,data){ var filename = new Date().getTime(); console.log(data) var formData={ key: data.dir +'/'+ filename, // 文件名 policy: data.policy, OSSAccessKeyId: data.accessId, //后台获取临时ID success_action_status: '200', //让服务端返回200,不然，默认会返回204 Signature: data.signature ,//后台获取签名 file:file.path, } console.log(formData) uni ...
如何让index页面中tabbar页面中的组件强制刷新
问题描述微信小程序的tabbar，写成组件，然后再index页面（主页面）中以v-if的形式进行选择展示。因为是组件级页面，不具有onshow的生命周期钩子，当数据发生变化的时候，组件内的数据并没有变化。例如：组件在created是获得缓存数据后，缓存中的数据变化时。
解决方法使用$.nextTick()方法进行子组件刷新；
12345678910111213141516171819<tempalte> <!-- 我的 --> <w-mine v-if="refresh" /></tempalte><script> export default { data() { return { refresh: true, } }, onShow() { this.refresh = false; this.$nextTick(() => { this.refresh = true; }) ...
css cursor鼠标样式
项目需求为了用户拥有更好的视觉体验，我们可以根据需要改变鼠标落在不同节点上的样式，常用样式如下：
1）、cursor:default 默认正常鼠标指针；2）、cursor:hand 和 cursor:text 文本选择效果；3）、cursor:move 移动选择效果；
4）、cursor:pointer 手指形状 链接选择效果；
5）、cursor:url(url图片地址) 设置自定义光标图标；
uniapp canvas绘图
问题描述根据项目需求，将商品的图片，用户头像，二维码，商品信息绘制到分享海报中。
效果展示
参数介绍
参数
类型
说明
avatarImg
String
头像图片
bgImg
String
背景图片
qrImg
String
二维码
goodsImg
String
商品图片
iconImg
String
平台icon
goodsTitle
String
商品名称
realPrice
String
真实价格
price
String
价格
canvasH
Number
画布高度
widthRatio
Number
画布宽度比例
核心代码123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293setTimeout(() => { ...