uniapp里面的upx单位怎么使用?
时间: 2023-12-23 14:02:29 浏览: 171
UPX 4.2.4 upx.exe
Uniapp 中的 UPX 单位是用于适配不同分辨率的单位,可以在 CSS 样式中使用。UPX 单位的转换规则是:1upx = 2rpx。
使用 UPX 单位的步骤如下:
1. 在 CSS 样式中使用 UPX 单位,例如:
```
font-size: 32upx;
width: 100upx;
```
2. 在页面中引入 flexible.js 文件(如果没有引入的话),例如:
```
<script src="https://unpkg.com/uni-app-plus/dist/upx2px.js"></script>
```
3. 在 JS 文件中使用 upx2px 方法将 UPX 单位转换为实际像素值,例如:
```
import {upx2px} from '@/utils/upx2px.js'
let fontSize = upx2px(32)
let width = upx2px(100)
```
注意:upx2px 方法必须在页面渲染完成后才能调用,否则可能无法获取到正确的像素值。
阅读全文