uni-app
一粒程序米
行业方向:物联网 移动开发
展开
-
安卓主动发数据到uniapp界面
业务场景:安卓原生混合app(uniapp),当安卓的sdk有数据回调的时候,uniapp那边怎么实时获取到呢?不是只能通过调用函数的方式获取回调结果的,还有另一种方法,就是使用监听。原创 2023-09-25 17:14:55 · 720 阅读 · 0 评论 -
在uniapp使用日历组件的实现
插件市场:https://ext.dcloud.net.cn/plugin?id=56原本的弹出形式是有农历的注释掉了,有做一定的修改。使用方法:1.使用hbuilders导入插件2.导入之后,把uni_modules下的components下的uni_calendar复制粘贴到项目下的components目录3.把uni-section复制粘贴到项目下的components目录4.界面演示代码<template> <view class="calendar-c.原创 2022-02-18 19:30:00 · 7048 阅读 · 1 评论 -
uniapp隐私政策和用户协议(在应用启动之前弹窗让用户知悉)
如果项目app用了别的插件,并且在启动app时使用到app的实例的或者app栈顶的活动,如果弹出了隐私政策,弹出的时候时获取不到实例的,只有在用户同意了协议,进入了app才可以获取到实例。原创 2022-09-02 18:30:00 · 8586 阅读 · 3 评论 -
uniapp实现iOS支付苹果内购支付踩过的坑以及具体操作步骤
由于我们app会员属于虚拟产品,所以苹果商店要求我们必须选择苹果内购,否则就勒令下架。无奈,于是就又开始了踩坑之旅~uniapp可以直接使用uni-pay的插件去进行苹果内购。但是,在对接自己的项目之前,建议先跑通示例项目,能跑通示例项目,代表你的配置和证书一定是正确的,然后再将uni-pay集成到你自己的项目中,不然就像盲头苍蝇,不知道怎么做。原创 2023-01-05 18:00:00 · 9154 阅读 · 8 评论 -
uniapp地址选择联动
uniapp的地址联动组件原创 2022-12-14 20:45:00 · 726 阅读 · 0 评论 -
uniapp使用checkbox-group实现多选题并实现互斥
也就是说,如果先选择了前面六道题,后面又选择了最后一道,前面的题目就会自动置空,反之,如果先选了最后一道题,然后再去选择前六道的任意一道题,最后一道题都会置空。不然用户手误点到正方形外部也会改变checkBox的样式,导致互斥事件的样式没有发生改变。注意一定要阻止冒泡事件,我在.act-view-answer类里加了。全局变量state用来存每道题的选择情况:是否有选择。上图就是实现互斥的一个过程,前6道题和最后一道题互斥。如果不想要互斥事件的多选题,只需要改js。,数组的大小由题目的选择数量决定。原创 2022-12-08 16:53:46 · 1611 阅读 · 0 评论 -
app动态申请照片等权限(离线打包的配置)
Android平台从6.0(API23)开始系统对权限的管理更加严格,所有涉及敏感权限都需要用户授权允许才能获取。然后删掉app重新安装,就没有在启动时弹出权限申请了,直到使用读写照片时才会弹窗申请。只需要在安卓的app目录下的AndroidManifest.xml添加以下配置。因此一些应用基础业务逻辑需要的权限会在应用启动时申请,并引导用户允许。原创 2022-11-16 11:22:44 · 437 阅读 · 0 评论 -
uniapp使用swiper动态渲染数据时页面没有自动更新数据&&swiper渲染优化
uniapp使用swiper动态渲染数据时页面没有自动更新数据&&swiper渲染优化原创 2022-08-26 18:30:00 · 4073 阅读 · 2 评论 -
当uniapp遇上滚动穿透,巧妙的解决方式(2)~
其实直接放在蒙层上面就可以了,之前一直不成功,是可能放在祖先里了,这应该放在。这两个方法都不是最方便的,代码量都有点多。记住哦,是放到蒙层里!原创 2022-08-19 20:00:00 · 1018 阅读 · 1 评论 -
uniapp离线推送华为厂商申请流程
uniapp离线推送华为厂商通道申请原创 2022-08-03 19:30:00 · 2939 阅读 · 6 评论 -
uniapp安卓创建的通知栏点击实现启动应用app自身
如果是在uniapp开启的前台服务,点击通知栏想要启动app,而app又没有activitiy的话,就要使用io.dcloud.PandoraEntryActivity作为要跳转的活动。以下代码一般写在service类。原创 2022-08-03 19:00:00 · 2402 阅读 · 0 评论 -
uniapp安卓插件申请通知权限并及时回调申请结果
动态申请通知权限。原创 2022-08-03 18:30:00 · 1015 阅读 · 0 评论 -
在uni-app里通过web-view组件显示H5项目的踩坑之旅
为啥要在uni-app去显示h5?说起来话长,最近的项目需求里,有个图超级复杂,uniapp使用echarts之后在真机渲染不出来,但是在h5又可以渲染出来,而这个bug echarts开发者好像还没有修复。所以导致所在图表的一整个页面都只好用H5来实现了。...原创 2022-05-26 10:07:15 · 9841 阅读 · 21 评论 -
当uniapp遇上滚动穿透,巧妙的解决方式~
上一次遇上这个滚动穿透,我是暴力解决的,当uniapp遇上可恶的滚动穿透的时候,我是怎么暴力解决的,今天学会了一个巧妙的方式,几行代码,超级方便好用,爱了爱了…就是利用page-meta标签的page-style属性!page-meta 的page-style属性相当于HTML的body属性,这个点很重要,之前我想要通过body{overflow:hidden;}的方式动态修改overflow的属性去停止页面的滚动,但是那时不知道怎么动态修改body的属性,而且如果使用document的方式去修改bod原创 2022-04-19 09:30:59 · 4337 阅读 · 6 评论 -
uniapp样式穿透
有时候会遇到在class上修改的样式会无效,是因为遇到了样式穿透, 在vue开发过程中,当我们引入第三方组件库时(如使用element-ui),需要在局部组件中修改第三方组件库样式,而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过一些方法穿透scoped。<style scoped> ::v-deep .act-view-radio{ background: #f9ebc6;}</style>在那个class前面加上::v-deep以及在sty原创 2022-04-18 11:37:48 · 12019 阅读 · 1 评论 -
在在uniapp安卓插件里面(非activity类里面)调用startActivityForResult
((Activity) mWXSDKInstance.getContext()).startActivityForResult(intent, 1002);Activity、serivice、Application这几个类都是继承至Contex的,Contex可以理解为一个场景,或者说一个使用场景,活动、服务、广播都可以理解为一个场景,startActivity可以直接由Contex来调用,而startActivityForResult却不行,得由Activity来调用。...原创 2022-03-22 19:30:00 · 1019 阅读 · 0 评论 -
当uniapp遇上可恶的滚动穿透的时候,我是怎么暴力解决的
uniapp滚动穿透的bug原创 2022-03-19 14:37:09 · 1623 阅读 · 3 评论 -
uniapp退出当前页面并传参数给上一个页面
当前页面在退出时 uni.$emit("zxpg", { zxpg: res.tips, }); uni.navigateBack(); //返回上一个页面在上一个页面的onShow uni.$on("zxpg", (data) => { console.log("接收事件test成功,data=", data); });注意在 uni.$on("zxpg", (data) => {}); 里面的this指向会改变...原创 2022-03-17 20:30:00 · 2033 阅读 · 0 评论 -
用uniapp做的一个在线简历,可以发布成为微信小程序,给面试加分
效果预览:网页版效果图开发环境1.hbuilderx2.微信开发者工具代码实现主要是这两个页面文件1.index.vue<template> <view class=""> <section class="container"> <section class="side" id="side" > <!-- 个人肖像 --> <section原创 2022-03-11 18:01:37 · 6348 阅读 · 4 评论 -
uniapp自定义弹窗之随时更换弹窗背景的实现
自定义弹窗之随时更换背景图原创 2022-02-15 19:30:00 · 2163 阅读 · 0 评论 -
uniapp获取上个月、下个月的月初和月末的日期实现
<template> <view> <button type="" @click="last()">上一月</button> <button type="" @click="next()">下一月</button> <view class="" > {{startDate}} </view> <view class=""> {{endDate}} </...原创 2022-02-14 19:00:00 · 2031 阅读 · 0 评论 -
uniapp动画
效果图代码:<template> <view> <view class="circle" :animation="animationData" @click="turn" > {{tips}} </view> </view></template><script> export default { data() { return { animationData: {},原创 2022-02-10 17:23:27 · 3885 阅读 · 0 评论 -
在uniapp使用echarts,封装成组件使用,经真机测试可用
年前的时候也做了echarts的封装,但是不知道为什么,在真机测试的时候,就是渲染不出来,图表不显示。今天终于可以在真机渲染出来了!!!好激动!效果图图一H5的:图二是华为手机的:项目结构:1.echarts组件:<template> <view> <view class="echarts" :id="option.id" :prop="option" :change:prop="echarts.update" @click="echarts.onCl原创 2022-02-09 22:00:00 · 1289 阅读 · 10 评论 -
uniapp实现自定义弹窗组件,可以在app全局任意地方使用
此组件可以在app全局使用,因此需要用到vuex。1.首先安装vuex通过此命令安装 npm install vuex --save2.创建initModal.jsimport Vuex from 'vuex'// 自定义弹窗export default function initModal(v) { // 挂在store到全局Vue原型上 v.prototype.$modalStore = new Vuex.Store({ state: { show:false, ..原创 2022-01-07 22:45:00 · 9542 阅读 · 10 评论 -
uniapp无法唤起相机的避坑之旅(安卓10以上,以及鸿蒙手机)
唤起相机代码:this.$refs.gmyImgCropper.chooseImage1();this.buttonType=0;测试手机:1.Android 9 vivo z1 (有效)2.华为 nova7pro (无效)相机权限:都获取到了。原因可能是安卓的原生问题,应该在安卓的manifest里添加provider <provider android:name="io.dcloud.common.util.DCloud_FileProvide原创 2021-12-27 18:00:00 · 7294 阅读 · 10 评论 -
uniapp判断是否有网
在请求网络之前需要检查网络状态,如果没有网就可以走缓存方法1uni.getNetworkType({ success: function (res) { console.log(res.networkType);//网络类型 wifi、2g、3g、4g、ethernet、unknown、none if(res.networkType === "none"){ console.log("当前无网络"); }else{原创 2021-12-13 10:16:49 · 5651 阅读 · 4 评论 -
uniapp遇到E/NativeInvokeHelper: io.panxu.plugin.PanxuModule@556eac9 Invoker pay exception:java.lang避坑
…原创 2021-12-02 21:30:00 · 2146 阅读 · 0 评论 -
ucharts折线图出现断点时画小圆圈(当线的width很大时,小圆圈会很大)
症状如图:ucharts折线图出现断点时画小圆圈(当线的width很大时,小圆圈会很大),当数据不是连续的时候,就会画小圆圈。修改源码即可解决:在u-charts-v2.0.0.js里的drawLineDataPoints注释掉// context.arc(points[0].x, points[0].y, 1, 0, 2 * Math.PI); 就不会再画小圆圈了。...原创 2021-10-28 13:51:52 · 851 阅读 · 1 评论 -
安卓自定义名字打离线包apk
注意放的位置:与dependencies同级打离线包放到uniapp的unpackage里再也不用手动改名了。android.applicationVariants.all { variant -> variant.outputs.all { if(variant.buildType.name.equals('debug')){ outputFileName = "android_debug.apk" }// if(v原创 2021-10-26 17:20:53 · 158 阅读 · 0 评论 -
ucharts隐藏y轴刻度值
1,在config-ucharts.js 添加代码 "formatter":{ "yAxisDemo1":function(val){return val+'元'}, "yAxisDemo2":function(){return ''}, "seriesDemo1":function(val){ return val+'元' },2,在组件上使用亲测有效原创 2021-10-21 10:20:38 · 2604 阅读 · 5 评论 -
在uniapp上跳转到安卓原生界面activity
安卓和uniapp混合开发,uniapp使用原生插件的原生界面。注意事项:1.前端代码 var main = plus.android.runtimeMainActivity(); var Intent = plus.android.importClass("android.content.Intent"); var intent = new Intent(main.getIntent()); intent.setClassName(main, "com.example.原创 2021-10-13 22:12:17 · 2979 阅读 · 7 评论 -
记录【未配置appkey或配置错误】安卓开发uniapp的原生插件的步骤及避坑
安卓开发uniapp项目步骤1.下载uni-app提供的Android离线SDK下载地址:https://nativesupport.dcloud.net.cn/AppDocs/download/android下载完毕解压,将 \HBuilder-Integrate-AS 文件夹拷贝到一个干净文件夹里,以后我们就围绕这个文件夹开展工作。要求目录的路径没有中文哦,不然androidstudio会打不开。2.Android Studio导入HBuilder-Integrate-AS导入之后,删除uni原创 2021-09-26 13:42:35 · 7696 阅读 · 14 评论 -
用uni-app仿写抖音短视频APP推荐页(微信小程序版本)
一、可能写文章会让我更有动力去学习吧,那就先把已经实现的推荐页写出来吧。先看看效果:(界面不太美观)可以点击链接看一下动图https://gitee.com/wangjinchan/resume/blob/master/show.gif二、用到的工具1.hbuilderx2.微信开发工具3.Tomcat三、实现过程1.新建一个uni-app项目2.开始做推荐页面(也就是首页)分析一下页面大概有哪些内容:①导航 ②左边短视频文字内容③右边icon点赞评论分享等④底部tab分页 ⑥中间视频原创 2021-07-03 17:51:05 · 4468 阅读 · 0 评论 -
uni-app入门------便签APP的项目记录
1.首先看看效果吧2.项目的功能(1)创建便签(2)对便签进行管理(待办/已完成)3.项目的缺点(1)没有服务接口,只是个UI功能而已,也就是说,创建了便签之后,在退出了APP再进来数据就没有了。以后可能会加数据存储吧,有时间的话。(2)功能比较单一4.项目用到的技术Vue.js css javascript html uni-app框架5.用uni-app框架做出来的APP的优点?可以跨多端运行!!!真的太香了!!!目前我测了便签项目微信小程序和安卓版本的,都可以运原创 2021-06-29 14:02:53 · 1030 阅读 · 0 评论