uni-app
文章平均质量分 66
uni-app使用中遇到的问题,使用过程中的介绍
静的小白菜
做就认真做,不做就拒绝。不可敷衍了事
展开
-
VUE生成批量生产二维码(太阳码)并压缩下载,微信扫一扫或者小程序内扫一扫
租车场景:需要用户使用微信扫一扫直接打开小程序,携带车辆参数。前景颜色就是文字的样子,背景颜色就是整体背景色、把正方的太阳码图片裁剪成圆形方法中有实现过程(注:我没有看详细看文档不知道能否生成圆形的图片,我的后端是给我我一个正方的╮(╯▽╰)╭ )。原创 2024-04-09 15:27:17 · 329 阅读 · 0 评论 -
从0到1实现单机记账APP原理与细节uniApp内含源码 (二)
单机记账APP,简单无难度好上手,内含演示视频、源码。原创 2023-03-03 17:11:33 · 1217 阅读 · 3 评论 -
从0到1实现单机记账APP原理与细节uniApp内含源码 (一)
本章描述记账功能的实现,内含有源码下载。安卓手机的还可以下载APP进行查看效果。原创 2023-02-21 15:45:56 · 2818 阅读 · 18 评论 -
色弱小测试设计与实现(uni-app)
色弱小测试设计与实现,内有代码Ctrl+C,Ctrl+V就能实现。原创 2022-12-22 15:15:29 · 806 阅读 · 0 评论 -
记录时间字符转时间戳(小程序苹果端)会出现问题
业务需要显示倒计时效果,需要截止时间和当前时间进行计算,后端返回时间格式“2022-11-26 19:07:45”转换时间戳在苹果端出现问题。原创 2022-12-01 10:37:05 · 473 阅读 · 0 评论 -
未配置在app.json的(uni发行微信小程序)
uniapp发行小程序提示未配置在app.json的wx.choosePoi接口。项目中只使用到了wx.choosePoi,却需要配置两个调用。原创 2022-07-19 16:33:42 · 4730 阅读 · 0 评论 -
指尖轮盘小游戏设计与实现(uniapp实现微信小程序)
指尖轮盘设计与实现,内有视频演示。记录触摸位置:用户触摸屏幕时显示图片,离开的时候移除图片。自动倒计时:当满足游戏条件的时候,开始倒计时。运行游戏:倒计时结束运行游戏。游戏结束:游戏结束显示重置按钮。...原创 2022-07-14 08:44:23 · 3778 阅读 · 6 评论 -
小程序手持弹幕的原理及实现(uni-app)
通过本篇的文章,可以使用HBuilder写一个手持弹幕,一步一步编写出来。如果想直接运行,发布到自己小程序,在我的资源中有手持弹幕的资源。原创 2022-06-02 15:21:18 · 3306 阅读 · 3 评论 -
video禁止拖拽进度条(uni-app)
需求:用户不可以快进视频,但是看过的就可以快进解决思路描述:这里使用了UNI中video组件,该组件中有@timeupdate方法播放进度变化时触发。用户拖拽进度条的时候一定会触发,通过对进度条变化的大小可以得到是自然播放还是用户操作,原创 2022-03-04 17:00:23 · 4535 阅读 · 6 评论 -
自定义tabBar底部导航栏(uni-app,Vue)
项目场景:要求:根据用户登录的账号权限,底部tabBar显示不同的入口。解决方案一:提示:该方案需要Hbuilder是3.2.10+。这个版本以上在tabBar的list数组对象可以有visible属性用来控制显示和隐藏。// page.json文件"tabBar": { "color": "#7A7E83", "selectedColor": "#3992f0", "borderStyle": "black", "backgroundColor": "#ffffff",原创 2021-11-03 12:55:50 · 4119 阅读 · 6 评论 -
推送uni-Push在IOS端推送失败
前言:这里不说如何配置推送信息,不懂就去看官方文档,那里很详细。问题描述:配置信息正确,设备唯一标识也传递给后端,后端发起推送个推返回的值是推送成功。但是APP就是没有接受到推送信息。然后当你APP关闭的时候,再推送的时候可以收到。解决方案:在App.vue中写好监听信息,先console.log出message信息。然后利用5+API创建通知信息。// #ifdef APP-PLUS onLaunch: function() { // #ifdef APP-PLUS c原创 2021-10-12 17:44:26 · 2694 阅读 · 0 评论 -
APP强制更新(uni-app)
项目场景:提示:这里简述项目相关背景:例如:项目场景:示例:通过蓝牙芯片(HC-05)与手机 APP 通信,每隔 5s 传输一批传感器数据(不是很大)问题描述:提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obta原创 2021-10-09 16:30:12 · 3055 阅读 · 0 评论 -
文字渐隐渐显切换(uni-app)
需求场景:设计师要求文字更换的时候逐渐隐藏再显示,具体效果如下。解决过程:提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sen原创 2021-07-07 11:53:42 · 1382 阅读 · 2 评论 -
H5页面微信分享流程和实现(uni-app)
适用场景:通过uni-app实现的H5页面。要求链接必须在微信端内打开。手机上浏览器打开无效。流程描述:第一步安装js-sdk。方式一:NPM安装方式npm install jweixin-module --save方式二:下载使用方式。(本人用的就是这种)在 uniapp 中可以使用模块方式引用微信 js-sdk ,微信官网直接下载的使用有问题。下载地址:https://unpkg.com/[email protected]/lib/index.js //npm安装的引原创 2021-05-31 16:59:31 · 5302 阅读 · 0 评论 -
uni-app手机号一键登录
提示:手机号一键登录有两种方式。第一种通过调用自有服务器,然后服务器调用云函数登录。第二种可以前端直接调用云函数进行登录(暂不介绍)。提示:在我的项目中使用的是自由服务器登录,下面的案例可供参考手机号一键登录一、自有服务器等录1.uni-app开通账号权限2.部署云函数3.APP端代码总结一、自有服务器等录1.uni-app开通账号权限使用开发者账号登录开发者中心,在左侧导航选择“一键登录”。在使用此功能前需要先完成邮箱及手机号验证,根据开发者中心页面提示完成验证即可。验证后,点击页面上的原创 2021-01-19 10:49:24 · 12571 阅读 · 4 评论 -
uni-app实现app内嵌微信文章
目的:在app内显示微信公众号文章,不采用iframe标签,不采用第三方接口解决方案:app端是支持5+api的所以采用了plus.webview.create()方法。首先在首页点击时跳转到一个新的vue页面。代码如下 lianjie(url){ //注释是uni-app中的条件编译,将注释里面的代码编译到不同平台 //这里是app端会执行的代码 //#ifdef APP-PLUS uni.setStorageSync('wx_articleurl', url);原创 2020-12-11 16:56:32 · 3246 阅读 · 7 评论 -
uni-app导航栏动态设置
uni-app导航栏动态设置uni-app导航栏标题,自定义按钮动态设置,只限于app和h5端导航栏动态设置uni-app导航栏动态设置一、改变导航栏标题二、改变导航栏自定义按钮1.设置自定义字体图标2.动态修改自定义按钮文字3.透明的导航栏结语一、改变导航栏标题在uni-app的示例:接口>界面>默认导航栏中就有这种方法。小提示:如果需要在页面进入时设置标题,可以在onReady()内执行,以避免被框架内的修改所覆盖。如果必须在onShow内执行需要延迟一小段时间uni.se原创 2020-09-11 16:12:28 · 6727 阅读 · 0 评论 -
将图片路径转成Base64(结合uni-app中uni.chooseImage方法)
将图片路径转成Base64需求一、uni-app是什么?二、图片路径转成base641.引入插件2.调用uni.chooseImage方法3.删除图片的方法总结需求在uni-app项目开发中,需要将图片转成base64格式传递给后端一、uni-app是什么?uni-app实现了一套代码,同时运行到多个平台,例如:iOS模拟器、Android模拟器、H5、微信开发者工具等等;想了解更多网址:https://uniapp.dcloud.io/README二、图片路径转成base641.引入插原创 2020-09-10 15:46:24 · 8998 阅读 · 1 评论