updated

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

@@ -1210,15 +1210,15 @@ body{
 #fourPage .el-carousel__item .four_logo_1 {
     width: 50%;
     height: 80%;
-    background: url(/img/supplier-login/SuccessCases/success_1.jpg) no-repeat center;
-    background-size: contain;
-}
-#fourPage .el-carousel__item .four_logo_2 {
-     width: 50%;
-     height: 80%;
-     background: url(/img/supplier-login/SuccessCases/success_2.jpg) no-repeat center;
-     background-size: contain;
-}
+    /*background: url(/img/supplier-login/SuccessCases/success_1.jpg) no-repeat center;*/
+    /*background-size: contain;*/
+}
+/*#fourPage .el-carousel__item .four_logo_2 {*/
+/*     width: 50%;*/
+/*     height: 80%;*/
+/*     background: url(/img/supplier-login/SuccessCases/success_2.jpg) no-repeat center;*/
+/*     background-size: contain;*/
+/*}*/
 #fourPage .el-carousel__item .logo_text {
     width: 45%;
     height: 80%;

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

@@ -193,6 +193,19 @@ new Vue({
                 content: '与机构客户建立双向沟通渠道',
             },
         ],
+        el_carousel_list: [
+            {
+                id: 1,
+                title: '私域流量运营难',
+                content: "来自西班牙的明星品牌，在进入中国市场后行了大量的运营资源投放，却依旧无法精准触达用户、回收市场数据。</br>采美采用B2B2C私域运营模式对该品牌及竞品进行全面分析，对比两者之间的优势和劣势，为需要宣传的品牌进行关键词组布局，在采美商城优先进行品牌曝光度。</br>并通过认证通、采美社群等工具，向B端客户推送相关活动，刺激B端客户向C端客户进一步传播品牌形象和实力，从而吸引更多的B端客户来访；采美CRM系统对来访客户做用户行为轨迹跟踪，完善用户画像，帮助品牌精准获取客户资料，筛选出优质客户。</br>既提高该品牌的知名度，又保证了用户数据的精准度。",
+                bg: '/img/supplier-login/SuccessCases/success_1.jpg',
+            },{
+                id: 2,
+                title: '营销获客难',
+                content: '连续七年专注敏感肌肤的皮肤管理品牌,在法国荣获全球护肤品创新品牌大奖，品牌实力不容小觑，但由于对B端机构宣传不足,在营销获客上十分艰难。</br>采美团队通过前期市场调研分析后提炼了B端关键词并进行布局，将品牌专利技术的相关内容在采美媒体矩阵同步分发，最终形成全渠道、全链路整合内容营销；将旗下产品搭配导入仪器做联合活动，双向锁定潜在客户，客户询盘量显著增长，解决了单一产品销售难的问题。</br>',
+                bg: '/img/supplier-login/SuccessCases/success_2.jpg',
+            },
+        ],
         userInfo: JSON.parse(localStorage.getItem('userInfo')) || '',
         showContent: true,
         textContent: '',

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

@@ -299,30 +299,13 @@
                 <div class="pageInner_contain" v-if="activeId === 4">
                     <div class="nextChange" :class="isActiveNext ? 'isActiveNext' : ''" @click="nextPageCar"><</div>
                     <el-carousel indicator-position="outside" ref="carousel" height="30vw" :interval="4000">
-                        <el-carousel-item>
-                            <div class="four_logo_1 animate__animated" :class="activeId === 4 ? 'animate__rotateInUpRight' : ''"></div>
-                            <div class="logo_text animate__animated" :class="activeId === 4 ? 'animate__rotateInUpLeft' : ''">
-                                <div class="logo_title">私域流量运营难</div>
-                                <div class="analysis">来自西班牙的明星品牌，在进入中国市场后行了大量的运营资源投放，却依旧
-                                    无法精准触达用户、回收市场数据。</br>
-                                    采美采用B2B2C私域运营模式对该品牌及竞品进行全面分析，对比两者之间的
-                                    优势和劣势，为需要宣传的品牌进行关键词组布局，在采美商城优先进行品牌
-                                    曝光度。</br>并通过认证通、采美社群等工具，向B端客户推送相关活动，刺激B端
-                                    客户向C端客户进一步传播品牌形象和实力，从而吸引更多的B端客户来访；采
-                                    美CRM系统对来访客户做用户行为轨迹跟踪，完善用户画像，帮助品牌精准获
-                                    取客户资料，筛选出优质客户。</br>既提高该品牌的知名度，又保证了用户数据的
-                                    精准度。
-                                </div>
+                        <el-carousel-item v-for="item in el_carousel_list" :key="item.id">
+                            <div class="four_logo_1 animate__animated" :class="activeId === 4 ? 'animate__rotateInUpRight' : ''">
+                                <el-image fit="cover" :src="item.bg" style="width: 100%; height: 100%;"></el-image>
                             </div>
-                        </el-carousel-item>
-                        <el-carousel-item>
-                            <div class="four_logo_2"></div>
-                            <div class="logo_text">
-                                <div class="logo_title">营销获客难</div>
-                                <div class="analysis">
-                                    连续七年专注敏感肌肤的皮肤管理品牌,在法国荣获全球护肤品创新品牌大奖，品牌实力不容小觑，但由于对B端机构宣传不足,在营销获客上十分艰难。</br>
-                                    采美团队通过前期市场调研分析后提炼了B端关键词并进行布局，将品牌专利技术的相关内容在采美媒体矩阵同步分发，最终形成全渠道、全链路整合内容营销；将旗下产品搭配导入仪器做联合活动，双向锁定潜在客户，客户询盘量显著增长，解决了单一产品销售难的问题。</br>
-                                </div>
+                            <div class="logo_text animate__animated" :class="activeId === 4 ? 'animate__rotateInUpLeft' : ''">
+                                <div class="logo_title">{{item.title}}</div>
+                                <div class="analysis" v-html="item.content"></div>
                             </div>
                         </el-carousel-item>
                     </el-carousel>