uni-app 学习(一)

一、环境搭建和运行

(一)创建项目

直接进行创建

(二)项目结构理解

pages 是页面

静态资源

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

app.vue 页面的入口文件

main.js 是项目的入口文件

存放对打包文件的配置

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

二、开发规范

三、全局配置和页面配置

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

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

四、创建页面

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

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

五、配置 tabbar

相关推荐
Mr_li13 小时前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
anyup16 小时前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos
Mintopia2 天前
Vue3 项目如何迁移到 uni-app x:从纯 Web 到多端应用的系统指南
uni-app
Mintopia2 天前
uni-app x 发展前景技术分析:跨端统一的新阶段?
uni-app
不爱说话郭德纲2 天前
告别漫长的HbuilderX云打包排队!uni-app x 安卓本地打包保姆级教程(附白屏、包体积过大排坑指南)
android·前端·uni-app
HashTang4 天前
【AI 编程实战】第 12 篇:从 0 到 1 的回顾 - 项目总结与 AI 协作心得
前端·uni-app·ai编程
JunjunZ4 天前
uniapp 文件预览:从文件流到多格式预览的完整实现
前端·uni-app
郑州光合科技余经理4 天前
代码展示:PHP搭建海外版外卖系统源码解析
java·开发语言·前端·后端·系统架构·uni-app·php
西岸行者4 天前
学习笔记:SKILLS 能帮助更好的vibe coding
笔记·学习
悠哉悠哉愿意5 天前
【单片机学习笔记】串口、超声波、NE555的同时使用
笔记·单片机·学习