1.代码优化

sws 2024-09-02

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

@@ -8,6 +8,11 @@
                         <el-radio v-for="item in base_list.theme_list" :key="item.value" :value="item.value">{{ item.name }}</el-radio>
                     </el-radio-group>
                 </el-form-item>
+                <el-form-item v-if="form.theme == '4'" label="轮播列数">
+                    <el-radio-group v-model="form.carousel_col">
+                        <el-radio v-for="item in base_list.carousel_col_list" :key="item.value" :value="item.value">{{ item.name }}</el-radio>
+                    </el-radio-group>
+                </el-form-item>
             </card-container>
             <div class="divider-line"></div>
             <card-container class="card-container-br">
@@ -97,6 +102,12 @@ const base_list = reactive({
         { name: '无图模式', value: '3' },
         { name: '左右滑动展示', value: '4' },
     ],
+    carousel_col_list: [
+        { name: '单列展示', value: '0' },
+        { name: '两列展示', value: '1' },
+        { name: '三列展示', value: '2' },
+        { name: '四列展示', value: '3' },
+    ],
     data_type_list: [
         { name: '选择文章', value: '0' },
         { name: '筛选文章', value: '1' },

src/views/layout/components/main/default/article-list.ts

@@ -10,6 +10,7 @@ interface DefaultArticleList {
     content: {
         // 风格
         theme: string;
+        carousel_col: string;
         data_type: string;
         category: string[];
         data_list: ArticleList[];
@@ -43,6 +44,7 @@ interface DefaultArticleList {
 const defaultArticleList: DefaultArticleList = {
     content: {
         theme: '0',
+        carousel_col: '2',
         data_type: '0',
         category: [],
         data_list: [],