updated

src/main/resources/static/css/supplier-login/login.css

@@ -19,7 +19,7 @@ body{
 .text_info .text_info_contain {
     height: 100vh;
     overflow-y: scroll;
-    padding: 10vh 25vw;
+    padding: 10vh 24vw;
     box-sizing: border-box;
     width: 100%;
 }

src/main/resources/static/js/supplier-login/login.js

@@ -163,6 +163,36 @@ new Vue({
                 bg: 'https://img-b.caimei365.com/group1/M00/04/30/rB-lHGRVyn6AaS32AAFQ2sc7xQw877.jpg',
             },
         ],
+        contain_list: [
+            {
+                id: 1,
+                title: '品牌店铺搭建',
+                content: '轻松开启线上交易',
+            },{
+                id: 2,
+                title: '品牌展露',
+                content: '彰显品牌示例，提升企业品牌价值',
+            },{
+                id: 3,
+                title: '商品SKU管理',
+                content: '提高决策效率',
+            },
+        ],
+        athor_contain_list: [
+            {
+                id: 1,
+                title: '易装易用免维护',
+                content: '独立后台账号体系、会打字就会用、公众号无缝衔接',
+            },{
+                id: 2,
+                title: '授权认证功能',
+                content: '机构认证查询、设备认证查询、医师认证查询',
+            },{
+                id: 3,
+                title: '品牌运营',
+                content: '与机构客户建立双向沟通渠道',
+            },
+        ],
         userInfo: JSON.parse(localStorage.getItem('userInfo')) || '',
         showContent: true,
         textContent: '',

src/main/resources/templates/supplier_login/index.html

@@ -231,49 +231,23 @@
                     </div>
                     <div class="contain" v-show="isStore" v-if="activeId === 2">
                         <div class="contain_logo animate__animated" :class="activeId === 2 ? 'animate__lightSpeedInLeft' : ''"></div>
-                        <div class="contain_list">
-                            <div class="list_item">
+                        <div class="contain_list" v-cloak>
+                            <div class="list_item" v-for="item in contain_list" :key="item.id">
                                 <div></div>
-                                <div style="font-weight: bold;font-size: 20px;">品牌店铺搭建</div>
-                                <div style="font-size: 16px;text-align: center;color: #666666;">轻松开启线上交易</div>
-                            </div>
-                            <div class="list_item">
-                                <div></div>
-                                <div style="font-weight: bold;font-size: 20px;">品牌展露</div>
-                                <div style="font-size: 16px;text-align: center;color: #666666;">彰显品牌示例，提升企业品牌价值</div>
-                            </div>
-                            <div class="list_item">
-                                <div></div>
-                                <div style="font-weight: bold;font-size: 20px;">商品SKU管理</div>
-                                <div style="font-size: 16px;text-align: center;color: #666666;">提高决策效率</div>
+                                <div style="font-weight: bold;font-size: 20px;">{{item.title}}</div>
+                                <div style="font-size: 16px;text-align: center;color: #666666;">{{item.content}}</div>
                             </div>
                         </div>
                     </div>
                     <div class="athor_contain" v-show="isAthor" v-if="activeId === 2">
                         <div class="athor_contain_logo animate__animated" :class="activeId === 2 ? 'animate__lightSpeedInRight' : ''"></div>
-                        <div class="athor_contain_list">
-                            <div class="list_item">
-                                <div class="list_item_logo"></div>
-                                <div class="text_contain">
-                                    <div class="text_contain_item">易装易用免维护</div>
-                                    <div class="text_contain_item2"></div>
-                                    <div class="text_contain_item3">独立后台账号体系、会打字就会用、公众号无缝衔接</div>
-                                </div>
-                            </div>
-                            <div class="list_item">
-                                <div class="list_item_logo"></div>
-                                <div class="text_contain">
-                                    <div class="text_contain_item">授权认证功能</div>
-                                    <div class="text_contain_item2"></div>
-                                    <div class="text_contain_item3">机构认证查询、设备认证查询、医师认证查询</div>
-                                </div>
-                            </div>
-                            <div class="list_item">
+                        <div class="athor_contain_list" v-cloak>
+                            <div class="list_item" v-for="item in athor_contain_list" :key="item.id">
                                 <div class="list_item_logo"></div>
                                 <div class="text_contain">
-                                    <div class="text_contain_item">品牌运营</div>
+                                    <div class="text_contain_item">{{item.title}}</div>
                                     <div class="text_contain_item2"></div>
-                                    <div class="text_contain_item3">与机构客户建立双向沟通渠道</div>
+                                    <div class="text_contain_item3">{{item.content}}</div>
                                 </div>
                             </div>
                         </div>
@@ -447,6 +421,9 @@
     </div>
     <div class="text_info" v-else>
         <div class="text_info_contain" v-html="textContent" v-if="textContent"></div>
+<!--        &lt;!&ndash; 底部区域 end &ndash;&gt;-->
+<!--        <template th:replace="components/footer"></template>-->
+<!--        <template th:replace="components/foot-link"></template>-->
     </div>
 </div>