023 -uniApp
#uniapp
模板
- websocket – 代驾app中封装
nvue
- 对文字进行样式修改,只能用类名选择器,而且需要在中
<text class="card-texts">抢单进行中
</text>
技巧
- "重启应用"的icon在控制台右上角 手机、刷新按钮
- uniapp更新图片后,要ctrl+F5 重新运行,图片才会生效在app上
- manifest.json中appid-----是从‘https://dev.dcloud.net.cn/app/index?type=0’申请来的:“appid” : “__UNI__AA207”,
- 真机调试时打开webview调试面板
warning
包名不对,请检查包名是否与开放平台填写一致
- 微信开放平台配置的包名 ---- 与uniapp 打包时的 android包名不对应。去微信开放平台将包名复制出来,复制到打包时的配置处。
签名不对,请检查签名是否与开放平台上填写的一致
- 使用签名工具生成。解决方法:
- https://blog.csdn.net/xmx5166/article/details/90723722?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param
快捷键
- 工具 – 自定义快捷键
开发
- 读取globalData或赋值的方法是
getApp().globalData.text = 'test'
- 页面跳转
uni.redirectTo({url:'../firsh/firsh'});
- 页面跳转
uni.redirectTo({url:'../login1/login1?backpage='+backpage+'&backtype='+backtype});
- 新建的图片要在static中同步一份
微信小程序 转 uniApp
- 1.
npm install miniprogram-to-uniapp -g
安装全局依赖 - 2.
wtu -V
查看是否安装成功(wtu -> 取自wx to uni之意,后面都用这个全局命令) - 3.在命令行里,输入【
wtu -i "你的小程序项目路径"
】或【wtu -i 你的小程序项目路径
】,注意-i后面有个空格!!!如:【wtu -i "G:\shangcheng"
】;转微信 - 4.回车后即可以在源项目同及目录得到一个后缀为_uni的目录,即转换成功。如下图所示:
转完小程序 后 修改的
- 1.把多余的空白页面路径,在pages.json中删掉
文字转语音 语音播报
testMusic() {var a = uni.createInnerAudioContext();a.src = "http://tts.baidu.com/text2audio?cuid=baiduid&lan=zh&ctp=1&pdt=311&tex=本次行驶里程数为12公里,总计费用25元";a.play()
},
华为审核:
参考:我们发现您的应用提示获取手机存储敏感权限,用户不同意时强制退出应用
在manifest中添加: 注意是once!!!
"permissionExternalStorage" : {"request" : "once","prompt" : "应用保存运行状态等信息,需要获取读写手机存储(系统提示为访问设备上的照片、媒体内容和文件)权限,请允许。"
},
"permissionPhoneState" : {"request" : "once","prompt" : "为保证您正常、安全地使用,需要获取设备识别码(部分手机提示为获取手机号码)使用权限,请允许。"
},
android studio 打包
build.gradle中修改outputFileName = "8号看台.apk"android.applicationVariants.all {variant ->variant.outputs.all {//这里修改apk文件名outputFileName = "8号看台.apk"}}
VUE
Vue.prototype.print = (obj,type) =>{type = type || "log";const log = JSON.parse(JSON.stringify(obj));console[type](log)
}
023 -uniApp相关推荐
- 前端开发~uni-app ·[项目-仿糗事百科] 学习笔记 ·007【uni-app和vue.js基础快速上手】
注:前言.目录见 https://god-excious.blog.csdn.net/article/details/105312456 文章目录 [014]view和text组件和动画使用 常见的尺 ...
- uni-app 中使用 d3js 绘制图形
使用d3js绘制地图的例子有很多,使用的都是geojson的格式 本篇文章实现的是,按照svg path路径,通过 d3js 将图形绘制出来 先看效果图 下面按步骤介绍如何引用 d3,如果想直接使用整 ...
- uniapp 仿网易云音乐播放器 微信小程序
效果视频: uniapp 仿照网易云播放器功能 效果截图: 上代码: <template><view class=""><scroll-view :s ...
- uniapp 鸿蒙,关于前端:uniapp项目安装运行操作手册
一,装置运行环境 1.下载node.js node.js下载链接node.js 请下载长期反对版. 2.装置node.js 装置教程百度可查这里就不具体阐明了,装置教程地址链接 3.验证node是否装 ...
- uniapp 中如何使用echart_uniapp中如何引用echarts
uniapp引用echarts的方法:1.通过uni-app官网直接安装echarts插件生成echarts项目模板:2.创建一个新的hello uni-app项目模板:3.把echarts放到com ...
- uniapp移动端H5在线预览PDF等文件实现源码及注解
uniapp移动端H5预览文件实现分为两个场景处理: (这里以预览PDF文件为示例,在线预览就是查看网络文件) 1. IOS客户端预览PDF文件 IOS客户端预览PDF文件可以通过跳转文件地址实现预览 ...
- uniapp兼容H5和小程序订阅消息授权开发封装,使用方便
本文使用 uniapp 框架开发,因为H5的订阅消息和小程序的订阅消息的授权流程不一样,但是很多地方需要使用授权,所以我封装了一个兼容H5和小程序订阅消息授权的方法,使用比较方便,希望能够帮助到你,实 ...
- uniapp(一) 项目架构,封装
前言: 最近需要搭建一套基于uniapp 的代码模板,适应各平台的快速打包部署,为提高代码复用率,提升生产力,所以需要构建一套优雅的前端项目架构,下面分享记录一下我的封装. 代码封装我暂时分为三个层面 ...
- mpvue 转uniapp 导航栏样式错乱问题修复 tabbar 样式修复
效果图:修改前,修改后 找了半天没找到原因,只能自己改样式了,下面是样式代码(在app.vue 里面加上就行) <style>/*每个页面公共css */uni-tabbar {box-s ...
最新文章
- python中的module
- java51游戏_Java作业实践(一)魔板游戏
- Github上36893颗星!这个被称为下一代企业级应用首选技术你学了么?
- java汉字转化accic_Java自主学习贴
- LeetCode 500. Keyboard Row
- Xpath延伸以及总结
- python自动化测试之mysql5.0版本数据库查询数据时出现乱码问题分析
- 我如何获得了梦想中的亚马逊工作机会?
- mysql load source_再说说LOAD和SOURCE
- 【代码源 Div1 - 109】#454. Minimum Or Spanning Tree(最小生成树,边权按位或,贪心,并查集) CF1624G
- 消息长度_nsq消息队列源码分析
- Focal Loss-RetinaNet算法解析
- dstwo linux 模拟器,dstwo md模拟器使用图文教程
- python图片内容长度识别_python 图片中的表格识别
- oracle10g数据库复制,windows 下oracle 10G 数据库移植到 linux平台 (通过文件直接复制方法)...
- 无蓝光的护眼灯有哪些品牌?盘点无蓝光护眼灯排行榜
- iOS开发 关于tableView加载图片时出现卡顿时的解决办法
- Verdi 知识体系
- 鼠标点击添加动态类名active
- js获取摄像头权限实现拍照功能