由于uniapp目前未支持openCustomerServiceChat 使用浏览器打开，从浏览器跳转至微信 let url = '客服链接' plus.runtime.openURL(url, function(res) {}); 版权声明：本文为web15870359587原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.c…
1.需求 项目需要自定义 popup弹框（仿淘宝筛选） （1）popup 顶端和 底部的button 不动 （2）有查看更多 2.解决方案 popup 顶端 使用粘连定位 sticky 底部button 使用fixed定位，查看更多 可以判断传过来的值如果长度大于一个固定值就显示，点击查看更多赋值所有值，点击隐藏就显示前几个值同时显示加载更多 父组件 <screen :showModal="…
由于官方的api下载事件uni.downloadFile下载的是临时文件，需要配合uni.saveFile使用，但是uni.saveFile不支持H5，另外uni.saveImageToPhotosAlbum保存图片到系统相册也不支持H5，所以采用以下方式解决。 安装依赖，这里使用FileSaver，并且支持自定义文件名称 npm i file-saver -S 页面代码 import FileS…
最近做的一个项目需要频繁用到城市列表切换，切换城市，腾讯地图虽然有地图列表,但是效果不是自己项目想要的，于是就结合结合uview的 IndexList 索引列表 重新做了一个城市列表的页面 效果图： 页面结构：address.vue /** * * name: 城市列表选择 * @property {Array} data: hotCity 热门城市 eg: <!-- ['北京', '上海'…
记录一次uniapp中给canvas添加图片内容空白原因 应该适合微信小程序和uniapp 找了半天原因，最后看到一篇文章说，由于画布的大小大于了图片的大小导致了生成的内容是空白的。 最后知道了解决办法就是在写入页面之前将画布大小修改成和要写入的图片大小相同。 如下，vue中动态的修改canvas宽高 <canvas class="cropper-canvas" canvas-id="can…
uniapp 实现左右拖动换位子 删除新增 因工作需要做的一个小逻辑 记录一下 效果图如下 index.vue代码如下 <template> <view class="wh-100" style="background-color: #F2F4F9;"> <view style="height: 40rpx;width: 100%;"></view>…
1.HTML部分 <template> <view class="chat"> <scroll-view :style="{height: `${windowHeight-inputHeight}rpx`}" id="scrollview" scroll-y="true" :scroll-top="scrollTop" class="scroll-view" >…
实现思路:默认导航栏其实一直存在，只需初始时把导航栏透明度设为0，随着滚动，改变透明度即可 onPageScroll(res) { //获取距离顶部距离 const scrollTop = res.scrollTop; if (scrollTop >= 0) { // 导航条颜色透明渐变 if (scrollTop <= 20) { this.opacityNum = 0 } else…
传送门1： https://blog.csdn.net/weixin_43343144/article/details/90300788 传送门2： https://blog.csdn.net/pucker/article/details/90475788 这种可以使用本地图片设置背景 我的背景图上下都会留白无法全屏： 现在只找到了app上的解决方案： 布局使用 padding-top 替换 ma…
1.准备一份iconfont图标库 这里我给大家省功夫，代码如下 @font-face { font-family: "iconfont"; /* Project id 3231515 */ src: url('//at.alicdn.com/t/font_3231515_h5tzgobi5z.woff2?t=1646898877456') format('woff2'), url('//at.a…