随笔分类 -  uni

uni踩坑记录
摘要：v-for时小程序端的:key值必须存在，否则传值时会出错（传第一个） 阅读全文
posted @ 2022-03-28 13:52 朱依漾 阅读(21) 评论(0) 推荐(0)
uni中滚动overflow-y: scroll写法问题
摘要：H5页面竖向滚动，这样写没问题 style="height: 20vh;width: 100vw;overflow-y: scroll;" 但小程序会出错，同意用 <scroll-view scroll-y="true" style="max-height: 90vh;"> 包裹滚动的内容 </sc 阅读全文
posted @ 2022-01-26 15:24 朱依漾 阅读(418) 评论(0) 推荐(0)
uni用canvas绘制H5端的分享海报
摘要：由于微信的直接分享限制较多，改为利用canvas来做分享 花了一天多完成，几个知识点（坑）的记录 1，绘制二维码本来采用功能更丰富的weappQRcode.js，但h5端难以调通， 所以用的是wxqrcode.js，返回的是一个base64，8是url的规范等级，否则长度超出后会报错 this.qr 阅读全文
posted @ 2022-01-19 20:18 朱依漾 阅读(373) 评论(0) 推荐(0)
uni中H5转发
摘要：和扫码类似，注意下获取url是 url = window.location.href.split('#')[0] 调取的API，新旧接口简单使用上没什么区别 jsApiList: ['updateAppMessageShareData',//新接口'updateTimelineShareData', 阅读全文
posted @ 2022-01-19 20:02 朱依漾 阅读(156) 评论(0) 推荐(0)
uni小程序通过canvas绘制极简横向柱状图
摘要：HTML部分 <canvas :style="{height:charHeight}" style="width:100vw;" canvas-id="columnarCanvas" id="columnarCanvas"></canvas> JS部分 messureCanvas() { let q 阅读全文
posted @ 2021-11-23 14:41 朱依漾 阅读(542) 评论(0) 推荐(0)
uni小程序通过canvas绘制签名
摘要：<template> <view> <canvas class="mycanvas" canvas-id="mycanvas" @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend"></canvas> <view c 阅读全文
posted @ 2021-11-22 17:31 朱依漾 阅读(131) 评论(0) 推荐(0)