Bootstrap

uniapp

一 认识界面

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

路径规范指:

  1. 安装在项目根目录的components目录下,并符合components/组件名称/组件名称.vue
  2. 安装在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设置的内容高度也不一样

;