![](https://img-blog.csdnimg.cn/20190918140053667.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Uni-app
文章平均质量分 54
对Uni-app框架使用过程中的问题提供解决方法与指导
兴趣使然的码仔
要打开真理之门就需要付出对等的代价
展开
-
使用vue-cli脚手架创建uni-app工程
全局安装vue-clinpm install -g @vue/cli@vue/cli是新版本,旧版本需要先卸载,再安装新版本,或者覆盖安装(容易出错)创建工程vue create -p dcloudio/uni-preset-vue %projectName%这一步是使用github上dcloud的模板创建项目,所以需要联网,且访问github服务器时可能会出问题。按照如下步骤排查解决:检查命令拼写是否错误尝试更换npm镜像推荐淘宝镜像或npmjs镜像检查机器网络配置是否设置了拦截或代原创 2021-07-19 10:34:23 · 563 阅读 · 2 评论 -
Uni-app运行到mumu模拟器
安装MuMu模拟器下载链接下载安装后打开HbuilderX设置页面设置adb路径与模拟器端口这里有个大坑,有些教程是让使用HbuilderX路径下的adb.exe文件路径,但是这样配置HbuilderX识别不到MuMu模拟器。所以建议使用MuMu模拟器自带的adb_service路径,路径如下:MuMu模拟器安装路径/emulator/nemu/vmonitor/bin/adb_server.exeMuMu模拟器的端口号为固定的7555,将这两者填入下面的如下位置:设置环境变量在 计算原创 2021-07-16 10:36:00 · 8995 阅读 · 8 评论 -
Uni-app运行到微信开发者工具
Uni-app运行到微信开发者工具安装微信开发者工具添加运行配置打开微信开发者工具的服务端口运行项目安装微信开发者工具下载路径选择稳定版进行下载安装记住安装路径,例如:D:\Program Files (x86)\Tencent\微信web开发者工具添加运行配置在HBuilderX顶部工具栏->工具->设置->运行设置中将微信开发者工具安装目录贴入打开微信开发者工具的服务端口如果微信开发者工具的服务端口不打开,Hbuidlerx编译时会有如下报错:运行项目在HB原创 2021-07-15 11:41:43 · 1452 阅读 · 0 评论 -
Uni-app入坑笔记(二)
Uni-app配置文件--------pages.json:pages.json文件用来对uni-app进行全局配置,决定页面文件的路径,窗口表现,设置多tab等pages.json配置项列表:globalStyle Object 否 设置默认界面的窗口表现pages Object Array 是 设置页面路径及窗口表现tabBar Object 否 设置底部 tab 的表现cond...转载 2020-10-26 08:42:53 · 337 阅读 · 0 评论 -
跨平台框架Uni-app入坑笔记(一)
一、介绍Uni-app是一个前端框架,使用Vue.js开发,继承自Vue.js,提供了完整的Vue.js体验。Vue文字教程请访问W3Cschool课程Vue视频教程请访问Bilibili相关视频课程,视频课程使用VS编辑器,讲解较为详细。提供了条件编译优化,可以为某个平台编个性化代码而不影响其他平台。打包到APP时使用5+引擎,5+的所有能力都可以在uni-app中使用。二、开发工具和环境开发工具使用HbuilderX(内置uni-app项目模板):下载地址微信开发者工具(原创 2020-10-24 19:13:11 · 277 阅读 · 0 评论 -
pages.json原生导航栏配置
在配置导航栏标题文字时,通常会提示使用 navigationBarTitleText 属性,但是在配置文字字体和字号等属性的时候会用到 titleNView节点,而节点中的属性设置对于节点外面的 navigationBarTitleText属性不起作用。如下代码所示:"path" : "pages/login/login","style" : { "navigationBarT...原创 2019-06-22 17:49:53 · 1620 阅读 · 0 评论 -
uni-app开发过程中一些绕过方案的思路
1.导航栏设置点击事件切换页面使用swiper组件,根据配置参数设置好默认效果,绑定点击事件,触发页面切换。swiper-item为页面视图,设置显示参数,根据参数选择显示的页面2.一键切换列表和宫格布局...原创 2019-06-15 17:37:01 · 337 阅读 · 0 评论 -
uni-app插件使用注意事项
1.将插件设置为全局组件后需要将项目重新运行原创 2019-05-28 10:35:46 · 3623 阅读 · 0 评论 -
uni-app自定义中间图标突起的tabbar
uni-app框架原生的tabbar配置并不支持中间图标凸起的样式设置,所以在查阅资料后选择自定义。其中主要思想还是在框架的原生tabbar基础上做些改动,对个别页面使用 canvas 将图标从tabbar 的设置中剥离出来单独进行加载渲染。首先在pages.json文件中进行tabbar的样式和列表配置,代码如下:"tabBar":{ //底部导航栏配置 "color"...原创 2019-05-13 20:57:29 · 17869 阅读 · 17 评论 -
uni-app配置导航栏
uni-app中,在项目开发过程时,如果需要在导航栏中设置图标和搜索框,可以使用框架原生的导航栏配置。在 pages.json 文件下的相应 page 下配置 style 的titleNView 属性。如下所示:{ "path": "pages/tabBar/home", "style": { "app-plus":{ "titleNVie...原创 2019-05-13 20:32:27 · 3912 阅读 · 0 评论 -
vue的模板中只能有一个根节点
vue error: The template root requires exactly one element vue/valid-template-root开发工具HBuilderX中报错信息如上。原因:vue的模板中只能有一个根节点,所以<template>中插入第二个元素就会报错解决方案:将所有元素外层使用一个空的div或者view包起来,确定只有一个根节点...原创 2019-05-13 14:44:47 · 798 阅读 · 0 评论