随笔分类 - uni-app开发
摘要：使用mixins封装分享方法 创建share.js import urlConfig from "@/utils/urlConfig"; export const shareMixins = { data() { return { shareData: { title: '', //分享内容的标题
阅读全文
摘要：uniapp项目自定义顶部导航栏 1.创建组件完整代码navigation.vue <template> <view class="navbar-header" :style="isfixed?'padding-top'+navHeight+'px':'padding-top:0px'"> <vie
阅读全文
摘要：查阅了很多文章，大多还停留在页面嵌入webview识别二维码的时代。 下面我发表一下小程序支持长按识别二维码的方法 只需要在image标签里添加 如下属性 -- show-menu-by-longpress 小程序版本 show-menu-by-longpress="{{true}}" //show
阅读全文
摘要：为帮助小程序开发者快捷地排查小程序漏洞、定位问题，推出了实时日志功能。从基础库2.7.1开始，开发者可通过提供的接口打印日志，日志汇聚并实时上报到小程序后台。 开发者可从小程序管理后台“开发->运维中心->实时日志”进入小程序端日志查询页面，或从“小程序插件->实时日志”进入插件端日志查询页面，进而
阅读全文
摘要：隐藏 “返回首页” 按钮 1、微信7.0.7版本起，当用户打开的小程序最底层页面是非首页时，默认展示“返回首页”按钮，开发者可在页面 onShow 中调用 hideHomeButton 进行隐藏。 async onShow() { uni.hideHomeButton() }, 2、uniapp通过
阅读全文
摘要：微信小程序开发时，需要用到微信接口则需要处理隐私授权 微信小程序用户隐私保护：https://developers.weixin.qq.com/miniprogram/dev/framework/user-privacy/ 微信小程序用户隐私保护从基础库 2.32.3 开始支持，可查看基础库版本分布
阅读全文
摘要：uniapp微信小程序图片裁剪插件，支持自定义尺寸、定点等比例缩放、拖动、图片翻转、剪切圆形/圆角图片、定制样式，功能多性能高体验好注释全。 1.效果预览： 5.引入插件 项目代码：cropImage 使用HBuilder X导入项目 ：图片裁剪插件 - DCloud 插件市场 平台兼容性 Vue2
阅读全文
摘要：在真机环境下调试移动端H5的时候，无法像浏览器一样打开控制台进行console调试，那么我们可以在前端项目中引入vconsole，便于我们在真机环境下调试移动端H5项目 vConsole是一个轻量、可拓展、针对手机网页的前端开发者调试面板。 详细文档可查看：https://gitee.com/mir
阅读全文
摘要：通过npm下载 // 如果您的根目录没有package.json文件的话，请先执行如下命令： // npm init -y npm install uview-ui // 更新 // npm update uview-ui 配置步骤 1.引入uView主JS库 在项目根目录中的main.js中，引入
阅读全文
摘要：封装正则校验证件号方法 创建commRepExp.js /** * 校验身份证,代校验位 此处仅仅是大陆18位的身份证校验 * @param idCard 校验的数据 * @returns Boolean 返回布尔值 */ const isVerifyIdCard = (idCard) => { /
阅读全文
摘要：基于uniapp开发微信小程序，做短视频功能，上下滑动短视频时发现iPhone手机会出现“小程序意外退出, 请稍候重试” 当前 Bug 的表现： 原来小程序在iPhone 6和iPhone 6s上会经常出现"小程序意外退出,请稍候重试"的提示，原因是小程序页面内存溢出（页面内容超出了限制），手机性能
阅读全文
摘要：在开发过程中，input或者Textarea聚焦时，出现遮挡一半的情况 处理方法： （1）在input或者textarea添加:cursorSpacing="20"留出光标到软键盘的距离。 （2）若在弹窗定位中时需要加入:fixed="true"属性，不然拉起软键盘时没有显示在软键盘上面。 （3）若
阅读全文
摘要：1.使用腾讯云直播助手live-room-play组件 参考：https://www.cnblogs.com/czhowe/p/17138175.html 可能会出现问题： 1.uniapp使用云直播助手插件时播放有问题，插件没问题，又没有报错？原因：拉流的播放地址的问题，使用的不是小程序的域名ap
阅读全文
摘要：基于uniapp开发小程序上下滑直播间功能时，再使用uView-UI的Tabs 标签，安卓没问题，但ios会出现内容丢失的情况 经过调试发现是因为封面图片设置了模糊效果导致的，把模糊效果的代码注释掉，就可以了 .play-bg-img{ display: block; width: 100%; he
阅读全文
摘要：在uniapp开发小程序，引入腾讯云直播助手插件 1.在manifest.json文件中，找到微信小程序特有相关，声明要使用的插件 /* 小程序特有相关 */ "mp-weixin" : { "appid" : "wxf97c5500aab****", "plugins" : { "liveRoom
阅读全文
摘要：在uniapp开发中，组件中需要监听页面onShow的方法 index.vue onShow() { uni.$emit('onShow', 1); //用于子组件监听onShow }, 子组件 beforeDestroy() { //为了避免重复监听，在组件销毁前，关闭监听 uni.$off('o
阅读全文
摘要：得到字符串含有某个字符的个数 /** * 获取字符串中某字符的个数 * @param str 字符串 * @param char char为某字符 * @returns String */ const getCharCount = (str, char) => { var regex = new R
阅读全文
摘要：1.在manifest.json文件中配置AppID 2.在HBuilderX中配置微信开发者工具的安装路径。 工具->设置->运行设置 3. 在微信开发者工具中配置 设置->安全设置->开启服务端口 4.运行 首先关闭微信开发者工具 在HBuilderX中，点击运行->运行到小程序模拟器->选择第
阅读全文
摘要：使用uniapp查看广告 激励视频广告组件。激励视频广告组件是一个原生组件，并且是一个全局单例。层级比上屏 Canvas 高，会覆盖在上屏 Canvas 上。激励视频 广告组件默认是隐藏的，需要调用 RewardedVideoAd.show() 将其显示。 方法 1、加载激励视频广告数据：Promi
阅读全文
摘要：在项目中，支付功能是一个常见的功能，调用支付宝时，后段给我们的是一个form的富文本内容 这时需要把form到页面渲染，方法如下： uni.request({ //仅为示例，并非真实接口地址。 url: domainUrl, method:'POST', data: {}, success: (re
阅读全文
