feat(api): 新增 uni.rpx2px 示例

pages.json

@@ -680,6 +680,13 @@
       }
     },
     // #endif
+    {
+      "path": "pages/API/rpx2px/rpx2px",
+      "style": {
+        "navigationBarTitleText": "rpx2px",
+        "enablePullDownRefresh": false
+      }
+    },
     {
       "path": "pages/tabBar/CSS",
       "style": {

pages/API/rpx2px/rpx2px.uvue

+<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}}</text>
+        </view>
+        <view class="item">
+          <text class="item-k">返回:</text>
+          <text class="item-v">{{pxValue}}px</text>
+        </view>
+      </view>
+      <view>
+        <button type="primary" @tap="rpx2px">转换</button>
+      </view>
+    </view>
+  <!-- #ifdef APP -->
+  </scroll-view>
+  <!-- #endif -->
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        title: 'rpx2px',
+        rpxValue: 750,
+        pxValue: 0,
+        result: false
+      }
+    },
+    methods: {
+      rpx2px: function () {
+        this.pxValue = uni.rpx2px(this.rpxValue);
+      }
+    }
+  }
+</script>
+
+<style>
+  .page {
+    padding: 15px;
+  }
+
+  .item {
+    flex-direction: row;
+  }
+
+  .item-k {
+    width: 72px;
+    line-height: 2;
+  }
+
+  .item-v {
+    font-weight: bold;
+    line-height: 2;
+  }
+</style>

pages/tabBar/API.uvue

@@ -186,6 +186,10 @@
                 name: 'showToast轻提示框',
                 url: 'toast',
                 api: ["showToast"]
+              },
+              {
+                name: 'rpx2px',
+                url: 'rpx2px'
               }
             ] as Page[],
           },