uni-app
文章平均质量分 66
此处放的是基于uni-app开发的小程序或者app文章
荒男
不忘初心
展开
-
关于uni-app小程序 Vue-Quill-Editor编辑器的内容在样式丢失
前言关于pc端使用Vue-Quill-Editor插件,但是在小程序中,样式缺丢失问题查找到Quill的样式我们在pc端的quill包中找到以下的css文件,并放入在style文件夹中<rich-text class="rich-text ql-editor" :nodes="details.newsContent | formatRichText"></rich-text>在rich-text中加入样式标签ql-editor并且在app.vue文件中引入 @imp原创 2022-02-14 17:59:46 · 2803 阅读 · 10 评论 -
uni-app小程序图片v-html自适应问题
自适应前言解决办法效果展示补充前言用v-html渲染富文本框,发现小程序图片没有办法自适应采用css去修改,发现不生效img{ width: 750upx!important;}解决办法uni的v-html转换成小程序是rich-text标签,则我们直接使用rich-text来实现富文本的渲染<rich-text :nodes="details.newsConten | filtersRichText"></rich-text>我们使用过滤器来把img的标签拿原创 2022-01-20 15:30:57 · 2473 阅读 · 3 评论 -
uni如何自定义tabbar
前言目前遇到一个问题:项目有三个权限,每个权限对用不同功能,最开始使用的一个自己封装好的tabbat组件进行操作,根据不同权限跳转到不同页面,如果是tab页,则加载出相应的tabbar。搭建的时候发现一个很严重的bug,uni只允许跳转的层级是20层导致我们在tab切换的时候,层级很容易到20层,而且有切页效果每次都需要加载tabbat,会导致tabbat有闪现效果针对以上两个问题,我们进行了优化思路根据上面的问题,想到的一些解决方案解决思路方案:方案1:把所有的tab页合成一个ind原创 2021-12-30 10:32:53 · 1524 阅读 · 0 评论 -
小程序开发框架比较
1、小程序为什么那么流行小程序开发算是这几年的流行趋势了,他为什么那么受欢迎呢?我们可以从几方面来分析成本低:相对于app来说,小程序开发成本低很多,一般公司都能接受客户体验好:微信小程序无需申请注册,在微信里面检索就可以开启,能够使用微信一键登录,给客户给予了便捷;并且无需安装顺应潮流:现阶段各种互联网大佬陆续发布微信小程序作用,都是在合理布局挪动网络平台平台客户群体大:一般大家称呼小程序都是只微信小程序,是因为微信的客户群体基数大,覆盖范围广2、小程序比较小程序的开发框架发展到现在也五原创 2021-12-01 18:47:41 · 998 阅读 · 0 评论 -
微信小程序关于使用canvas真机不生效,开发者工具正常的3种常见问题分析
canvans1、关于使用canvas真机不生效,开发者工具正常1.1、取微信小程序头像失败1.2、canvas图片出不来1.3、兼容canvas以后,图片还不出来1、关于使用canvas真机不生效,开发者工具正常此处遇到的bug有很多情况,我们分情况来解决1.1、取微信小程序头像失败报错信息如下:https://wx.qlogo.cn 不在以下 downloadFile 合法域名列表中那是因为我们用户头像是网络图片,要解决这个问题,只需要在微信公众号平台配置合法的downloadFile域名即原创 2021-09-28 22:21:16 · 8941 阅读 · 0 评论 -
uni-app引入小程序自定义组件的混合开发
小程序自定义组件支持uni-app 支持在 App 和 小程序 中使用小程序自定义组件,从HBuilderX2.4.7起,H5端也可以运行微信小程序组件。小程序组件不是vue组件,并且每家小程序都有自己的组件规范,比如微信小程序的组件是wxml格式。平台支持情况小程序组件存放目录H5支持微信小程序组件(2.4.7+)wxcomponentsApp(不含nvue)支持微信小程序组件wxcomponents微信小程序支持微信小程序组件wxcomponents原创 2021-09-23 16:07:23 · 1354 阅读 · 1 评论 -
关于遇到小程序的各种坑
这篇属于慢慢总结,不定期更新1、图片本地图片,在测试上能显示,部分真机无法显示。解决方案:图片的名字不要用中文!!!2、背景图片在小程序中,背景图片使用相对路径是无法显示,报错的解决方案:背景图片不要使用相对路径!!!使用线上图片地址,或者把图片转换成base64格式来使用,个人不建议使用base64格式,因为base64数字太多,看起来很乱,如果没有线上图片地址,才考虑使用base6...原创 2019-10-17 11:33:02 · 120 阅读 · 0 评论 -
关于小程序转发分享功能,并实现计数埋点方式
小程序分享前言思路关于分享关于计数效果使用page分享全局分享单页分享使用Component组件分享全局分享单页面分享计数前言之前做的分享都是单页面分享,现在发现公司需要做所有页面的分享,然后指定页面和全局不一样,并且实现记录转发次数和分享者思路写一个全局的分享功能,单页面单独去写,关于分享去查了相关资料,发现有两种分享可以实现全局分享,单页面特定分享1、使用page分享,在微信左上角的…出点击分享 2、使用Component组件分享,创建一个button按钮点击分享关于计数根据官方的20原创 2020-11-25 16:14:35 · 2495 阅读 · 0 评论 -
uni-app 人脸识别分析及实现(前端) + nvue开发源码
1、app开发一个人脸识别,实现刷脸功能首先要考虑的是实现流程:1、 打开摄像头——自动读取照片——传输给后端——后端交由第三发或自主开发来识别——返回结果(相识度比)2、 打开摄像头——自动读取视频——传输给后端——后端通过解析视频,截取图片交由第三发或自主开发来识别——返回结果(相识度比)那么通过分析,我们只需要做两步骤:打开摄像头和自动读取视频或照片2、打开摄像头分步骤分析:打开摄像头,并展示视频效果在html上,目前有两种方式:2.1、使用camera组件进行,借用.createCa原创 2020-10-14 10:44:49 · 18421 阅读 · 52 评论 -
在uni-app中引入和使用uViewUI
uni-app 引入uViewUIuViewUI在HBuilder X的插件市场:https://ext.dcloud.net.cn/plugin?id=1593uViewUI官方地址:https://uviewui.com/1、npm 安装或者更新uViewUI1.1、安装// 安装npm install uview-ui1.2、更新已经安装想更新版本可以使用//更新npm update uview-ui1.3、查看版本号有两种方式可以查询到正在使用的uView的版本:通过c原创 2020-07-17 01:51:40 · 4694 阅读 · 0 评论 -
记:uniapp返回页面不触发onLoad事件
在uni中,我们返回上一页的时候,会发现onLoad方法没有作用;其实在uni中,返回页面是不会触发onLoad方法,不过会触发onShow方法如果我们想要返回上一页,获取数据。可以使用onShow方法onShow(){ this.getCardList()},...原创 2020-03-30 22:35:43 · 10943 阅读 · 0 评论 -
手动封装一个uni-app表单校验公共方法
目录前言思路代码公共校验js校验代码使用前言使用uni-app开发小程序,因为没有使用插件,只能自己手动写校验思路第一时间考虑就是写一个自定义指令,这个指令包含两个功能,双向数据绑定和校验;但实际操作发现uni-app不允许使用自定义指令;因此,改用手动校验比较low的方法,此方法建立在element上,目前只是简单实现,后续会完善此方法以下是实现流程 封装一个公共js——需要校验时,传入校验值和rules——校验失败(提示+返回false)——校验成功(返回true)(相识度比)代码原创 2021-02-19 16:42:11 · 1554 阅读 · 2 评论 -
uni-app判断客户端环境是 Android还是iOS系统
通过uni.getSystemInfoSync()可以同步获取系统信息,其中platform是获取客户端平台的switch(uni.getSystemInfoSync().platform){ case 'android': console.log('客户端是Android') break; case 'ios': console.log('客户端是iOS') break; case 'devtools':原创 2020-07-15 11:16:58 · 5059 阅读 · 0 评论 -
小程序自定义时间滚动选择器——picker-view
今天基于小程序开发做了一个时间滚动选择器最开始直接使用picker组件来做;wxml:<view class="section"> <picker mode="date" value="{{date}}" start="2015-09-01" end="2019-10-15" bindchange="bindDateChange"> <view cl...原创 2019-10-15 18:10:01 · 1532 阅读 · 0 评论