页面调整

src/views/HomeView/Index.vue

@@ -2,16 +2,15 @@
     <div class="timeline-container">
         <div class="timeline-content">
             <div class="timeline-entry-list">
-                <div class="hot-list-wrap">
+                <img src="@/assets/image/banner4.png" alt="banner" class="banner">
+                <!-- <div class="hot-list-wrap">
                     <el-empty :image-size="200" v-if="bannerList.length < 1"></el-empty>
-                    <el-carousel arrow="never" indicator-position="none" height="207px" :interval="5000" v-if="bannerList.length > 0">
+                    <el-carousel arrow="never" indicator-position="none" height="120px" :interval="5000" v-if="bannerList.length > 0">
                         <el-carousel-item v-for="(item, index) in bannerList" :key="index">
-                            <router-link to="/productTrials">
-                                <img style="width: 100%; height: 100%" :src="item.url" />
-                            </router-link>
+                                <img style="width: 100%; height: 100%" :src="item.url" class="banner" />
                         </el-carousel-item>
                     </el-carousel>
-                </div>
+                </div> -->
                 <div class="entry-list-container">
                     <div class="tab-header">
                         <span class="tab-title">最新通知</span>
@@ -58,11 +57,11 @@ export default{
         dataInfo:'',
         bannerList: [
             {
-                url: require('@/assets/image/banner.png')
-            },
-            {
-                url: require('@/assets/image/banner.jpg')
+                url: require('@/assets/image/banner4.png')
             },
+            // {
+            //     url: require('@/assets/image/banner.jpg')
+            // },
         ],
         dataList:[],
         page:1,
@@ -140,6 +139,14 @@ export default{
 }
 </script>
 <style scoped>
+.banner {
+    width: 100%;
+    height: 120px;
+    background-color: #2c82fe;
+    border-radius: 4px;
+    margin-bottom: 15px;
+    display: block;
+}
 .timeline-container{
     margin: 0 auto;
 }

src/views/HomeView/PointsMall.vue

@@ -3,7 +3,8 @@
         <!-- <img src="@/assets/image/banner4.png" alt="banner" class="banner"> -->
         <div class="hot-list-wrap">
                     <el-empty :image-size="200" v-if="bannerList.length < 1"></el-empty>
-                    <el-carousel arrow="never" indicator-position="none" height="300px" :interval="5000" v-if="bannerList.length > 0">
+                    <!-- arrow="never" indicator-position="none" -->
+                    <el-carousel indicator-position="none" height="300px" :interval="5000" v-if="bannerList.length > 0">
                         <el-carousel-item v-for="(item, index) in bannerList" :key="index">
                             <!-- <router-link to="/productTrials"> -->
                                 <img style="width: 100%; height: 100%" :src="item.url" class="banner" />
@@ -170,6 +171,9 @@ export default {
             {
                 url: require('@/assets/image/banner6.jpg')
             },
+            {
+                url: require('@/assets/image/banner7.jpg')
+            },
         ],
             page: 1,
             pages: 1,