uni-app 学习笔记

注意事项

  1. 背景图片不支持本地图片 支持网络路径/base64格式
  2. 字体同上 也不支持本地字体

rpa计算方式

设计稿 1px / 设计稿基准宽度 = 框架样式 1rpx / 750rpx

若设计稿宽度为 750px,元素 A 在设计稿上的宽度为 100px,那么元素 A 在 uni-app 里面的宽度应该设为:750 * 100 / 750,结果为:100rpx。
若设计稿宽度为 640px,元素 A 在设计稿上的宽度为 100px,那么元素 A 在 uni-app 里面的宽度应该设为:750 * 100 / 640,结果为:117rpx。
若设计稿宽度为 375px,元素 B 在设计稿上的宽度为 200px,那么元素 B 在 uni-app 里面的宽度应该设为:750 * 200 / 375,结果为:400rpx。

快速判断运行环境

uEnvDev、uEnvProd 可以快速生成对应 development、production 的运行环境判定代码。
// uEnvDev
if (process.env.NODE_ENV === 'development') {
    // TODO
}
// uEnvProd
if (process.env.NODE_ENV === 'production') {
    // TODO
}

你可能感兴趣的:(uniapp)