更新页面显示

src/components/model-custom/model-custom-content.vue

@@ -10,7 +10,7 @@
                     <div v-if="!isEmpty(form.data_source_content)" class="flex-row mt-20 gap-20">
                         <div class="re flex align-c">
                             <image-empty v-model="form.data_source_content[form.img_key]" fit="contain" style="width: 10rem;height: 10rem" error-img-style="width: 3rem; height: 3rem;"></image-empty>
-                            <div class="plr-10 bg-f abs replace-data size-10 box-shadow-sm" @click="replace_data">替换数据</div>
+                            <div class="plr-10 bg-f abs replace-data size-10" @click="replace_data">替换数据</div>
                         </div>
                         <div class="flex-1 size-14 text-line-3">{{ form.data_source_content.title || form.data_source_content.name }}</div>
                     </div>
@@ -230,8 +230,9 @@ const replace_data = () => {
     height: 2.4rem;
     bottom: 0.5rem;
     left: 2.1rem;
-    line-height: 2.4rem;
+    line-height: 2.2rem;
     border-radius: 2rem;
+    border: 1px solid #ddd;
     cursor: pointer;
 }
 </style>

src/views/layout/components/main/index.scss

@@ -264,19 +264,6 @@
         }
     }
 }
-@media screen and (max-width: 1680px) {
-    .main .acticons .el-button {
-        width: 10rem;
-    }
-}
-@media screen and (max-width: 1560px) {
-    .siderbar {
-        width: 32rem;
-    }
-    .drawer-container {
-        display: none;
-    }
-}
 .seat {
     background: transparent;
     height: 0.2rem;
@@ -371,4 +358,19 @@
     .layout-toggle-bar-bottom {
         transform: rotate(12deg) scale(1.05) translateY(0.2rem);
     }
+}
+
+@media screen and (max-width: 1680px) {
+    .main .acticons .el-button {
+        width: 10rem;
+    }
+}
+
+@media screen and (max-width: 1560px) {
+    .siderbar {
+        width: 32rem;
+    }
+    .drawer-container, .layout-toggle-bar {
+        display: none;
+    }
 }