Uni-app——页面布局

简介

　　先熟悉uni-app可用的组件。

　　

格式

　　1. 必须有且只能有一个根元素

　　2. 引入外部样式

　　　　uni-app下的相对路径相对于项目。

 

　　　　使用@improt url('相对路径')引入css文件。

<style>
    @import url("/pages/about2/base.css");
</style>

 

　　3. rpx：根据不同设备进行换算。  

　　　　明确，1. 换算最终单位为px

　　　　　　　2. 换算比率：width：750px与750rpx：1比1。px死记为被除数，rpx记为除数

　　　　　　　　　　换算公式：rpx * 除数/被除数 = px

　　　　　　　

　　4. flex布局

　　　　尽量使用flex布局