1.代码优化

sws 2024-09-03

src/components/model-article-list/model-article-list-styles.vue

@@ -39,8 +39,8 @@
                     </el-form-item>
                 </template>
             </card-container>
-            <div class="divider-line"></div>
             <template v-if="theme == '4'">
+                <div class="divider-line"></div>
                 <card-container>
                     <div class="mb-12">轮播设置</div>
                     <el-form-item label="自动轮播">
@@ -50,7 +50,6 @@
                         <slider v-model="form.interval_time" :min="1" :max="100"></slider>
                     </el-form-item>
                 </card-container>
-                <div class="divider-line"></div>
             </template>
         </el-form>
         <div class="divider-line"></div>

src/components/model-article-tabs/model-article-tabs-styles.vue

@@ -55,8 +55,8 @@
                     </el-form-item>
                 </template>
             </card-container>
-            <div class="divider-line"></div>
             <template v-if="theme == '4'">
+                <div class="divider-line"></div>
                 <card-container>
                     <div class="mb-12">轮播设置</div>
                     <el-form-item label="自动轮播">
@@ -66,7 +66,6 @@
                         <slider v-model="form.interval_time" :max="100"></slider>
                     </el-form-item>
                 </card-container>
-                <div class="divider-line"></div>
             </template>
         </el-form>
         <div class="divider-line"></div>

src/components/model-coupon/model-coupon-styles.vue

@@ -56,7 +56,7 @@
             </card-container>
         </el-form>
         <div class="divider-line"></div>
-        <common-styles class="styles-height" :value="form.common_style" :is-mult-background="theme !== '7'" @update:value="common_styles_update" />
+        <common-styles :value="form.common_style" :is-mult-background="theme !== '7'" @update:value="common_styles_update" />
     </div>
 </template>
 <script setup lang="ts">
@@ -96,11 +96,4 @@ const common_styles_update = (val: Object) => {
     form.common_style = val;
 };
 </script>
-<style lang="scss" scoped>
-.styles {
-    width: 100%;
-    .styles-height {
-        min-height: calc(100vh - 16.8rem);
-    }
-}
-</style>
+<style lang="scss" scoped></style>

src/components/model-hot-zone/model-hot-zone-styles.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="styles">
-        <common-styles class="styles-height" :value="form.common_style" @update:value="common_styles_update" />
+        <common-styles :value="form.common_style" @update:value="common_styles_update" />
     </div>
 </template>
 <script setup lang="ts">
@@ -18,11 +18,4 @@ const common_styles_update = (val: Object) => {
     form.value.common_style = val;
 };
 </script>
-<style lang="scss" scoped>
-.styles {
-    width: 100%;
-    .styles-height {
-        min-height: calc(100vh - 16.8rem);
-    }
-}
-</style>
+<style lang="scss" scoped></style>

src/components/model-rich-text/model-rich-text-styles.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="styles">
-        <common-styles class="styles-height" :value="form.common_style" @update:value="common_styles_update" />
+        <common-styles :value="form.common_style" @update:value="common_styles_update" />
     </div>
 </template>
 <script setup lang="ts">
@@ -19,11 +19,4 @@ const common_styles_update = (val: Object) => {
     form.common_style = val;
 };
 </script>
-<style lang="scss" scoped>
-.styles {
-    width: 100%;
-    .styles-height {
-        min-height: calc(100vh - 16.8rem);
-    }
-}
-</style>
+<style lang="scss" scoped></style>

src/components/model-video/model-video-styles.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="styles">
-        <common-styles class="styles-height" :value="form.common_style" @update:value="common_styles_update" />
+        <common-styles :value="form.common_style" @update:value="common_styles_update" />
     </div>
 </template>
 <script setup lang="ts">
@@ -19,11 +19,4 @@ const common_styles_update = (val: Object) => {
     form.common_style = val;
 };
 </script>
-<style lang="scss" scoped>
-.styles {
-    width: 100%;
-    .styles-height {
-        min-height: calc(100vh - 16.8rem);
-    }
-}
-</style>
+<style lang="scss" scoped></style>

src/components/page-settings/page-styles.vue

@@ -58,8 +58,8 @@
                 </el-form-item>
             </card-container>
         </el-form>
-        <div class="bg-f5 divider-line" />
         <template v-if="['3', '5'].includes(content.theme)">
+            <div class="bg-f5 divider-line" />
             <model-search-styles :value="form" :content="props.content" :is-show-common="false"></model-search-styles>
         </template>
         <div class="bg-f5 divider-line" />
@@ -76,7 +76,7 @@ const props = defineProps({
     },
     content: {
         type: Object,
-        default: () => { },
+        default: () => {},
     },
 });
 const emit = defineEmits(['update:value']);

src/views/layout/components/navbar/index.vue

@@ -109,7 +109,7 @@ const confirm_event = async (formEl: FormInstance | undefined) => {
 </script>
 <style lang="scss" scoped>
 .navbar {
-    height: 8rem;
+    height: 6rem;
     padding: 0 3rem;
     display: flex;
     justify-content: space-between;

src/views/layout/components/settings/index.vue

@@ -146,7 +146,7 @@ const radio = ref('1'); // 创建一个响应式的数字变量，初始值为0
         }
     }
     .setting-content {
-        height: calc(100vh - 16.8rem);
+        height: calc(100vh - 14.8rem);
         overflow: auto;
         background-color: #fff;
     }

src/views/layout/index.vue

@@ -220,7 +220,7 @@ const form_data_transfor_diy_data = (clone_form: diyData) => {
 .app-wrapper {
     background-color: #f0f2f5;
     .app-wrapper-content {
-        height: calc(100vh - 8rem);
+        height: calc(100vh - 6rem);
     }
 }
 .no-copy {