草庐IT

uniapp小程序购物车多商家单选全选功能

效果图如下:说明:点击商家复选框,可选中当前商家下的所有商品。点击全选,选中全部商家的商品以下是代码:template> viewclass="cart-index"> viewclass="lement"> view> checkbox-group@change="checkboxChangeAll"> checkboxclass="round"style="transform:scale(0.7)":checked="isAllChecked"/> /checkbox-group> /view> view>全选/view> viewstyle="dis

uniapp、微信小程序:点击空白/蒙版关闭弹窗

重点:(点击空白区域关闭弹窗,同理)@click.stop:用于阻止冒泡。添加@click.stop的标签范围内,点击任何区域(包括@click的点击事件)不会关闭弹窗。标签范围外,会关闭弹窗。@click.stop标签内的@click等事件:如果事件内有关闭弹窗的代码,(不影响)可关闭弹窗。(下面html中)蒙版(class="mask"的标签)添加@click="selectQues=false":用于点击蒙版,关闭弹窗html:打开弹窗 关闭 我是展示区域的内容1 我是展示区域的内容2 我是展示区域的内容3 我是展示区域的内容4 jsdata(){ ret

记录一次uniapp中给canvas添加图片内容空白原因

记录一次uniapp中给canvas添加图片内容空白原因应该适合微信小程序和uniapp找了半天原因,最后看到一篇文章说,由于画布的大小大于了图片的大小导致了生成的内容是空白的。最后知道了解决办法就是在写入页面之前将画布大小修改成和要写入的图片大小相同。如下,vue中动态的修改canvas宽高下面是在写入图片之前修改canvas宽高部分代码 this.canvasWidth=dWidth;//将canvas宽度修改成计算完成的图片宽度 this.canvasHeight=dHeight;//将canvas高度修改成计算完成的图片高度 canvasContext.drawIma

uniapp无法唤起相机的避坑之旅(安卓10以上,以及鸿蒙手机)

唤起相机代码:this.$refs.gmyImgCropper.chooseImage1();this.buttonType=0;测试手机:1.Android9vivoz1(有效)2.华为nova7pro(无效)相机权限:都获取到了。原因可能是安卓的原生问题,应该在安卓的manifest里添加providerproviderandroid:name="io.dcloud.common.util.DCloud_FileProvider"android:authorities="${apk.applicationId}.dc.fileprovider"android:exported="false

uniapp 小程序启用组件按需注入 “lazyCodeLoading“: “requiredComponents“

自基础库版本2.11.1起,小程序支持有选择地注入必要的代码,以降低小程序的启动时间和运行时内存------官方解答{"lazyCodeLoading":"requiredComponents"}注意:添加这项配置后,未使用到的代码文件将不被执行。用时注入在开启「按需注入」特性的前提下,「用时注入」可以指定一部分自定义组件不在小程序启动时注入,而是在真正渲染的时候才进行注入。在已经指定lazyCodeLoading为requiredComponents的情况下,为自定义组件配置占位组件,组件就会自动被视为用时注入组件:1.每个页面内,第一次渲染该组件前,该组件都不会被注入;2.每个页面内,第一

uniapp 微信小程序 动态分享 带参数

uniapp微信小程序有动态参数的那种微信小程序分享有两种分享。第一种:就是右上角自带的菜单分享第二种:button按钮通过open-type="share"点击分享通常我们分享默认都是分享本页面然后带一些分享参数比如说iduid等直接放在url地址后面就可以了,那如果我们使用按钮分享呢?比如说商品列表页每一个商品卡片都有一个分享,要求每个按钮分享出去的封面图与标题要对应商品本篇文章我们主要讲述如何在同一页面分享出不同的内容需求:·点击商品卡片右下角三个点时分享对应的商品并使用对应商品的封面图以及标题作为分享封面图和标题·,当用户点击分享后的卡片,进入的页面为详情页·;代码重点在于:data-

uniapp微信小程序使用分享功能

实现效果为如下所示的小程序分享功能:本项目是一个使用uniapp搭建的微信小程序,上线后点击右上角的…,发现其中的发送给朋友和分享到朋友圈是如下图所示的灰色不能点击:那么,如何设置微信小程序的分享功能呢?第一步:在onLoad方法中写wx.showShareMenu方法,设置menus将发送给朋友和分享到朋友圈两个按钮都可以点击,此处可以查看微信小程序官方文档onLoad(){wx.showShareMenu({withShareTicket:true,//设置下方的Menus菜单,才能够让发送给朋友与分享到朋友圈两个按钮可以点击menus:["shareAppMessage","shareT

uniapp小技巧之选择本地文件(注意这个方法只适配微信小程序和h5,app端未适配)

注意注意一定注意app端不能用,想要app端选择上传文件去插件市场寻找,或私信我,我告诉你方法hweixinhsangchaun(){ //进行文件上传 //选择文件 let_this=this uni.chooseFile({ count:1,//默认100 extension:['.zip','.doc','.xls','.pdf','docx','.rar','.7z','.jpg','.png', '.jpeg' ], success:(res)=>{ console.log(res); if(res

uniapp 图片本地缓存,本地路径离线使用

功能介绍:uniapp多张图片本地存储,下载进度条。this.pictureLength=data.drawings.length//获取下载图片总条数data.drawings.map((el,index)=>{this.getFileCache(el.pic,el.id,index)//调用下载})//图纸数据下载====>异步无法估计时间getFileCache(filePath,fileId,index){conststorageKey='IMAGE_CACHE_INFO'constdownloadTask=uni.downloadFile({url:filePath,success:

uniapp微信公众号H5获取code进行登录

目前在做H5商城,需要公众号的菜单跳进小程序,前端需要获取到公众号的code传给后端来确认用户的openId,但是咱们前端如何通过小程序或者H5,来获取公众号的code呢?通过查阅资料,我来总结一下此次遇到的问题及解决方案:首先先去官网了解一下基本的配置微信开放平台然后通过这个方法获取code,把code传给后端获取tokenexportconstgetUrlCode=function(){letcode=getUrlParam('code');//截取路径中的code,如果没有就去微信授权,如果已经获取到了就直接传code给后台获取openIdconstlocal=window.locati