一粒程序米的博客_uni-app原创博文

当uniapp遇上滚动穿透，巧妙的解决方式~

上一次遇上这个滚动穿透，我是暴力解决的，当uniapp遇上可恶的滚动穿透的时候，我是怎么暴力解决的，今天学会了一个巧妙的方式，几行代码，超级方便好用，爱了爱了…就是利用page-meta标签的page-style属性！page-meta 的page-style属性相当于HTML的body属性，这个点很重要

uniapp滚动穿透

滚动穿透

meta标签

好用

移动端

原创 2022-04-26 23:08:58 2429 阅读

uniapp退出当前页面并传参数给上一个页面

当前页面在退出时 uni.$emit("zxpg", { zxpg: res.tips, }); uni.navigateBack(); //返回上一个页面在上一个页面的onShow uni.$on("zxpg", (data) => {

javascript

前端

vue.js

当前页

原创 2022-04-26 23:08:42 673 阅读

uniapp动画

效果图代码：<template> <view> <view class="circle" :animation="animationData" @click="turn" > {{tips}} </view>

动画

javascript

前端

原创 2022-04-26 23:06:12 756 阅读

uniapp自定义弹窗之随时更换弹窗背景的实现

自定义弹窗之随时更换背景图

vue.js

javascript

前端

自定义弹窗

ide

原创 2022-04-26 23:05:40 1479 阅读

uniapp获取上个月、下个月的月初和月末的日期实现

<template> <view> <button type="" @click="last()">上一月</button> <button type="" @click="next()">下一月</button> <view class="" > {{startDate}} </view> <view class=""> {{endDate}} </...

前端

日期

原创 2022-04-26 23:05:20 2144 阅读

uniapp实现自定义弹窗组件，可以在app全局任意地方使用

此组件可以在app全局使用，因此需要用到vuex。1.首先安装vuex通过此命令安装 npm install vuex --save2.创建initModal.jsimport Vuex from 'vuex'// 自定义弹窗export defaul

vue.js

前端

javascript

ide

自定义

原创 2022-04-26 23:03:51 10000+阅读

uniapp样式穿透

