uni-app 学习(一)

一、环境搭建和运行

(一)创建项目

直接进行创建

(二)项目结构理解

pages 是页面

静态资源

打包文件,看我们想输出成什么格式

app.vue 页面的入口文件

main.js 是项目的入口文件

存放对打包文件的配置

pages 存放整个项目文件的存放路径 以及窗口外观

二、开发规范

三、全局配置和页面配置

全局配置在 page.json 里面 下面是全局配置

注意如果我在全局配置里给页面标题加一个颜色但是颜色没变,是因为 页面配置没去掉,页面配置会覆盖全局配置。

四、创建页面

单独设置页面的样式,页面样式会覆盖全局样式

如果给 h5 单独设置环境 就可能用到以下的属性,app也能单独设置

五、配置 tabbar

相关推荐
程序猿看视界29 分钟前
Uni-app页面信息与元素影响解析
uni-app·状态栏·安全区域·窗口信息·像素比
齐尹秦1 小时前
HTML5 Web Workers 学习笔记
笔记·学习
清晨細雨1 小时前
UniApp集成极光推送详细教程
android·ios·uni-app·极光推送
_未知_开摆1 小时前
uniapp APP端在线升级(简版)
开发语言·前端·javascript·vue.js·uni-app
DarkBule_1 小时前
零基础驯服GitHub Pages
css·学习·html·github·html5·web
Li_na_na011 小时前
解决安卓手机WebView无法直接预览PDF的问题(使用PDF.js方案)
android·pdf·uni-app·html5
余多多_zZ2 小时前
鸿蒙学习手册(HarmonyOSNext_API16)_应用开发UI设计:Swiper
学习·ui·华为·harmonyos·鸿蒙系统
淬渊阁2 小时前
汇编学习之《扩展指令指针寄存器》
汇编·学习
lalapanda2 小时前
UE5学习记录part12
学习·ue5
并不会3 小时前
多线程案例-单例模式
java·学习·单例模式·单线程·多线程·重要知识