一 认识界面
1.1教程
里边有vue2,vue3的语法学习
1.2 page.json
二 创建项目
2.1 新建项目
2.2 新建文件夹,文件
新建一个目录
新建一个页面index :
2.3 设置路由,tabBar
三组件
分为两大类: 内置组件,自定义组件
内置组件: 不需要引入 ,直接可以使用 比如view
自定义组件: 比如吧头部抽出来一个组件,每个页面都可以使用, 抽成组件,称为自定义组件
3.1 注册组件
3.1.1 全局注册
在main.js中注册,可以在任意页面中使用
3.1.2局部引入
3.1.3easycom
路径规范
指:
- 安装在项目根目录的components目录下,并符合
components/组件名称/组件名称.vue
- 安装在uni_modules下,路径为
uni_modules/插件ID/components/组件名称/组件名称.vue
3.2组件通信
vue3 正常语法
父传子
子传父
传递一个dom,div
四navBar(可以完全自定义)
分为两个部分: 状态栏+ 内容栏
4.1 状态栏:
去不掉,每一个手机的高度也不一样,有api可以获取高度
注意单位:
默认单位是px , 但是不同屏幕下需要相对单位需要rpx
ui设计稿是375.rpx 是以750为基准。 所以px转rpx 时候*2
ios有刘海,所以安卓和ios设置的内容高度也不一样