banner轮播图跳转

src/views/index-copy.vue

@@ -2,26 +2,26 @@
   <div class="app-container home">
   <div class="app-container home">
     <div class="banner">
     <div class="banner">
       <el-carousel height="600px" :indicator-position="bannerImgList.length <= 1 ? 'none':'' ">
       <el-carousel height="600px" :indicator-position="bannerImgList.length <= 1 ? 'none':'' ">
-        <el-carousel-item v-for="item in bannerImgList" :key="item">
+        <el-carousel-item v-for="item in bannerImgList" :key="item" @click="handleCarousel(item.url)">
           <img :src="baseUrl + item.image" alt="">
           <img :src="baseUrl + item.image" alt="">
         </el-carousel-item>
         </el-carousel-item>
       </el-carousel>
       </el-carousel>
-<!--      <div class="banner-text">-->
-<!--        <div class="banner-left">-->
-<!--          <div>开启先进计算<span>新时代</span></div>-->
-<!--          <div>安全 / 便携 / 弹性 / 丰富 / 节约 / 高效</div>-->
-<!--        </div>-->
-<!--        <div class="banner-right">-->
-<!--          <div class="text-right">-->
-<!--            <div class="text-right-del">-->
-<!--              <div>OPENING</div>-->
-<!--              <div>UP BRILLIANCE</div>-->
-<!--            </div>-->
-<!--            <div class="exclamation-point">!</div>-->
-<!--          </div>-->
-<!--          <div class="text-bottom">THE <span>NEW ERA</span></div>-->
-<!--        </div>-->
-<!--      </div>-->
+      <!--      <div class="banner-text">-->
+      <!--        <div class="banner-left">-->
+      <!--          <div>开启先进计算<span>新时代</span></div>-->
+      <!--          <div>安全 / 便携 / 弹性 / 丰富 / 节约 / 高效</div>-->
+      <!--        </div>-->
+      <!--        <div class="banner-right">-->
+      <!--          <div class="text-right">-->
+      <!--            <div class="text-right-del">-->
+      <!--              <div>OPENING</div>-->
+      <!--              <div>UP BRILLIANCE</div>-->
+      <!--            </div>-->
+      <!--            <div class="exclamation-point">!</div>-->
+      <!--          </div>-->
+      <!--          <div class="text-bottom">THE <span>NEW ERA</span></div>-->
+      <!--        </div>-->
+      <!--      </div>-->
     </div>
     </div>
     <div class="new-model">
     <div class="new-model">
       <div class="model-box" v-for="(i,index) in list" :key="i">
       <div class="model-box" v-for="(i,index) in list" :key="i">
@@ -305,6 +305,12 @@ getInformation()
 function openAssembly(data) {
 function openAssembly(data) {
   window.open(data.url)
   window.open(data.url)
 }
 }
+
+function handleCarousel(url) {
+  if (url) {
+    window.open(url)
+  }
+}
 </script>
 </script>
 
 
 <style scoped lang="scss">
 <style scoped lang="scss">
@@ -455,6 +461,7 @@ function openAssembly(data) {
 
 
 .banner {
 .banner {
   position: relative;
   position: relative;
+  cursor: pointer;
   //margin-bottom: 64px;
   //margin-bottom: 64px;
 
 
   img {
   img {