fix(crops): [crops]modify crops component

opentiny · Oct 28, 2024 · 1d34ca8 · 1d34ca8
1 parent d3c8944
commit 1d34ca8
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/examples/sites/demos/pc/app/crop/min-crop-box-width-height-composition-api.vue b/examples/sites/demos/pc/app/crop/min-crop-box-width-height-composition-api.vue
@@ -5,10 +5,10 @@
       :cropvisible="visible"
       @update:cropvisible="visible = $event"
       :src="imgUrl"
-      :min-crop-box-width="100"
-      :min-crop-box-height="100"
-      :min-container-height="200"
-      :min-container-width="800"
+      :min-crop-box-width="200"
+      :min-crop-box-height="350"
+      :min-container-height="300"
+      :min-container-width="650"
     ></tiny-crop>
   </div>
 </template>

diff --git a/examples/sites/demos/pc/app/crop/min-crop-box-width-height.vue b/examples/sites/demos/pc/app/crop/min-crop-box-width-height.vue
@@ -5,10 +5,10 @@
       :cropvisible="visible"
       @update:cropvisible="visible = $event"
       :src="imgUrl"
-      :min-crop-box-width="100"
-      :min-crop-box-height="100"
-      :min-container-height="200"
-      :min-container-width="800"
+      :min-crop-box-width="200"
+      :min-crop-box-height="350"
+      :min-container-height="300"
+      :min-container-width="650"
     ></tiny-crop>
   </div>
 </template>

diff --git a/packages/theme/src/crop/index.less b/packages/theme/src/crop/index.less
@@ -347,6 +347,7 @@
         margin-right: 8px;
         padding: 4px;
         cursor: pointer;
+        border-radius: 4px;
 
         &:hover {
           background: #f5f5f5;