banner

src/views/bookStore/index.vue

@@ -7,30 +7,24 @@
       :LoginNavIndex="0"
     />
     <div class="banner">
-      <el-carousel
+      <!-- <el-carousel
         type="card"
         height="308px"
         trigger="click"
         arrow="never"
         indicator-position="none"
       >
-        <el-carousel-item v-for="item in 1" :key="item">
-          <!-- 如果有跳转链接 则跳转 否则只展示 -->
-          <!-- <a v-if="item" href="#" target="_blank">
-                    <el-image
-                        class="image"
-                        :src="require('../../assets/banner'+item+'.png')"
-                        :fit="'cover'">
-                    </el-image>
-                </a> -->
-          <el-image
-            class="image"
-            :src="require('../../assets/banner' + (2 + item) + '.png')"
-            :fit="'cover'"
-          >
-          </el-image>
-        </el-carousel-item>
-      </el-carousel>
+        <el-carousel-item v-for="item in 1" :key="item" cardwidth="1200px"> -->
+
+      <el-image
+        class="image"
+        :src="require('../../assets/banner3.png')"
+        :fit="'cover'"
+        style="width: 1200px; height: 308px; margin: 0 auto"
+      >
+      </el-image>
+      <!-- </el-carousel-item>
+      </el-carousel> -->
       <!-- <carousel class="service-advantage" type="card" height="320px" trigger="click" arrow="never" :interval="40000000">
             <carousel-item v-for="item in 3" :key="item" cardwidth="1200px">
                 <el-image
@@ -316,6 +310,7 @@ export default {
     .image {
       width: 100%;
       height: 100%;
+      display: block;
     }
   }
   .main {
@@ -360,8 +355,8 @@ export default {
 </style>
 <style lang="scss">
 .el-carousel__item--card {
-  width: 80%;
-  // max-width: 1200px;
-  margin-left: -15%;
+  // width: 80%;
+  width: 1200px;
+  margin-left: -20%;
 }
 </style>