一、 uni-app的upx与px、rpx的区别

upx：相对像素（屏幕基准宽度750upx）早期uni-app提供的响应式布局对策；

px：绝对像素；

rpx：微信小程序定义的相对像素（屏幕基准宽度750rpx）,uniapp支持rpx；

注意：uni-app动态绑定的style不支持直接使用upx。

二、 uniapp实现png变色，使用filter属性（不适用于三元运算，会把替换前后的图片都换色）

    <template>
  <view>
    <!-- 使用 filter 属性将蓝色 PNG 图片换成白色 -->
    <image class="white-image" src="/static/blue-image.png" mode="aspectFit"></image>
  </view>
</template>

<style>
/* 使用 filter 属性将蓝色 PNG 图片换成白色 */
.white-image {
  filter: grayscale(100%) brightness(0) invert(100%);
}
</style>

uniapp实现计算单精度折扣

    折扣 = parseFloat((售价 / 原价) * 10) .toFixed(1)