uni.rpx2px(number) @rpx2px

# uni.rpx2px(number)

将rpx单位值转换成px

# rpx2px 兼容性

Web	微信小程序	Android	iOS
4.02	4.41	4.02	4.11

# 参数

名称	类型	必填	默认值	兼容性	描述
number	number	是	-	-	-

# 返回值

类型
number

# 示例

hello uni-app x

Template

Script

<template>
  <!-- #ifdef APP -->
  <scroll-view class="page-scroll-view">
  <!-- #endif -->
    <view class="page">
      <page-head :title="title"></page-head>
      <view>
        <view class="item">
          <text class="item-k">输入:</text>
          <text class="item-v">{{rpxValue}}rpx</text>
        </view>
        <view class="item">
          <text class="item-k">返回:</text>
          <text class="item-v">{{pxValue}}px</text>
        </view>
      </view>
      <view>
        <button class="convert" type="primary" @click="rpx2px">转换</button>
      </view>
    </view>
  <!-- #ifdef APP -->
  </scroll-view>
  <!-- #endif -->
</template>


<style>
  .page {
    padding: 15px;
  }

  .item {
    flex-direction: row;
  }

  .item-k {
    width: 72px;
    line-height: 2;
  }

  .item-v {
    font-weight: bold;
    line-height: 2;
  }
</style>