component: rpx to px

pages/component/checkbox/checkbox.uvue

@@ -128,11 +128,11 @@
         </view>
         <view>
           <checkbox-group class="uni-flex uni-row checkbox-group" @change="testChange" style="flex-wrap: wrap">
-            <checkbox value="cb" :checked="checked" :color="color" style="margin-right: 30rpx" class="checkbox cb">选中
+            <checkbox value="cb" :checked="checked" :color="color" style="margin-right: 15px" class="checkbox cb">选中
             </checkbox>
-            <checkbox value="cb1" style="margin-right: 30rpx" class="checkbox cb1">{{ text }}</checkbox>
+            <checkbox value="cb1" style="margin-right: 15px" class="checkbox cb1">{{ text }}</checkbox>
             <checkbox value="cb2" :disabled="disabled" class="checkbox cb2">禁用</checkbox>
-            <checkbox value="cb3" style="margin-top: 20rpx" class="checkbox cb3">
+            <checkbox value="cb3" style="margin-top: 10px" class="checkbox cb3">
               {{ wrapText }}
             </checkbox>
           </checkbox-group>
@@ -142,7 +142,7 @@
         </view>
         <view>
           <checkbox-group class="uni-flex uni-row checkbox-group">
-            <checkbox value="cb1" :checked="true" color="#FFCC33" style="transform: scale(0.7); margin-right: 30rpx"
+            <checkbox value="cb1" :checked="true" color="#FFCC33" style="transform: scale(0.7); margin-right: 15px"
               class="checkbox">选中
             </checkbox>
             <checkbox value="cb" color="#FFCC33" style="transform: scale(0.7)" class="checkbox">未选中</checkbox>

pages/component/general-event/transition-event.uvue

@@ -53,10 +53,10 @@
 
 <style>
   .transition-transform {
-    width: 400rpx;
-    height: 400rpx;
-    margin: 50rpx auto;
-    border-radius: 200rpx;
+    width: 200px;
+    height: 200px;
+    margin: 25px auto;
+    border-radius: 100px;
     transition-duration: 2000ms;
     transition-property: transform;
     transition-timing-function: linear;

pages/component/list-view/list-view.uvue

@@ -202,8 +202,7 @@
   }
 
   .main .list-item {
-    width: 750rpx;
-    height: 480rpx;
+    height: 240px;
     border: 1px solid #666;
     background-color: #66ccff;
     align-items: center;

pages/component/radio/radio.uvue

@@ -119,13 +119,13 @@
           <text class="uni-title-text"> 默认样式 </text>
         </view>
         <radio-group class="uni-flex uni-row radio-group" @change="testChange" style="flex-wrap: wrap">
-          <radio value="r" :checked="checked" :color="color" style="margin-right: 30rpx" class="radio r">选中
+          <radio value="r" :checked="checked" :color="color" style="margin-right: 15px" class="radio r">选中
           </radio>
-          <radio value="r1" style="margin-right: 30rpx" class="radio r1">{{
+          <radio value="r1" style="margin-right: 15px" class="radio r1">{{
             text
           }}</radio>
           <radio value="r2" :disabled="disabled" class="radio r2">禁用</radio>
-          <radio value="r3" class="radio r3" style="margin-top: 20rpx">{{
+          <radio value="r3" class="radio r3" style="margin-top: 10px">{{
             wrapText
           }}</radio>
         </radio-group>
@@ -136,7 +136,7 @@
           <text class="uni-title-text"> 不同颜色和尺寸的radio </text>
         </view>
         <radio-group class="uni-flex uni-row radio-group">
-          <radio value="r1" :checked="true" color="#FFCC33" style="transform: scale(0.7); margin-right: 30rpx"
+          <radio value="r1" :checked="true" color="#FFCC33" style="transform: scale(0.7); margin-right: 15px"
             class="radio">选中
           </radio>
           <radio value="r2" color="#FFCC33" style="transform: scale(0.7)" class="radio">未选中</radio>
@@ -163,7 +163,7 @@
 
 <style>
   .main {
-    max-height: 500rpx;
+    max-height: 250px;
     padding: 5px 0;
     border-bottom: 1px solid rgba(0, 0, 0, 0.06);
     flex-direction: row;

pages/component/scroll-view/scroll-view-custom-refresher-props.uvue

 <template>
 	<scroll-view style="flex:1;" :refresher-enabled="true" :refresher-triggered="refresherTriggered"
 		refresher-default-style="none" @refresherpulling="onRefresherpulling" @refresherrefresh="onRefresherrefresh">
-		<view style="height: 50rpx;"></view>
+		<view style="height: 25px;"></view>
 		<view v-for="i in 20" class="content-item">
 			<text class="text">item-{{i}}</text>
 		</view>

pages/component/text/text-props.uvue

@@ -27,7 +27,7 @@
       <view class="uni-title">
         <text class="uni-subtitle-text">截断（clip）</text>
       </view>
-      <view class="text-box" style="height: 200rpx">
+      <view class="text-box" style="height: 100px">
         <text class="uni-flex-item" style="text-overflow: clip">{{
           multiLineText
         }}</text>
@@ -36,7 +36,7 @@
       <view class="uni-title">
         <text class="uni-subtitle-text">截断（ellipsis）</text>
       </view>
-      <view class="text-box" style="height: 200rpx">
+      <view class="text-box" style="height: 100px">
         <text class="uni-flex-item" style="text-overflow: ellipsis">{{
           multiLineText
         }}</text>

pages/component/textarea/textarea.uvue

@@ -28,7 +28,7 @@ export default {
 		textarea_longpress() { console.log("如果一个组件被绑定了 longpress 事件，那么当用户长按这个组件时，该事件将会被触发。") },
 		textarea_confirm() { console.log("点击完成时， 触发 confirm 事件，event.detail = {value: value}") },
 		textarea_input() { console.log("当键盘输入时，触发 input 事件，event.detail = {value, cursor}， @input 处理函数的返回值并不会反映到 textarea 上") },
-		textarea_linechange() { console.log("输入框行数变化时调用，event.detail = {height: 0, heightRpx: 0, lineCount: 0}") },
+		textarea_linechange() { console.log("输入框行数变化时调用，event.detail = {height: 0, height: 0, lineCount: 0}") },
 		textarea_blur() { console.log("输入框失去焦点时触发，event.detail = {value, cursor}") },
 		textarea_keyboardheightchange() { console.log("键盘高度发生变化的时候触发此事件，event.detail = {height: height, duration: duration}") },
 		textarea_focus() { console.log("输入框聚焦时触发，event.detail = { value, height }，height 为键盘高度，在基础库 1.9.90 起支持") },
@@ -74,7 +74,7 @@ export default {
         @blur="textarea_blur"
         @keyboardheightchange="textarea_keyboardheightchange"
         @focus="textarea_focus"
-        style="padding: 20rpx; border: 1px solid #666"
+        style="padding: 10px; border: 1px solid #666"
       />
     </view>
     <view class="content">