choose-image: rpx to px

pages/API/choose-image/choose-image.uvue

 <template>
   <!-- #ifdef APP -->
-  <scroll-view style="flex:1">
+  <scroll-view class="page-scroll-view">
   <!-- #endif -->
     <view>
       <page-head :title="title"></page-head>
@@ -29,7 +29,8 @@
               数量限制
             </view>
             <view class="uni-list-cell-right">
-              <input class="click-t" :value="countIndex+1" type="number" :maxlength="1" @confirm="chooseImageCount" confirm-type="done" />
+              <input class="click-t" :value="countIndex+1" type="number" :maxlength="1" @confirm="chooseImageCount"
+                confirm-type="done" />
             </view>
           </view>
           <view class="uni-list-cell cell-pd">
@@ -76,16 +77,17 @@
           </view>
         </view>
 
-        <view class="uni-list list-pd" style="padding: 30rpx;">
-          <view class="uni-flex" style="margin-bottom: 20rpx;">
+        <view class="uni-list list-pd" style="padding: 15px;">
+          <view class="uni-flex" style="margin-bottom: 10px;">
             <view class="uni-list-cell-left">点击可预览选好的图片</view>
             <view style="margin-left: auto;">
               <text class="click-t">{{imageList.length}}/{{countIndex+1}}</text>
             </view>
           </view>
           <view class="uni-flex" style="flex-wrap: wrap;">
-            <view v-for="(image,index) in imageList" :key="index" class="uni-uploader__input-box" style="border: 0rpx;">
-              <image style="width: 208rpx; height: 208rpx;" :src="image" :data-src="image" @tap="previewImage(index)"></image>
+            <view v-for="(image,index) in imageList" :key="index" class="uni-uploader__input-box" style="border: 0;">
+              <image style="width: 104px; height: 104px;" :src="image" :data-src="image" @tap="previewImage(index)">
+              </image>
               <image src="/static/plus.png" class="image-remove" @click="removeImage(index)"></image>
             </view>
             <image class="uni-uploader__input-box" @tap="chooseImage" src="/static/plus.png"></image>
@@ -239,7 +241,7 @@
 
 <style>
   .cell-pd {
-    padding: 22rpx 30rpx;
+    padding: 11px 15px;
   }
 
   .click-t {
@@ -247,14 +249,14 @@
   }
 
   .list-pd {
-    margin-top: 50rpx;
+    margin-top: 25px;
   }
 
   .uni-uploader__input-box {
-    margin: 10rpx;
-    width: 208rpx;
-    height: 208rpx;
-    border: 2rpx solid #D9D9D9;
+    margin: 5px;
+    width: 104px;
+    height: 104px;
+    border: 1px solid #D9D9D9;
   }
 
   .uni-uploader__input {
@@ -269,24 +271,24 @@
 
   .image-remove {
     transform: rotate(45deg);
-    width: 50rpx;
-    height: 50rpx;
+    width: 25px;
+    height: 25px;
     position: absolute;
     top: 0;
     right: 0;
-    border-radius: 25rpx;
+    border-radius: 13px;
     background-color: rgba(200, 200, 200, 0.8);
   }
 
   .item_width {
-    width: 260rpx;
+    width: 130px;
   }
 
   .crop-option {
     border-top-color: lightgray;
-    border-width: 1rpx;
+    border-width: 1px;
     border-style: solid;
-    padding: 20rpx;
+    padding: 10px;
     transition: height;
     transition-duration: 300ms;
   }