草庐IT

uniapp小程序横屏后适配问题(解决方案)

问题一:通常我们在小程序端切换横屏后会出现字体或宽高大小出现适配问题解决方法使用vmin来解决适配问题(使用rpx转换vmin)rpx与vmin的换算关系:5rpx等价calc(5vmin*100/750)==简单写==>>5rpx等价calc(5vmin/7.5)vmax相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmaxvmin相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin在这里我们只用到了vmin。当我们在竖屏时候,100vmin的取值为手机屏幕宽度,当横屏时候,100vmin的取值仍然为手机屏幕宽度,所以以vmin为单位的元素,

uniapp或小程序多级插槽slot会失效

项目场景:uniapp中使用slot插槽让用户自定义图标,插槽嵌套有三层(多层)会发现插槽失效的行为,小程序端总是显示默认内容,H5端正常。slotname="customIcon"> imgsrc="home.png"/>slot>问题描述举例什么是多级嵌套使用插槽?例如:有一个Box组件,有两种Box类型:left和right,Box组件里面含有图标。多层级情况下,这时候Vue怎么去定义一个自定义图标的插槽customIcon呢?template> divv-if="type=='left'"> left-box> templatev-slot="customLeftIcon">

uniapp微信小程序图片裁剪插件,支持自定义尺寸、定点等比例缩放、拖动、图片翻转、剪切圆形/圆角图片、定制样式

qf-image-cropper2.0图片裁剪插件1.效果预览:2.平台支持:1.支持微信小程序(移动端、PC端、开发者工具)2.H5平台(2.1.0版本起)3.支持APP平台(2.1.5版本起):Android、IOS4.其他平台暂未测试兼容性未知3.支持功能:1.自定义裁剪尺寸2.定点等比例缩放:移动端以双指触摸中心点为缩放中心点,PC端以鼠标所在点为缩放中心点3.自由拖动:支持限制滑出边界,也支持回弹效果(滑动时可滑出边界,释放时回弹到边界)4.图片翻转:在裁剪尺寸非1:1的情况下,翻转时宽高无法铺满裁剪区域时,图片会自动放大到合适尺寸5.裁剪生成新图片6.本地选择图片7.可定制样式:可

uniapp微信小程序图片裁剪插件,支持自定义尺寸、定点等比例缩放、拖动、图片翻转、剪切圆形/圆角图片、定制样式

qf-image-cropper2.0图片裁剪插件1.效果预览:2.平台支持:1.支持微信小程序(移动端、PC端、开发者工具)2.H5平台(2.1.0版本起)3.支持APP平台(2.1.5版本起):Android、IOS4.其他平台暂未测试兼容性未知3.支持功能:1.自定义裁剪尺寸2.定点等比例缩放:移动端以双指触摸中心点为缩放中心点,PC端以鼠标所在点为缩放中心点3.自由拖动:支持限制滑出边界,也支持回弹效果(滑动时可滑出边界,释放时回弹到边界)4.图片翻转:在裁剪尺寸非1:1的情况下,翻转时宽高无法铺满裁剪区域时,图片会自动放大到合适尺寸5.裁剪生成新图片6.本地选择图片7.可定制样式:可

uniapp开发小程序引入组件报错Component is not found in path

在使用uniapp开发小程序时,由于分包遇到了一个问题,引入其他分包的组件时报错Componentisnotfoundinpath 小程序报错 后来发现,引用其他包的资源都会报错,之前只知道分包不能使用主包资源,不知道分包之间的资源也不能共用。将需要的组件复制一份过来就行了。经验不足,有什么说的不对的地方可以留言指出,如果本文能够帮助到您,希望可以得到您的关注+赞。 

uniapp配置自定义界面百度语音识别转文字和原生使用方式

前言:在uniapp已经给出了语音识别插件配置的步骤,点击前往:语音识别插件配置,但是还是不够详细,有可能会遇到问题,所以我记录一下。概述:HBuilderX已支持讯飞语音识别和百度语音识别:讯飞语音识别由于讯飞语音识别SDK绑定appid,云端打包只能固定使用DCloud申请的appid,虽然无需开发者向讯飞语音开放平台申请应用,但也导致无法在讯飞语音开放平台自定义应用个性化的高级语音识别参数配置。讯飞不支持自定义语音识别界面注意:讯飞语音识别有识别次数限制,所以建议优先使用百度语音识别。百度语音识别1.需要向百度语音开放平台申请AppID、APIKey、SecretKey,详情可参考百度语

uniapp开发微信小程序解决上线:审核问题“包含明文的AppSecret,存在泄漏的安全风险“以及上线之后接口请求失败

微信小程序上线审核提示:审核问题“包含明文的AppSecret,存在泄漏的安全风险“解决:原因是我在登录通过uni.login获取到code然后用code获取openid时用到了AppSecret,因为之前后端没空写接口我就在前端自己获取的openid,解决方案:小程序秘钥放前端审核不通过说不安全,那我就让后端写个接口返回给我,然后仔细检查下代码中是否用到了AppSecret,去掉AppSecret在发布的话就没问题了上线之后接口请求报错原因是我请求的路径是http而不是https,在微信开发者工具编译或者真机调试都没问题,上线之后就请求不了。文档里写是仅支持http请求。所以我改成了http

uniapp发送formdata表单请求(全网最简单方法)

因为uniapp不支持直接传输formdata,只提供了uploadFile方法上传文件,但是利用该方法就可以传输formdata了。第一种:可以直接使用filePath属性进行空文件传输,只需要设置filePath为空就行了。function$uploadForm(url,data,filePath=''){ returnnewPromise((resolve,reject)=>{ uni.uploadFile({ header:{ "Authorization":$getToken() }, url:url, timeout:1000*6, filePath,

uniapp小程序如何通过虚拟列表配合节流,完成上拉刷新下拉加载,避免页面卡顿,提升性能呢?

本文将介绍uniapp小程序中如何使用虚拟列表和节流两种技术实现上拉刷新下拉加载功能,同时避免因渲染大量数据导致的页面卡顿问题。一、虚拟列表在uniapp小程序开发中,当我们需要渲染大量列表数据时,很容易出现页面卡顿现象。这时候,我们可以使用虚拟列表技术来优化性能。所谓虚拟列表,就是将所有数据分成可视区域和非可视区域两部分。只有在可视区域内的数据才进行渲染,而不在可视区域内的数据暂不渲染,这样就可以大幅度减少DOM操作次数,提高渲染效率。在uniapp小程序中,使用uni-app中的uni-scroll-view组件需要在插件市场安装template>uni-scroll-view:style

uniapp表单uni-forms校验自定义校验规则,手机校验、身份证校验

validateFunction自定义校验规则如果需要使用validateFunction自定义校验规则,则不能采用uni-forms的rules属性来配置校验规则,这时候需要通过ref,在onReady生命周期调用组件的setRules方法绑定验证规则无法通过props传递变量,是因为微信小程序会过滤掉对象中的方法,导致自定义验证规则无效。uni-formsref="form"> uni-forms-itemrequiredlabel="手机号"name="mob"> uni-easyinputv-model="mob"placeholder="手机号"/> /un