![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app
uni-app,uni-app,uni-app,uni-app,uni-app,uni-app,uni-app。
草字
点点关注点点赞,私信问答先回复。
展开
-
APP端webview嵌套h5页面,h5的返回按钮点击没有效果?
比如第三方客服,在h5页面中提供了返回按钮,而在app端并没有提供返回按钮,让用户用物理返回键返回。关于app端嵌套h5的页面,原创 2022-08-29 14:56:44 · 3107 阅读 · 0 评论 -
uniapp 复制功能,ios复制不了,h5复制不了,部分浏览器无法复制
针对h5页面,ios和android端通过webview嵌套我们网页时。原创 2022-08-26 17:30:28 · 4512 阅读 · 0 评论 -
uniapp 常用基本样式base.css
代码】uniapp常用基本样式base.css。原创 2022-07-22 14:07:18 · 569 阅读 · 0 评论 -
uniapp 实现抽奖幸运大转盘功能
手写抽奖转盘功能。原创 2022-07-20 16:37:59 · 6596 阅读 · 5 评论 -
uniapp 开发app时获取唯一标识OAID,imei,ooid
获取OAID:设备的唯一标识获取imei,ooid:安卓10以上的手机已经拿不到e.imei了,所以直接使用uuid。原创 2022-06-07 10:36:44 · 14518 阅读 · 6 评论 -
uniapp打包APP时,如何生成自有证书,证书在哪里找
打包APP的时候,我们都知道需要证书,Android开发打包的时候需要,h5打包Android的应用包时也需要。那么证书又是从哪里来的呢?按照如下步骤一步一步进行即可。一、安装jre环境。首先你的电脑需要有java的jre环境。下载地址:https://www.oracle.com/java/technologies/downloads/然后下载对应自己电脑系统的安装包,我这里是window,下面的三个下载方式都是可以的,我选择下载64位的安装文件。安装时,选择默认电脑文件路径。安装原创 2022-05-26 14:52:18 · 5124 阅读 · 0 评论 -
uniapp 打包时报错:云端服务器返回错误,此应用DClound的Appdid非当前账号所有。
打包时报错:云端服务器返回错误,此应用DClound的Appdid非当前账号所有。解决方案:当前项目创建时跟目前打包的DClound账号不一样,需要重新获取一下。点击manifest.json => 基础配置 => 重新获取(如下图) 就可以了。...原创 2022-05-26 14:35:20 · 2373 阅读 · 0 评论 -
uni-app 移动端本地储存数据库sqlite,无存储限制
对于移动端,我们使用setStorage存储数据,但是这种方法总是有存储大小的限制,一般是2M或5M,如果我们希望存储到本地的数据无限制,就像微信聊天的消息一样,那么我们就必须使用移动端SQLite数据库。SQLite模块用于操作本地数据库文件,可实现数据库文件的创建,执行SQL语句等功能。官方文档位置:HTML5+ API Reference方法:openDatabase: 打开数据库 isOpenDatabase: 判断数据库是否打开 closeDatabase: 关闭数据库原创 2021-11-24 14:01:29 · 11620 阅读 · 12 评论 -
uni-app 未检测到手机或模拟器,请稍后重试
运行手机时一直无法检测到设备:遇到这种情况,我们需要将手机上的开发者权限打开:原创 2021-11-24 11:22:58 · 5043 阅读 · 0 评论 -
uni-app 安装及使用cc-ui框架,简洁,自定义和拓展组件功能(推荐)
官方文档:https://ladychatterleylover.github.io/cc-ui-web/components/guide/intro/intro.htmlgithub开源代码:https://ladychatterleylover.github.io/cc-ui-web/components/guide/intro/intro.html一、安装cc-ui框架。方法1、前往github,下载开源代码,将“components”文件夹下的所有代码组件复制到自己项目的“com原创 2021-08-12 17:57:48 · 641 阅读 · 0 评论 -
uni-app 监听页面滚动(页面或组件)
如果是页面,存放在“pages”下的文件,通过生命周期函数: onPageScroll(res) { console.log("页面滚动了") uni.$emit('onPageScroll', res.scrollTop); },如果是组件,存放在“components”下的文件,通过调用方法,监听页面滚动事件,代码: mounted() { var that = this; uni.$on('onPag原创 2021-07-23 17:30:41 · 17910 阅读 · 5 评论 -
uni-app 安装和使用“u-view(uView)”UI框架
v-view官网:https://www.uviewui.com/本篇文章不采用npm安装。一、下载u-view相关源码。下载地址:https://ext.dcloud.net.cn/plugin?id=1593解压后,将里面的所有内容全部复制到自己的项目根目录中,二、引入相关依赖。1.首先在main.js,引入并使用uView的JS库。// main.jsimport uView from "uview-ui";Vue.use(uView);2.在项目根目录的u.原创 2021-07-03 12:09:51 · 3823 阅读 · 0 评论 -
html5 微信公众号网页调试,如何在微信浏览器打开调试
一、步骤一,打开微信开发者工具。二、步骤二,在如下图输入框中输入链接即可。原创 2021-03-10 09:41:13 · 2167 阅读 · 0 评论 -
uni-app 自定义页面时,如何减去导航栏(状态栏)的高度
html:<template> <view class="page" :style="{'padding-top': statusHeight+'px'}"> <!--此处为内容--> </view></template>js:computed: { //状态栏高度 statusHeight(){ return uni.getSystemInfoSync().statusBarHeight...原创 2021-02-26 15:37:07 · 5387 阅读 · 0 评论 -
uni-app 监听移动端的物理返回键
onBackPress(options) { console.log("用户按下物理返回键");},原创 2021-02-20 10:30:38 · 5374 阅读 · 0 评论 -
uni-app 分包
https://www.cnblogs.com/jsccc520/p/13930358.html原创 2021-02-20 10:03:59 · 300 阅读 · 0 评论 -
uni-app 不支持v-show,那么如何实现v-show相同的功能
可以通过动态绑定属性style,通过控制样式display:<view class="flex_center" :style="isShowInput?'':'display:none;'"> <inputclass="input_digit" type="digit" placeholder="输入金额" maxlength="5" v-model="value"/></view>...原创 2021-02-19 14:15:09 · 2496 阅读 · 0 评论 -
uni-app 输入框聚焦,在弹窗时出现问题
解决方法:首先用一个变量来绑定输入框的focus属性,当它为true时就是聚焦状态,false就是失去焦点。<input :focus="tipFocus" class="input_digit" type="digit" placeholder="自定义小费" maxlength="5" v-model="value"/>data() { return { tipFocus:false,//输入框是否聚焦 ...原创 2021-02-19 13:57:00 · 3199 阅读 · 0 评论 -
uni-app 取消小程序上按钮button的默认边框
button::after{ border: none;}原创 2021-02-07 17:58:16 · 1902 阅读 · 0 评论 -
uni-app 自定义导航栏,同时开启下拉刷新,报错:“in JSON at position 985”
{ "path": "pages/index/index", "style": { "enablePullDownRefresh": true, "navigationStyle": "custom" } }注意:不要将“enablePullDownRefresh”布尔值放在最后。原创 2021-02-05 11:14:13 · 521 阅读 · 0 评论 -
uni-app 生命周期:应用,页面,组件
uni-app的生命周期有三种:应用生命周期,页面生命周期,组件生命周期。在合理的生命周期内做应该的操作。一、应用生命周期,app.vue文件中:onLaunch:function(){ //onLaunch只能在app.vue //登录操作,全局变量},onShow:function(){},onHide:function(){}onLaunch:应用初始化完成触发一次,全局只触发一次;onShow:应用启动的时候,或者从后台进入前台会触发;onHide:...原创 2021-02-04 13:54:23 · 710 阅读 · 0 评论 -
uni-app 再次进入相同页面不会刷新,没有重新请求
不要将请求之类的放到onLoad中,如: onLoad(option){ this.id=option.id; this.getOrderInfo(); }将所有请求放到,onShow中: onShow(){ this.getOrderInfo(); }原创 2021-02-04 13:31:14 · 3268 阅读 · 10 评论 -
js html编码和解码函数(html实体和html字符串)
//html编码,字符串转为实体function htmlEncodeByRegExp(str) { var temp = ""; if (str.length == 0) return ""; temp = str.replace(/&/g, "&"); temp = temp.replace(/</g, "<"); temp = temp.replace(/>/g, "&.原创 2021-02-03 15:57:21 · 1116 阅读 · 0 评论 -
uni-app 在移动端input输入框输入数字的时候,不能输入小数点问题。(type=“number“)
如果input输入框type=“number”,那么最后在移动端,不会出现小数点,也就不能输入小数。<inputtype="digit" placeholder="请输入价格" />只有将输入框的type=“digit”:<inputtype="digit" placeholder="请输入价格"" />...原创 2021-02-02 17:49:38 · 6587 阅读 · 2 评论 -
vue 设置css通用的颜色变量(主题色)
1.首先在目录“src/assets”下新建两个文件:“base.css”(基本样式)和“config.css”(颜色变量存放位置,方便随时修改主题色)。2.config.css文件中,定义变量如:/*主题色*/$themeColor:#45b795;$borderColor: #EEE;// 背景色$bgColor:#FAFAFAFA;// 按钮$btn-red:#ef5728;3.base.css(基本样式),引入如下:@import "./config.css";ht原创 2021-02-01 13:53:11 · 9676 阅读 · 0 评论 -
vue uni-app 裁剪图片(裁剪头像)插件vue-image-cropper
一、项目预览。效果:一个手指拖动,可以移动图片,两个手指拖动可以缩放。下载该项目:git clone https://github.com/Q956164483/vue-image-cropper.git运行:npm icdvue-image-croppernpm run serve二、应用在自己的项目。1.复制“vue-image-cropper”项目中的 ./src/components/imageCropper.vue文件 (imageCroppe.原创 2021-02-01 13:36:24 · 6931 阅读 · 3 评论 -
vue,uni-app 移动端UI框架(组件库)
一、Vant UI轻量、可靠的移动端 Vue 组件库https://youzan.github.io/vant/#/zh-CN/intro二、uView:多平台快速开发的UI框架。https://www.uviewui.com/components/intro.html三、Muse UI基于 Vue 2.0 优雅的 Material Design UI 组件库。https://muse-ui.org/#/zh-CN四、Cube UIdidi.github.io/cub原创 2021-01-25 17:44:23 · 15153 阅读 · 5 评论 -
uni-app 编译运行时报错 Error: No matching use for foo.js
如果开始安装依赖的时候采用的“cnpm i”,那么就删除node_modules目录,重新执行命令安装:npm install原创 2021-01-25 10:39:08 · 571 阅读 · 0 评论 -
uni-app 运行时报错“‘cross-env‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。”
uni-app 运行时报错“'cross-env' 不是内部或外部命令,也不是可运行的程序 或批处理文件。”先执行以下命令:cnpm i原创 2021-01-14 10:32:12 · 2607 阅读 · 3 评论 -
uni-app 页面切换间的动画,页面跳转之中的动画
官网位置:https://uniapp.dcloud.io/api/router?id=animation原创 2020-12-09 15:13:53 · 10603 阅读 · 8 评论 -
uni-app 下拉刷新和上拉加载(优化)
先在pages.json中将需要添加上拉刷新或下拉加载的页面添加如下代码:“enablePullDownRefresh”:true //开启下拉刷新项目结构:"pages": [{ "path": "pages/search/search", "style": { "navigationBarTitleText": "uni-ui基础项目", "h5":{ "titleNView":false }, "enablePullDownRefresh":true原创 2020-10-19 16:57:32 · 1881 阅读 · 0 评论 -
uni-app h5平台取消标题栏
“h5”:{“titleNView”:false}pages.json配置结构位置:"pages": [{ "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-ui基础项目", "h5":{ "titleNView":false } } } ,{ "path" : "pages/search/search", "style" : { "navigat.原创 2020-10-19 10:44:55 · 1692 阅读 · 0 评论