uniapp
uniapp项目中遇到问题,以及解决办法
✎﹏ℳ๓敬坤
这个作者很懒,什么都没留下…
展开
-
Android uniapp打开应用信息以及以及相关权限
📒 博客首页:✎﹏ℳ๓敬坤的博客 🎈😊 我只是一个代码的搬运工 🎃🎉 欢迎来访的读者关注、点赞和收藏 🤞😉有问题可以私信交流 😆📃 文章标题:uniapp打开系统权限以及相关系统板块🖍Android uniapp打开应用信息以及以及相关权限打开当前应用信息打开应用通知权限打开应用定位权限打开当前应用信息//导入Java类对象安卓Intent类,Intent的作用是提供了一种在不同应用程序中的代码之间执行后期运行时绑定的工具var Intent = plus.android.importC.原创 2022-04-22 09:46:47 · 1139 阅读 · 4 评论 -
【仿某宝做了一个时间组件逻辑】
???? 博客首页:✎﹏ℳ๓敬坤的博客 ???????? 我只是一个代码的搬运工 ???????? 欢迎来访的读者关注、点赞和收藏 ???????? 有问题可以私信交流 ???????? 文章标题:【仿某宝做了一个时间组件逻辑】 ????仿某宝做了一个时间组件逻辑选择时间按天排序效果图分析原图,实现步骤分析代码实现代码效果展示选择时间按周排序某宝效果图分析原图,实现步骤分析代码实现代码效果展示选择时间按天排序效果图分析原图,实现步骤分析首先日历上面有年和月,需要保存下来每个月的一原创 2021-12-26 15:59:56 · 539 阅读 · 14 评论 -
结合同事做的笔记,总结了一份入门到进阶的详细教程
???? 博客首页:✎﹏ℳ๓敬坤的博客 ???????? 我只是一个代码的搬运工 ???????? 欢迎来访的读者关注、点赞和收藏 ???????? 有问题可以私信交流 ???????? 文章标题:Vue从入门到进阶思维导图 ????Vue入门到进阶Vue从入门到进阶思维导图基础篇环境搭建指令class和style绑定内置组件常见的几种事件事件修饰符特殊的attribute常见的实例方法过滤器进阶篇uniapp框架nuxt框架vue-element-adminVue从入门到进阶思维导图基础原创 2021-12-24 13:36:46 · 1434 阅读 · 10 评论 -
Uniapp之WebSocket使用攻略
websocket是什么?是一種網路傳輸協定,可在單個TCP連接上進行全雙工通訊,位於OSI模型的應用層。WebSocket協定在2011年由IETF標準化為RFC 6455,後由RFC 7936補充規範。Web IDL中的WebSocket API由W3C標準化。WebSocket使得客戶端和伺服器之間的資料交換變得更加簡單,允許伺服器端主動向客戶端推播資料。在WebSocket API中,瀏覽器和伺服器只需要完成一次交握,兩者之間就可以建立永續性的連接,並進行雙向資料傳輸 ...原创 2021-12-14 13:34:03 · 2066 阅读 · 2 评论 -
笔记本电脑uniapp真机调试搜索不到设备
遇到的问题,笔记本uniapp真机调试时,搜索不到设备。之前一段时间都是可以运行的,就很突然某一天运行时,然后搜索不到了1.遇到的情况如下:未检测到手机或模拟器2.插上数据线,电脑是有检测到我们的手机3.检查手机是打开开发者模式,允许usb安装,以及usb链接方式设置成了MIDI模式4.打开我的电脑5.找到计算机=>管理,点击管理6.找到设备管理器=>通用串行总线控制器7.右击下面选项找到属性8.点击电源管理,将默...原创 2021-12-13 12:45:56 · 4221 阅读 · 0 评论 -
Uniapp之原生导航栏使用自定义图标,文本
开发遇到input组件聚焦时,系统键盘会默认上推,导致自定义导航栏会消失不见,然后需求是系统键盘上推也要导航栏要固定在头部。解决办法,使用原生导航栏这个时候问题又来了,原生导航栏上面除了返回标题还有一个图标,那我们也可以使用pages.json=>titleNView=>buttons然后自定义图标,但是自定义图标需要使用字体图标,就下载字体图标,然后就可以实现系统键盘上推时导航栏固定在头部1.导航栏自定义文本找到pages.json文件下页面的路径:{ "path".原创 2021-12-09 16:52:44 · 3933 阅读 · 5 评论 -
Uniapp之h5和小程序使用jsonp调用地图API
本篇要点:1.h5使用jsonp调用地图api2.微信小程序嗲用地图api1.h5开发使用jsonp调用地图API开发场景:h5页面操作步骤:1.使用npm 安装 vue-jsonpnpm install vue-jsonp --save-dev下载成功之后,node_modules目录下会有vue-jsonp文件2.在main.js配置vue-jsonpimport { VueJsonp } from 'vue-jsonp'Vue.use(Vue...原创 2021-12-08 16:16:44 · 4260 阅读 · 5 评论 -
Uniapp之API promise化
本次要点:1.promise是什么?2.promise怎么使用?1.promise是什么?promise是一个对象,它代表了一个异步操作的最终完成或者失败。2.promise怎么使用?接下来看一下我们之前是如何调用uniapp里面的API的://这是一个request请求uni.request({ url: 'https://www.example.com/request', success: (res) => { console...原创 2021-12-04 20:08:13 · 1523 阅读 · 0 评论 -
Uniapp之使用h5+打开地图导航
需求:点击某一个按钮打开地图导航1.判断当前设备平台2.判断需要使用的地图APP是否存在3.存在则调用地图APP,不存在则进行提示接下来就是直接上代码:function openMap(latitude,longitude,name){ let url = ""; if (plus.os.name == "Android") { let hasBaiduMap = plus.runtime.isApplicationExist({ .原创 2021-12-03 20:05:36 · 3494 阅读 · 8 评论 -
Uniapp之拨打电话
需求:点击一个电话icon拨打电话实现步骤:1.判断是安卓还是苹果2.安卓使用h5+方法拨打电话3.苹果使用uniapp自带的方法拨打电话接下来直接看代码吧:function telphone(phone){ // 获取设备平台 let platform = uni.getSystemInfoSync().platform switch (platform) { case 'android': uni.showActionSheet({ item..原创 2021-12-02 16:06:19 · 4366 阅读 · 1 评论 -
UniApp之升级弹窗
uniapp实现一个升级弹窗的效果原创 2021-11-25 18:08:43 · 1188 阅读 · 2 评论 -
uniapp之生成海报收款码
使用canvas绘制海报,收款码,以及保存到本地相册原创 2021-11-23 18:01:02 · 977 阅读 · 0 评论 -
input输入框输入限制
输入框输入限制常用场景场景1:只能输入纯数字<input type="text" v-model="serchKey" @input="onInput"/>//定义onInput方法,用来监听serchKey改变时做出响应function onInput(e){ //定义正则表达式只要纯数字,replace方法返回一个由替换值(replacement)替换部分或所有的模式(pattern)匹配项后的新字符串,这个模式可以是字符串也可以是正则表达式 e.target原创 2021-11-18 15:28:29 · 537 阅读 · 0 评论 -
uniapp-实现语音播报功能,实时收款播报
需求:收款时语音播报思路:从通知栏获取通知=>通过通知栏消息传来的状态实行语音播报=>对传来的金额字符串进行替换存为数组=>播放数组音频,实现功能进行开发时需要准备对应的音频文件:0~10,小数点,元,百,千,万文件等话不多说,直接开发:第一步获取通知栏的消息://利用h5+方法监听通知传来的消息,这里建议大家使用透传消息的方法,并且后台传值需要使用自己的格式,不能使用官方传值的格式plus.push.addEventListener('receive', func原创 2021-11-12 17:03:21 · 10199 阅读 · 28 评论 -
uniapp获取当前屏幕的高度,键盘隐藏
可以用来判断键盘是否弹起pages里面配置如下: //收起键盘 uni.hideKeyboard() //判断窗口是否发生变化方法卸载mounted()中 mounted() { uni.onWindowResize((res) => { // console.log('变化后的窗口宽度=' + res.size.windowWidth) // console.log('变化后的窗口高度=' + res.size.windowHeight) this.原创 2021-05-21 16:47:42 · 1338 阅读 · 0 评论 -
uniapp 横竖屏转换
安卓应用横屏更多点击h5+跳转plus.screen.lockOrientation('landscape-primary');安卓应用竖屏plus.screen.lockOrientation('portrait-primary');苹果可以在manifest.json里面配置// 屏幕方向 "screenOrientation": [ "portrait-primary", "landscape-primary", "portrait-second原创 2021-05-20 15:18:33 · 1075 阅读 · 0 评论 -
uniapp-h5+获取通知栏权限
需求:控制消息栏的消息打开和关闭控制消息栏的消息打开和关闭就需要获取手机系统,还有手机通知栏的打开情况第一步我们先获取手机的系统,根据系统然后获取通知栏打开的状态if (plus.os.name == 'Android') {//判断是否是安卓系统 var main = plus.android.runtimeMainActivity(); var pkName = main.getPackageName(); var uid = main.getApplicationInfo原创 2021-11-09 18:19:38 · 5640 阅读 · 6 评论 -
Android平台应用启动时读写手机存储、访问设备信息(如IMEI)等权限策略及提示信息
打开manifest.json文件,切换到“源码视图”项在"app-plus" -> "distribute" -> "android" 节点下添加 permissionExternalStorage 节点permissionExternalStorage节点数据格式如下:原创文章Android平台应用启动时读写手机存储、访问设备信息(如IMEI)等权限策略及提示信息 - DCloud问答...原创 2021-11-03 16:15:07 · 2656 阅读 · 1 评论 -
uniapp ios h5唤醒app获取参数
问题安卓可以正常跳转详情页,苹果可以唤醒但是不能跳转详情页一般检查三布就可以了第一步 配置白名单(在manifest.json文件下配置白名单)// 在app-plus=>distribute=>ios配置如下//从第三方平台唤醒当前app需要配置 "urltypes" : [ { "urlidentifier" : "com.xxx.ddd", "urlschemes" : [ "xxx" ] } ], //在原创 2021-05-26 09:01:57 · 1771 阅读 · 0 评论 -
uniapp ios无法横竖屏(续)
uniapp ios无法横竖屏(续) //第一在manifest.json文件下的app-plus=>distribute下配置: "screenOrientation" : [ "portrait-primary", "landscape-primary", "portrait-secondary", "landscape-secondary" ], //第二在pages.json文件的globalSty原创 2021-05-25 16:08:29 · 1536 阅读 · 2 评论