![](https://img-blog.csdnimg.cn/20210425093950234.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Uni-app
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。
倘若hfl
这个作者很懒,什么都没留下…
展开
-
uniapp小程序接口返回文件流下载文件
使用uni.request post方法获取文件流,如果是get可以使用uni.downloadFile。原创 2024-07-05 17:56:50 · 595 阅读 · 1 评论 -
uniapp打包安卓app获取包名
2.在app包所在文件夹打开cmd,输入 aapt dump badging xxx.apk。这上面直接可以看到包名,可以修改,也可以在 manifest.json 文件中配置修改。package配置的就是包名,要确保唯一性。1.下载aapt工具,然后添加到环境变量。原创 2023-11-13 10:18:18 · 4473 阅读 · 1 评论 -
uniapp打包安卓app后获取签名证书的SHA1,SHA256,MD5等信息
输入命令 :keytool -printcert -file CERT.RSA。3.打开META-INF目录,在该目录下打开cmd或powerShell。2.将打好的正式版app 后缀改为 .zip,解压。1.先安装jre8,再配置一下环境变量。在证书详情中可以查看,还可以下载证书。获取签名证书信息的方法有两种。原创 2023-11-04 10:55:48 · 2733 阅读 · 0 评论 -
uniapp微信小程序区分正式版,开发版,体验版
或者有些东西不想在正式版显示,只在开发版体验版中显示,也需要去手动隐藏。通常正式和开发环境需要调用不同域名接口,发布时需要手动更换。官方也没有给出判断环境的方法,但其实是有的,也就是。先看下 __wxConfig 包含哪些东西。原创 2023-08-16 15:16:49 · 3845 阅读 · 1 评论 -
uniapp小程序横屏显示样式错乱
vmax 相对于视口的宽度或高度中较大的那个,其中最大的那个被均分为100单位的vmax。vmin 相对于视口的宽度或高度中较小的那个,其中最小的那个被均分为100单位的vmin。这里我们用vmin,100vmin也就是手机屏幕宽度,一般设计图是750rpx。在开发中有时候会需要开发横屏页面,正常竖屏页面的样式横屏之后会放大错乱。原创 2023-06-15 10:47:24 · 1212 阅读 · 0 评论 -
uniapp小程序进入横屏页面后竖屏页面样式错乱放大
整体思路就是 当横屏页面卸载后,让他跳转到空白页,然后再跳转回上一个页面。原创 2023-07-03 10:44:10 · 1462 阅读 · 0 评论 -
uniapp,小程序获取定位,打开地图选择位置失败问题
uniapp小程序选择地理位置接口原创 2022-12-03 14:30:58 · 1918 阅读 · 0 评论 -
uniapp小程序使用RSA加密解密
【代码】uniapp小程序使用RSA加密解密。原创 2022-08-30 09:47:41 · 2214 阅读 · 1 评论 -
uniapp中使用 原生插件 及 自定义基座调式
1.首先在插件市场 购买或试用插件,选择在那个项目中使用(先试用,满足项目需求后再购买)2.打开刚才选择的项目 manifest.json文件 → App原生插件配置 → 云端插件,勾选你要使用的插件注意:试用只能用于打包 自定义基座,不能用于正式发布3.制作自定义基座方法HBx 菜单栏 → 发行 → 原生App 云打包 → 填写好相关的证书文件后 → 勾选自定义基座-》执行打包4.自定义基座制作完成后, 在HBx 菜单栏 → 运行 → 运行到手机或者模拟器 → 运行基座选择 → 选择 自定原创 2022-01-19 10:20:48 · 4750 阅读 · 0 评论 -
uniapp 小程序中使用逆地址解析 获取当前详细地址
描述获取当前定位的经纬度后使用 逆地址解析 获取到详细的地址uniapp和微信小程序获取地址有两个API,getLocation和chooseLocation,但都没有返回省市区等具体信息,那我们可以获取当前经纬度,然后使用逆地址解析接口去获取更多信息逆地址解析概述使用步骤1.前往腾讯位置服务官网 申请keyhttps://lbs.qq.com/dev/console/user/info填写自己小程序的appid2.使用是的,拿到key之后就可以在项目中使用了uni.getLocat原创 2022-01-13 10:05:39 · 2089 阅读 · 1 评论 -
uniapp中uCharts的使用
先看效果注意前提条件【版本要求:HBuilderX 3.1.0+】1、插件市场点击右侧绿色按钮【使用HBuilderX导入插件】,或者【使用HBuilderX导入示例项目】查看完整示例工程2、依赖uniapp的vue-cli项目:请将uni-modules目录复制到src目录,即src/uni_modules。(请升级uniapp依赖为最新版本)3、页面中直接按下面用法直接调用即可,无需在页面中注册组件qiun-data-charts4、注意父元素class='charts-box’这个样式需要原创 2021-11-20 10:08:43 · 9013 阅读 · 3 评论 -
uniapp 小程序实现中间突起tabbar
先看下效果实现步骤1.先引入uview ui,不会的可以看下我另外一篇文章,写的很详细uniapp 中uview-ui的使用教程https://blog.csdn.net/hu104160112/article/details/120076812?spm=1001.2014.3001.55012.创建tabbar 组件及页面3.pages.json文件中配置{ "easycom": { "autoscan": true, "custom": { "^uni-(.*)":原创 2021-09-08 10:48:22 · 5264 阅读 · 19 评论 -
uniapp 中uview-ui的使用教程
1.首先创建uniapp项目2.在头部工具栏 工具→插件安装 中安装 scss/sass编译3.去uni-app插件市场下载插件ZIP,解压后放入项目根目录下载地址:https://ext.dcloud.net.cn/plugin?id=15934.引入uView主JS库在项目根目录中的main.js中,引入并使用uView的JS库,注意这两行要放在import Vue之后。// main.jsimport uView from "uview-ui";Vue.use(uView);原创 2021-09-03 11:15:18 · 4736 阅读 · 2 评论 -
Error: 系统错误,错误码:80200,main package source size 2439KB exceed max limit 2MB (uniapp 小程序分包及分包优化)
当项目过大,超过2M时,我们就要进行分包1.主包中可以只留 主页,登录页,组件,公共js,css,其他都可以放到分包中2.一些只在分包中使用的组件或js,也可以放在分包中,这时可以开启分包优化,这样打包后,就不会占用主包体积假设支持分包的 uni-app 目录结构如下:┌─pages│ ├─index│ │ └─index.vue│ └─login│ └─login.vue├─pagesA│ ├─static│ └─list│ └─list.vue├─p原创 2021-08-30 10:54:30 · 9925 阅读 · 0 评论 -
uniapp 小程序版本自动更新
注意:代码是uniapp的,如果是微信小程序的话,要做出已下修改1.微信小程序代码写在app.js,uniapp写在app.vue里2.uni. 换成 wx.话不多说,上代码,注释写的很详细了onLaunch(options){ autoUpdate() { var that = this; // 获取小程序更新机制兼容 if (uni.canIUse('getUpdateManager')) { const updateMa原创 2021-07-16 11:19:21 · 3228 阅读 · 2 评论 -
uniapp 小程序实现全局所有页面分享 ‘发送给朋友‘和‘分享到朋友圈‘
效果实现一.局部配置,单个页面//发送给朋友onShareAppMessage(){ return { title: '',//分享标题 path: ''//分享页面路径 imageUrl: '',//分享图标 desc:'',//自定义分享描述 }},//分享朋友圈onShareTimeline() {}, 二.全局配置1.创建share.js文件module.exports = { onShow() { let pages = getCurrentP原创 2021-07-02 14:13:28 · 6285 阅读 · 8 评论 -
uniapp 中使用彩色图标,引入阿里图库iconfont
1.选择symbol模式,下载到本地2.下载后解压3.在解压开的文件夹中 shift+右键 打开powershell 窗口执行代码:npm install -g iconfont-tools4.然后执行代码:iconfont-tools然后一路回车5.文件夹中就多出一个文件 iconfont-weapp6.把 iconfont-weapp-icon.css 移入你的项目中7.App.vue中添加以下代码@import "./common/iconfont-weapp/iconf原创 2021-06-18 10:44:42 · 1004 阅读 · 4 评论 -
uniapp和小程序返回上一页前弹出提示弹窗,确定才允许返回
场景:小程序中某个页面数据没保存,返回上一页弹出提示弹窗,确定才允许返回使用的apiwx.enableAlertBeforeUnload:开启小程序页面返回询问对话框wx.disableAlertBeforeUnload:关闭小程序页面返回询问对话框适用:安卓虚拟返回按键,安卓全面屏左右滑动返回手势,安卓和苹果左上角返回不适用:苹果向右滑返回,安卓带虚拟按键向右滑返回(这两种好像官方社区也没回应)注意:1.wx.enableAlertBeforeUnload要搭配wx.disableAler原创 2021-06-07 10:31:06 · 8391 阅读 · 1 评论 -
uniapp中使用uni.$emit和uni.$on进行页面通讯传值
注意事项1.uni.emit、uni.emit、 uni.emit、uni.on 、 uni.once、uni.once 、uni.once、uni.off 触发的事件都是 App 全局级别的,跨任意组件,页面,nvue,vue 等2.使用时,注意及时销毁事件监听,比如,页面 onLoad 里边 uni.on注册监听,onUnload里边uni.on 注册监听,onUnload 里边 uni.on注册监听,onUnload里边uni.off 移除,或者一次性的事件,直接使用 uni.$once 监听A原创 2021-06-02 09:57:33 · 13755 阅读 · 5 评论 -
uni-app中vuex,store的使用
首先在根目录下创建store目录在里面创建index.jsindex.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: {}, mutations: {}, actions: {}})export default storemain.js中挂载vueximport Vue from 'vue'import App fr原创 2021-05-26 13:46:30 · 1586 阅读 · 0 评论 -
uniapp小程序中input内容选中效果
先看下效果点击按钮选中input的内容,使用 focus 配合 selection-start和selection-end实现//html<view class="pickbox"> <input class="uni-input" type="text" v-model="value" :focus="renameFocus" :selection-start="start" :selection-end="end" @blur="bindblur"/> <bu原创 2021-05-19 11:48:41 · 6105 阅读 · 11 评论 -
uniapp中返回上一页传值的方法,getCurrentPages()
场景:从A页面跳到B页面,操作成功后,uni.navigateBack()返回A页面并传值,不是链接带参数看到网上很多说用 prevPage.setData,试了一下发现不行,然后打印prevPage发现没有setDatavar pages = getCurrentPages(); // 获取页面栈var currPage = pages[pages.length - 1]; // 当前页面var prevPage = pages[pages.length - 2]; // 上一个页面可以看到原创 2021-05-17 12:01:28 · 5167 阅读 · 0 评论 -
uni-app中页面生命周期与vue生命周期的执行顺序
应用生命周期页面生命周期组件生命周期执行顺序1.beforeCreate2.onLoad3.created4.onShow5.beforeMount6.onReady7.mounted8.beforeUpdate9.updated10.返回上一页时,会执行onUnLoad,并未有执行destroyed,并未执行onHide11进入下一页时,会执行onHide这四个的执行顺序是这样的onLoad>created>onShow>mounted...原创 2021-04-30 11:24:48 · 3292 阅读 · 1 评论 -
uniapp中showToast之后延迟跳转页面,解决提示在真机中一闪而过
问题描述请求接口需要调用 uni.showLoading(),接口请求结束调用 uni.hideLoading(),满足需求条件后调用 uni.showToast()给用户提示信息,在开发者上正常,但是在真机上会出现提示信息一闪而过。产生原因uni.showLoading() 和 uni.showToast() 调用的是同一个框,都受 uni.hideToast() 或者 uni.hideLoading() 的影响。比如在真机上你的代码顺序为 uni.showLoading() =>uni.h原创 2021-04-27 14:05:11 · 9879 阅读 · 2 评论 -
uniapp中省市区三级联动选择
如果只要考虑微信小程序的话,直接用 mode = region 就行,要兼容其他端就要自己写了先开下效果代码如下//html<view @click="showpop>所在地址:{{citytext}}</view><view class="addressPopup-box"> <uni-popup id="addressPopup" ref="addressPopup" :type="'bottom'" @change="change">原创 2021-04-25 14:28:04 · 2029 阅读 · 0 评论