uni-app 新手入门到精通2 https://blog.csdn.net/renxiaoxing55/article/details/109079171
uni-app 新手入门到精通3 https://blog.csdn.net/renxiaoxing55/article/details/109103310
uni-app 新手入门到精通完结篇 https://blog.csdn.net/renxiaoxing55/article/details/109117750
uni-app的开发必须要通过HBuilderX可视化页面
HBuilderX的下载地址 https://www.dcloud.io/hbuilderx.html
HBuilderX的使用教程在uni-app也有,我这里就不详细说了
https://uniapp.dcloud.io/quickstart?id=_1-%e9%80%9a%e8%bf%87-hbuilderx-%e5%8f%af%e8%a7%86%e5%8c%96%e7%95%8c%e9%9d%a2
1,大概目录介绍,运行方式可以直接阅读工具的中文菜单栏或看文档。
┌─components uni-app组件目录
│ └─comp-a.vue 可复用的a组件
├─hybrid 存放本地网页的目录,详见
├─platforms 存放各平台专用页面的目录,详见
├─pages 业务页面文件存放的目录
│ ├─index
│ │ └─index.vue index页面
│ └─list
│ └─list.vue list页面
├─static 存放应用引用静态资源(如图片、视频等)的目录,注意:静态资源只能存放于此
├─wxcomponents 存放小程序组件的目录,详见
├─main.js Vue初始化入口文件
├─App.vue 应用配置,用来配置App全局样式以及监听 应用生命周期
├─manifest.json 配置应用名称、appid、logo、版本等打包信息,详见
└─pages.json 配置页面路由、导航条、选项卡等页面类信息,详见
2,globalStyle全局的外观配置 pages.json (官方文档位置->框架 ->配置)
根据你项目的要求进行配置 更多详细内容参考文档
"globalStyle": {