uniapp
文章平均质量分 58
只爱吃菜不吃饭
谢谢你这么厉害还关注我~
展开
-
uni-app项目配置UrlSchemes在外部打开APP
已经安装跳转应用的情况1.对于IOS配置打包配置路径manifest->app-plus->distribute->ios注意不要使用大写及中文以及特殊字符等,示例代码如下"urltypes" : [ { "urlidentifier" : "com.runtest.test", "urlschemes" : [ "runtest" ]原创 2021-03-30 15:14:30 · 10195 阅读 · 3 评论 -
uniapp中地图使用注意事项
1. 地图中添加cover-view时,一定要设置高度,否则map在苹果手机端会无法移动和缩放2.cover-view中添加scroll-view需要用一个父元素包起来,否则在添加数据后,在ios端可能会出现高度不生效的问题3. 绘制markers时务必要先勇一个中间变量存起来后再一次性赋值给markers,不能直接操作markers,路线绘制同理...原创 2021-03-25 13:05:39 · 2348 阅读 · 0 评论 -
uniapp资源在线升级/热更新,整包热更新
先介绍整包更新:一般iOS Appstore的安装包,无法直接更新。App启动后检查有新版本,只能调整到Appstore,然后用户在Appstore的详情页点击更新按钮。而Android App,可以直接下载新的apk,只要包名和证书不变,就可以覆盖安装。首先在app启动入口检测是否需要更新:uni.request({ url: 'you url', //仅为示例,并非真实接口地址。 method: 'GET', success: res => { cons原创 2021-03-11 17:44:50 · 1361 阅读 · 0 评论 -
echarts使用过程中遇到的小问题汇总
1. 饼图位置确定不能由grid来设置,需要使用center和radius要设置;2. legend过长超出范围时设置显示方式:方式1:官网给出的方案:label{overflow:"none"}文字超出宽度是否截断或者换行。配置width时有效'truncate'截断,并在末尾显示ellipsis配置的文本,默认为... 'break'换行 'breakAll'换行,跟'break'不同的是,在英语等拉丁文中,'breakAll'还会强制单词内换行 (但是我的玫瑰图配置后无...原创 2021-02-24 09:53:05 · 6774 阅读 · 2 评论 -
uniapp中在线预览(打开)文件
基于官方openDocument方法。同保存图片至本地相同,该方法路径参数不支持网络路径,因此需要使用downloadFile后获取一个临时路径loadFile(url) { uni.downloadFile({ url: url, success: (res) => { if (res.statusCode === 200) { uni.openDocument({ filePath: res.tempFilePath,原创 2020-11-17 14:59:10 · 16643 阅读 · 0 评论 -
uniapp中图片下载到相册的功能
基于方法saveImageToPhotosAlbum官方文档中介绍到,参数filePath可以是临时文件路径也可以是永久文件路径,不支持网络图片路径。那么如何将app中后台返回的图片(服务器地址)下载到手机相册中呢?可以先使用downloadFile方法,下载成功后成功的回调函数中会返回一个临时路径,再将此路径给上一个SDK即可;完整代码参考:loadImage(url) { uni.showLoading({ mask: true, title: "图片保存中原创 2020-11-17 14:26:37 · 1626 阅读 · 0 评论 -
uniapp中自定义tabbar
本次自动以tabbar在插件库sdk基础上完成,感谢巨人的肩膀。另外uniapp官方正在于此功能进行投票,后期可能官方就可以支持该功能啦~插件地址:https://ext.dcloud.net.cn/plugin?id=1425实现步骤:1.在插件商店中导入插件至所需要的项目中,2.page.json中设置正常tabbar展示的数组列表3.在登录页面权限判断看是否展示自定义tabbar:uni.setStorageSync('isExternal', res.data.isExte原创 2020-11-13 16:07:56 · 3099 阅读 · 0 评论 -
uniapp中强制横屏、竖屏
plus.screen.lockOrientation('portrait-primary');竖屏plus.screen.lockOrientation('landscape-primary');横屏原创 2020-11-13 15:45:19 · 4861 阅读 · 0 评论 -
uniapp中使用echart,单个或者多个,封装组件后echart图表不刷新
此文以饼图数据为例:对于单个图标渲染,只需要在结构和js中插入以下代码即可<view @click="echarts.onClick" :prop="option" :change:prop="echarts.updateEcharts" id="echarts" class="echarts-pie"></view>设置变量:option: { graphic: [{ //环形图中间添加文字 ...原创 2020-11-05 22:22:48 · 1835 阅读 · 3 评论 -
uniapp中弹起软键盘的相关设置,ios中软键盘弹起不兼容的混合写法
1.首先需要在page.json中设置软键盘弹起的相关属性{"path": "your page link", "style": { "app-plus": { "softinputMode": "adjustResize", // 自适应软键盘弹起页面高度 "softinputNavBar": "none" // 取消ios中软键盘上方完成按钮等 } }}2.页面中动态设置需要滚动的元素高度// 键盘获取焦点事件:inputFocus(e) { let sys原创 2020-11-02 19:23:04 · 5137 阅读 · 4 评论