uni-app 学习(一)

一、环境搭建和运行

(一)创建项目

直接进行创建

(二)项目结构理解

pages 是页面

静态资源

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

app.vue 页面的入口文件

main.js 是项目的入口文件

存放对打包文件的配置

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

二、开发规范

三、全局配置和页面配置

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

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

四、创建页面

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

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

五、配置 tabbar

相关推荐
宸翰20 小时前
解决 uni-app App 端 vue-i18n 占位符丢失:封装跨端可用的 tf 格式化方法
前端·vue.js·uni-app
时光足迹2 天前
uni-app 视频通话实战:康复师与患者视频问诊的 6 个致命 Bug 与解决方案
android·ios·uni-app
时光足迹2 天前
腾讯云 TRTC UniApp SDK 从入门到上线
前端·vue.js·uni-app
时光足迹2 天前
uni-app 里把加密视频嵌入页面播放?我分析了 4 种方案,只有 1 种接近完美
前端·vue.js·uni-app
时光足迹2 天前
JPush UniApp UTS 插件完全参考手册:API、事件与厂商通道一网打尽
vue.js·ios·uni-app
时光足迹2 天前
极光推送全攻略(下):uni-app 代码实现与 iOS 排查实战
vue.js·ios·uni-app
时光足迹2 天前
极光推送全攻略(上):被iOS证书折磨了三天,我写了一份前端也能看懂的避坑指南
前端·ios·uni-app
spmcor4 天前
身份证读卡“无感登录”方案实践:从手动点击到自动检测
uni-app
PedroQue994 天前
uni-router v1.8.0新增冷启动守卫补执行
前端·uni-app
PedroQue995 天前
uni-router v1.7.0重磅更新:守卫重定向自由掌控
前端·uni-app