修改图片选择示例

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

@@ -29,8 +29,7 @@
               数量限制
             </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">
@@ -41,7 +40,7 @@
               <switch :checked="isCrop" @change="switchCrop"></switch>
             </view>
           </view>
-          <view ref="cropOptionNode" class="crop-option" :style="{'height':isCrop?'200px':'0px'}">
+          <view ref="cropOptionNode" class="crop-option" :style="{'height':isCrop?'200px':'0px','margin-bottom':isCrop?'11px':'0px'}">
             <view class="uni-list-cell cell-pd">
               <view class="uni-list-cell-left item_width">
                 图片质量(%)
@@ -285,11 +284,11 @@
   }
 
   .crop-option {
-    border-top-color: lightgray;
-    border-width: 1px;
-    border-style: solid;
-    padding: 10px;
-    transition: height;
-    transition-duration: 300ms;
+    margin-left: 11px;
+    margin-right: 11px;
+    border-radius: 11px;
+    background-color: #eee;
+    transition-property: height, margin-bottom;
+    transition-duration: 200ms;
   }
 </style>