From 668157be10a946f79df42dd951b25711cb63777a Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 30 Oct 2024 10:43:36 +0800
Subject: [PATCH] =?UTF-8?q?style(=E5=9B=BE=E8=A1=A8):=20=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E5=8C=BA=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/CommonBorderSetting.vue            |   2 +-
 .../common/CommonStyleSet.vue                 |   2 +-
 .../custom-component/picture-group/Attr.vue   | 135 ------------------
 .../picture-group/PictureGroupUploadAttr.vue  |   3 +-
 .../src/custom-component/picture/Attr.vue     |   1 -
 5 files changed, 3 insertions(+), 140 deletions(-)

diff --git a/core/core-frontend/src/custom-component/common/CommonBorderSetting.vue b/core/core-frontend/src/custom-component/common/CommonBorderSetting.vue
index da71b50978..ac48821d08 100644
--- a/core/core-frontend/src/custom-component/common/CommonBorderSetting.vue
+++ b/core/core-frontend/src/custom-component/common/CommonBorderSetting.vue
@@ -80,7 +80,7 @@ watch(
 </script>
 
 <template>
-  <el-row class="custom-row">
+  <el-row class="custom-row" style="padding-bottom: 8px">
     <el-form label-position="top">
       <template v-if="isSvgComponent">
         <el-row style="display: flex">
diff --git a/core/core-frontend/src/custom-component/common/CommonStyleSet.vue b/core/core-frontend/src/custom-component/common/CommonStyleSet.vue
index 0464c97bfc..04b09171a3 100644
--- a/core/core-frontend/src/custom-component/common/CommonStyleSet.vue
+++ b/core/core-frontend/src/custom-component/common/CommonStyleSet.vue
@@ -649,7 +649,7 @@ watch(
   }
 }
 .custom-row-inner {
-  margin: 8px 0px 24px;
+  margin: 0 0 16px;
 }
 
 .dark-icon {
diff --git a/core/core-frontend/src/custom-component/picture-group/Attr.vue b/core/core-frontend/src/custom-component/picture-group/Attr.vue
index 935ea8b68d..77c0f55044 100644
--- a/core/core-frontend/src/custom-component/picture-group/Attr.vue
+++ b/core/core-frontend/src/custom-component/picture-group/Attr.vue
@@ -85,139 +85,4 @@ const { curComponent, canvasViewInfo, mobileInPc, batchOptStatus } = storeToRefs
     justify-content: flex-start;
   }
 }
-
-.disabled :deep(.el-upload--picture-card) {
-  display: none;
-}
-
-.avatar-uploader :deep(.ed-upload) {
-  width: 80px;
-  height: 80px;
-  line-height: 90px;
-}
-
-.avatar-uploader :deep(.ed-upload-list li) {
-  width: 80px !important;
-  height: 80px !important;
-}
-
-:deep(.ed-upload--picture-card) {
-  background: #eff0f1;
-  border: 1px dashed #dee0e3;
-  border-radius: 4px;
-
-  .ed-icon {
-    color: #1f2329;
-  }
-
-  &:hover {
-    .ed-icon {
-      color: var(--ed-color-primary);
-    }
-  }
-}
-.img-area {
-  height: 80px;
-  width: 80px;
-  margin-top: 10px;
-  overflow: hidden;
-
-  &.img-area_dark {
-    :deep(.ed-upload-list__item).is-success {
-      border-color: #434343;
-    }
-    :deep(.ed-upload--picture-card) {
-      background: #373737;
-      border-color: #434343;
-      .ed-icon {
-        color: #ebebeb;
-      }
-      &:hover {
-        .ed-icon {
-          color: var(--ed-color-primary);
-        }
-      }
-    }
-  }
-
-  &.img-area_light {
-    :deep(.ed-upload-list__item).is-success {
-      border-color: #dee0e3;
-    }
-  }
-}
-
-.image-hint {
-  color: #8f959e;
-  size: 14px;
-  line-height: 22px;
-  font-weight: 400;
-  margin-top: 2px;
-  &.image-hint_dark {
-    color: #757575;
-  }
-}
-
-.re-update-span {
-  cursor: pointer;
-  color: var(--ed-color-primary);
-  size: 14px;
-  line-height: 22px;
-  font-weight: 400;
-}
-
-.pic-adaptor {
-  margin: 8px 0 16px 0;
-  :deep(.ed-form-item__content) {
-    margin-top: 8px !important;
-  }
-}
-
-.form-item-dark {
-  .ed-radio {
-    margin-right: 4px !important;
-  }
-}
-
-.drag-data {
-  padding-top: 8px;
-  padding-bottom: 16px;
-
-  .tree-btn {
-    width: 100%;
-    margin-top: 8px;
-    background: #fff;
-    height: 32px;
-    border-radius: 4px;
-    border: 1px solid #dcdfe6;
-    display: flex;
-    color: #cccccc;
-    align-items: center;
-    cursor: pointer;
-    justify-content: center;
-    font-size: 12px;
-    &.tree-btn--dark {
-      background: rgba(235, 235, 235, 0.05);
-      border-color: #5f5f5f;
-    }
-
-    &.active {
-      color: #3370ff;
-      border-color: #3370ff;
-    }
-  }
-
-  &.no-top-border {
-    border-top: none !important;
-  }
-  &.no-top-padding {
-    padding-top: 0 !important;
-  }
-  &:nth-child(n + 2) {
-    border-top: 1px solid @side-outline-border-color;
-  }
-  &:first-child {
-    border-top: none !important;
-  }
-}
 </style>
diff --git a/core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue b/core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue
index 58a8c94c3e..2bed7b5107 100644
--- a/core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue
+++ b/core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue
@@ -224,7 +224,6 @@ onBeforeUnmount(() => {
   }
 }
 .img-area {
-  margin-top: 10px;
   overflow: hidden;
 
   &.img-area_dark {
@@ -272,7 +271,7 @@ onBeforeUnmount(() => {
 }
 
 .pic-adaptor {
-  margin: 8px 0 16px 0;
+  margin: 8px 0 8px 0;
   :deep(.ed-form-item__content) {
     margin-top: 8px !important;
   }
diff --git a/core/core-frontend/src/custom-component/picture/Attr.vue b/core/core-frontend/src/custom-component/picture/Attr.vue
index 1c74aeb172..e7f6e50c8d 100644
--- a/core/core-frontend/src/custom-component/picture/Attr.vue
+++ b/core/core-frontend/src/custom-component/picture/Attr.vue
@@ -250,7 +250,6 @@ onBeforeUnmount(() => {
 .img-area {
   height: 80px;
   width: 80px;
-  margin-top: 10px;
   overflow: hidden;
 
   &.img-area_dark {