有时候会遇到在class上修改的样式会无效，是因为遇到了样式穿透，在vue开发过程中，当我们引入第三方组件库时(如使用element-ui)，需要在局部组件中修改第三方组件库样式，而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过一些方法穿透scoped。<style scoped> ::v-deep .act-view-radio{ background: #

样式穿透

选择器

开发过程

原创 2022-04-19 15:57:00 1405 阅读

在在uniapp安卓插件里面（非activity类里面）调用startActivityForResult

((Activity) mWXSDKInstance.getContext()).startActivityForResult(intent, 1002);Activity、serivice、Application这几个类都是继承至Contex的，Contex可以理解为一个场景，或者说一个使用场景，活动、服务、广播都可以理解为一个场景，startActivity可以直接由Contex来调用，而st

android

uniapp

使用场景

原创 2022-03-30 17:27:11 341 阅读

当uniapp遇上可恶的滚动穿透的时候，我是怎么暴力解决的

uniapp滚动穿透的bug

滚动穿透

uniapp

vue

遮罩层

上下滑动

原创 2022-03-23 11:01:26 1406 阅读

uni-app入门------便签APP的项目记录

1.首先看看效果吧2.项目的功能（1）创建便签（2）对便签进行管理（待办/已完成）3.项目的缺点（1）没有服务接口，只是个UI功能而已，也就是说，创建了便签之后，在退出了APP再进来数据就没有了。以后可能会加数据存储吧，有时间的话。

uni-app

ico

f5

原创 2022-01-24 15:47:20 127 阅读

uniapp无法唤起相机的避坑之旅（安卓10以上，以及鸿蒙手机）

唤起相机代码：this.$refs.gmyImgCropper.chooseImage1();this.buttonType=0;测试手机

harmonyos

android

华为

uni-app

ide

原创 2022-01-16 15:33:33 1003 阅读

用uni-app仿写抖音短视频APP推荐页（微信小程序版本）

一、可能写文章会让我更有动力去学习吧，那就先把已经实现的推荐页写出来吧

uni-app

ico

git

原创 2022-01-16 15:32:38 606 阅读

ucharts折线图出现断点时画小圆圈（当线的width很大时，小圆圈会很大）

症状如图：ucharts折线图出现断点时画小圆圈（当线的width很大时，小圆圈会很大），当数据不是连续的时候，就会画小圆圈。

uni-app

ucharts

数据

折线图

原创 2022-01-16 15:27:37 273 阅读

安卓自定义名字打离线包apk

注意放的位置：与dependencies同级打离线包放到uniapp的unpackage里再也不用手动改名了。

android

android studio

java

离线

原创 2022-01-16 15:25:29 65 阅读

ucharts隐藏y轴刻度值

1，在config-ucharts.js 添加代码 "formatter":{ "yAxisDemo1":function(val){return val+'元'}, "yAxisDemo2":function(){return ''}, "seriesDemo1":function(val){ return val+'元' },2，在组件上使用亲测有效

web app

uni-app

原创 2022-01-16 15:25:20 892 阅读

在uniapp上跳转到安卓原生界面activity

安卓和uniapp混合开发，uniapp使用原生插件的原生界面。注意事项：1.前端代码

android

安卓项目

xml

原创 2022-01-16 15:25:13 803 阅读

uniapp遇到E/NativeInvokeHelper: io.panxu.plugin.PanxuModule@556eac9 Invoker pay exception:java.lang避坑

…

weex

前端

android

uni-app

重启

原创 2022-01-16 15:23:52 258 阅读

uniapp判断是否有网

在请求网络之前需要检查网络状态，如果没有网就可以走缓存方法

前端

javascript

.net

3g

网络类型

原创 2022-01-16 15:23:45 645 阅读

记录【未配置appkey或配置错误】安卓开发uniapp的原生插件的步骤及避坑

安卓开发uniapp项目步骤 1.下载uni-app提供的Android离线SDK下载地址：https://nativesupport.dcloud.net.cn/AppDocs/download/android 下载完毕解压，将 \HBuilder-Integrate-AS 文件夹拷贝到一个干净文件夹里，以后我们就围绕这个文件夹开展工作。要求目录的路径没有中文哦，不然android

android

.net

离线

原创 2022-01-12 10:14:01 2363 阅读

uniapp无法唤起相机的避坑之旅（安卓10以上，以及鸿蒙手机）

唤起相机代码：this.$refs.gmyImgC

harmonyos

android

华为

uni-app

ide

原创 2022-01-05 15:24:19 1144 阅读

uniapp判断是否有网

在请求网络之前需要检查网络状态，如果没有网就可以走缓存方法1uni.getNetworkType({ success: function (res) { console.log(res.networkType);//网络类型 wifi、2g、3g、4g、ethernet、unknown、none if(res.networkType === "none"){

前端

javascript

.net

3g

网络类型

原创 2021-12-25 13:58:29 660 阅读

ucharts隐藏y轴刻度值

1，在config-ucharts.js 添加代码 "formatter":{ "yAxisDemo1":function(val){return val+'元'}, "yAxisDemo2":function(){return ''}, "seriesDemo1":function(val){ return val+'元' },2，在组件上使用亲测有效

web app

uni-app

原创 2021-12-04 17:53:04 1079 阅读

用uni-app仿写抖音短视频APP推荐页（微信小程序版本）

一、可能写文章会让我更有动力去学习吧，那就先把已经实现的推荐页写出来吧。先看看效果：（界面不太美观）可以点击链接看一下动图https://gitee.com/wangjinchan/resume/blob/master/show.gif二、用到的工具1.hbuilderx2.微信开发工具3.Tomcat三、实现过程1.新建一个uni-app项目2.开始做推荐页面（也就是首页）分析一下页面大概有哪些内容：①导航 ②左边短视频文字内容③右边icon点赞评论分享等④底部tab分页 ⑥中间视频

uni-app

ico

git

分页

导航栏

原创 2021-12-04 16:30:16 664 阅读

uni-app入门------便签APP的项目记录

1.首先看看效果吧 2.项目的功能（1）创建便签（2）对便签进行管理（待办/已完成） 3.项目的缺点（1）没有服务接口，只是个UI功能而已，也就是说，创建了便签之后，在退出了APP再进来数据就没有了。以后可能会加数据存储吧，有时间的话。（2）功能比较单一 4.项目用到的技术Vue.js css javascript html uni-app框架 5.用uni-app框架做出来的APP的优点？

uni-app

ico

f5

状态栏

css

原创 2021-12-04 16:30:06 337 阅读

ucharts折线图出现断点时画小圆圈（当线的width很大时，小圆圈会很大）

症状如图：ucharts折线图出现断点时画小圆圈（当线的width很大时，小圆圈会很大），当数据不是连续的时候，就会画小圆圈。修改源码即可解决：在u-charts-v2.0.0.js里的drawLineDataPoints注释掉// context.arc(points[0].x, points[0].y, 1, 0, 2 * Math.PI); 就不会再画小圆圈了。...

uni-app

ucharts

数据

折线图

原创 2021-12-04 15:42:06 358 阅读

uniapp遇到E/NativeInvokeHelper: io.panxu.plugin.PanxuModule@556eac9 Invoker pay exception:java.lang避坑

…

weex

前端

android

uni-app

重启

原创 2021-12-04 15:41:42 192 阅读

记录【未配置appkey或配置错误】安卓开发uniapp的原生插件的步骤及避坑

安卓开发uniapp项目步骤 1.下载uni-app提供的Android离线SDK下载地址：https://nativesupport.dcloud.net.cn/AppDocs/download/android 下载完毕解压，将 \HBuilder-Integrate-AS 文件夹拷贝到一个干净文件夹里，以后我们就围绕这个文件夹开展工作。要求目录的路径没有中文哦，不然androidst

android

.net

离线

安卓项目

ide

原创 2021-12-04 15:37:11 2079 阅读

在uniapp上跳转到安卓原生界面activity

安卓和uniapp混合开发，uniapp使用原生插件的原生界面。注意事项： 1.前端代码 var main = plus.android.runtimeMainActivity(); var Intent = plus.android.importClass("android.content.Intent"); var intent = new Inte

android

安卓项目

xml

布局文件

javascript

原创 2021-12-04 15:36:19 2189 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

一粒程序米的博客