uniapp
关注
分享
扫一扫
文章平均质量分 52
D_lunar
这个作者很懒，什么都没留下…
展开
-
uniapp中使用u-loadmore，loadText内容不随status改变刷新
uniapp中使用u-loadmore，使用情况比较复杂，出现loadText内容不随status改变刷新的情况，即当status="loading"时，显示的内容是loadmore或nomore的文字。解决办法：添加key参数。原创 2023-12-08 14:44:34 · 1415 阅读 · 0 评论 -
uView日历控件(u-calendar)优化
u-calendar日历控件设置默认选中值，并修复点击取消按钮或蒙版关闭弹窗时，日历弹窗的选中值发生改变的问题。原创 2023-08-08 14:51:51 · 3500 阅读 · 1 评论 -
uView之u-line-progress进度条数值小时显示不全
【代码】uView之u-line-progress进度条数值小时显示不全。原创 2023-08-08 08:54:44 · 979 阅读 · 1 评论 -
安卓文件选择插件
安卓文件选择插件，支持自定义选择目录、读取Android/data文件夹、分类选择微信和QQ文件等。原创 2022-07-20 16:03:48 · 523 阅读 · 0 评论 -
安卓通讯录操作插件
包含获取通讯录、添加联系人、修改联系人、删除联系人、拨打电话、获取通话记录、添加通话记录、删除通话记录、获取短信记录、发送短信、获取电话号码运营商和归属地等功能原创 2022-07-01 17:19:21 · 1112 阅读 · 0 评论 -
uniapp之app内页面和html页面进行消息互通
uniapp之pages文件夹下的vue页面和hybird文件夹下的html页面进行消息互通原创 2022-06-02 15:54:46 · 1490 阅读 · 1 评论 -
单页面应用和多页面应用
作为一个面向uniapp的多端开发人员，我简单的谈一谈自己对单页面应用和多页面应用的理解。1、单页面应用以一个简单的uniapp应用（没有使用hybrid）为例，它只有一个html页面。打包后，其他的vue、nvue页面都会转成css文件和js文件。运行时，首先会加载所有的css、js文件，所以首次加载速度会有点慢，之后的页面切换仅是一种append/remove的增删或者show/hide的显隐控制，因此页面切换速度快、页面间切换流畅。除此之外，页面之间数据传递方便、转场动画可以很炫酷原创 2022-05-19 09:44:11 · 3591 阅读 · 1 评论 -
uniapp之安卓文件操作插件
因为经常会用到文件操作相关的功能，而uniapp提供的H5+ IO模块管理本地文件系统，局限性真的非常非常大 ，所以写了一个原生的安卓文件操作插件。 功能包括：创建目录、创建txt文件并写入内容、复制/移动/重命名/删除目录或文件、调用本机应用打开或分享文件、压缩/解压目录或文件、base64数据和本地图片的相互转换、获取文件列表等。原创 2022-04-22 16:10:48 · 4533 阅读 · 6 评论 -
高德持续定位插件，支持后台定位、前台服务、安卓保活
0、下载地址：高德持续定位插件，支持后台定位、安卓保活 - DCloud 插件市场注意事项：仅支持HbuilderX 3.3.7及以上版本。1、权限相关接口1.1 权限检测checkPermission({ checkGPS: true, //检测GPS是否开启 checkLocation: true, //检测基础定位服务是否开启 checkBackLocation: true, //检测后台定位是否开启 checkWakeLock: true, /原创 2022-02-22 08:53:45 · 2622 阅读 · 0 评论 -
解决uniapp设置自动登录跳转首页时，登录页闪现问题
pages.json文件中，pages数组中第一项是登录页，用户第一次登录后，存储登录状态，以后再进入应用时，自动登录跳转至首页。但是自动登录跳转至首页时，登录页总是会闪现一下。为了解决这个问题，第一步：manifest.json文件源码视图，设置如下： "app-plus" : { ......, ......, "splashscreen" : { "alwaysShowBeforeRender" : false,原创 2022-02-21 13:30:10 · 3166 阅读 · 0 评论 -
uniapp 隐藏“再按一次退出应用”的提示，将应用隐藏至后台
在App.vue页面的onLaunch()方法中，调用下面的moveToBack()方法，实现隐藏“再按一次退出应用”的提示，直接将应用隐藏至后台。methods:{ moveToBack(){ //‘再按一次退出应用’，改为退至后台 let main = plus.android.runtimeMainActivity(); //为了防止快速点按返回键导致程序退出重写quit方法改为隐藏至后台 plus.runtime.quit = func原创 2022-02-21 11:20:11 · 4459 阅读 · 0 评论 -
uniapp web-view组件之html页面中控件样式渲染延迟导致视觉效果差的问题
hybird中的html页面引用了移动端 Vue 组件库，页面进入时，组件样式渲染延时，视觉效果很差。解决办法：1、vant的组件，初始化页面时，不显示。<div ref="vant_Container" id="vant_Container" style="display: none;"> ……</div>2、Vue挂载时，仅在整个视图都被渲染之后再显示。mounted() { this.$nextTick(function() { .原创 2021-12-02 13:57:58 · 2244 阅读 · 0 评论 -
uniapp web-view组件之应用向网页实时发送消息
uniapp的web-view组件，官网提供了网页向应用实时postMessage的方法，但没有说应用如何向网页实时发送消息。然而实际上，某些时候，这个也是有必要的。解决办法：在Webview窗口中执行JS脚本1、hybird中的html网页，由于引用了Vue，这个接收来自应用消息并处理的方法写在了Vue的方法中。// 在Webview窗口中执行JS脚本postJS(msg) { console.log(msg); msg = JSON.parse(msg); //do so..原创 2021-12-02 13:38:39 · 3336 阅读 · 7 评论 -
uniapp使用web-view加载操作高德地图的html，手机测试时报错：AMapUI is not defined
uniapp使用web-view加载操作高德地图的html，电脑端测试无误，手机端报错：AMapUI is not defined分析报错原因：AMapUI找不到，而AMapUI是通过<script></script>引用进来的，第一反应就是去看看引用是不是有误，果然，缺少https：，这个引用是从高德官方示例中直接复制而来，网页上使用时，缺少https：没有...原创 2020-04-17 15:11:52 · 2659 阅读 · 3 评论 -
解决uniapp使用web-view链接本地html页面出现2-3s的白屏问题的记录
根据uniapp官方的示例，使用web-view 链接本地html页面，加载时出现了2-3s的白屏之后才会渲染html页面。<template> <view><web-view src="/hybrid/html/local.html"></web-view></view></template>这个问题的产生是因...原创 2020-04-20 14:54:58 · 2728 阅读 · 0 评论 -
仿uni.showLoading外形的页面loading加载效果
因为项目中涉及加载海量点和线，uniapp提供的map组件满足不了需求，只能使用web-view链接本地html页面。请求和渲染的时候有段空白，不能让它空着，用户还以为死了呢，然后其他页面用的是uni.showLoading()，为了保持风格统一，仿写了与uni.showLoading外形类似的页面加载效果。效果图如下：因为不想放一个gif动画占空间，参考了用纯CSS实现加载中动画...原创 2020-04-14 16:28:21 · 3319 阅读 · 0 评论 -
替换uniapp H5项目在浏览器中的默认图标
1、在项目根目录下创建一个html文件，取名template.h5.html，如果项目是基于uniCloud admin的，应用根目录下已存在该文件。2、在文件中添加图标链接。完整的template.h5.html文件内容如下：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" cont原创 2021-07-26 09:30:33 · 1498 阅读 · 0 评论 -
uniapp 打开手机通知权限，离线打包报错的解决办法
一、uniapp打开手机通知权限设置/** * 设置手机通知权限 */function setPermissions() { // #ifdef APP-PLUS if (plus.os.name == 'Android') { // 判断是Android var main = plus.android.runtimeMainActivity(); var pkName = main.getPackageName(); var uid = main.getApplicati.原创 2021-04-14 11:30:11 · 2363 阅读 · 1 评论 -
使用uniCloud开发前后端一体化的uniapp项目（一）学习uniCloud
题外话：当前最新版本是HBuilderX（3.0.5.20210107）版本，但是由于其map组件黑屏问题，暂时无法更新至最新版本。而3.0版本作为分界线，前后版本的uniCloud目录和使用做了更新，但是并不影响之前版本对uniCloud的使用。第一步：新建一个Hello uniCloud项目一、Hello uniCloud项目目录简介相比普通的uniapp项目多了一个cloudfunctions目录，按照index.vue页面的提示进行配置云Cloud即可。...原创 2021-01-19 14:55:29 · 3710 阅读 · 0 评论 -
uniapp 封装请求，实现无痛刷新token
uniapp封装请求，使用的是DCloud插件市场的插件：《干脆清晰的request请求库 支持各种拦截与回调 上传下载》，感谢作者！我下载的是：更新日期：2020-06-03版本：4.1.0为了实现批量上传图片，我略微改动了下插件中的common.js文件：//common.jsexport async function requestConfig(ins, options) { // JSON.parse(JSON.stringify(options.header || ins原创 2021-01-13 15:45:48 · 4090 阅读 · 5 评论 -
Hbuilderx连接逍遥模拟器和夜神模拟器
一、连接逍遥模拟器二、连接夜神模拟器原创 2020-11-20 14:10:32 · 754 阅读 · 0 评论 -
uniapp 开发微信小程序配置
一、配置在使用Hbuilder运行至微信开发者工具之前，需进行如下配置：1、在Hbuilder中配置微信开发者工具路径2、打开微信开发者工具登陆3、在 设置>安全 中打开服务端口4、获取小程序测试号，填入项目下的manifest.json文件5、以上配置结束后，运行至微信开发者工具即可。二、报错及原因1、init error: { Error: ENOENT: no such file or directory, open 'C:\Users\Admin\A原创 2020-09-08 09:25:47 · 1257 阅读 · 0 评论 -
uniapp 在hybird下的html文件中加载保存在本地_doc文件夹下的json文件
之前的文章（跳转链接）中，路径在离线打包后不可读取，所以想了两个办法来解决。方法一(推荐)：加载时耗时较少，唯一的问题就是url参数长度有限制，但也不必担忧，因为文件的路径不会过长。1、在getData.js文件中封装获取文件绝对路径的方法：const filePath = function() { return plus.io.convertLocalFileSystemURL("_doc/MY_DATA.json");}export default { getdatas,原创 2020-06-30 16:31:45 · 2780 阅读 · 0 评论 -
uniapp H5+将服务器返回的数据写入json文件保存至本地并在hybird下的html页面读取
一、从服务器请求数据,使用H5+写入本地json文件参考：https://www.html5plus.org/doc/zh_cn/io.html#plus.io.requestFileSystem将写入文件操作封装到getData.js文件中：const getdatas = function(url) { uni.showLoading({ title: '数据加载中……', mask: true }) var data = { …… } //请求数据 u原创 2020-06-24 09:04:58 · 4061 阅读 · 0 评论 -
uniapp中的picker标签使用从服务器请求的动态数据
pick标签用法：<picker mode="multiSelector" @columnchange="bindMultiPickerColumnChange" :value="multiIndex" :range="multiArray"> <view class="uni-input">{{ multiArray[0][multiIndex[0]] }}>{{ multiArray[1][multiIndex[1]] }}</view></pi原创 2020-06-23 10:20:27 · 6173 阅读 · 0 评论 -
uniapp按照官方《针对plus.runtime.install在安卓9.0+上无法执行的解决方案》处理后报错：安装包解析错误
uniapp版本升级时，使用plus.runtime.install真机连接调试的时候没有问题，可以正常安装离线打包后可以下载，却不可以安装，官方给的解决办法是：《针对plus.runtime.install在安卓9.0+上无法执行的解决方案》离线打包配置 将build.gradle中的targetSdkVersion调到26或者更高。（我调到28） 在Androidmanifest.xml添加provider节点，将里面的XXXX.XXX.XX(当前的应用包名)改成自己应用原创 2020-05-27 16:29:23 · 5438 阅读 · 0 评论