From 6ef2ac92c0d3f79b59b8698274918df830b58b29 Mon Sep 17 00:00:00 2001
From: ZZJ <10913410+zzj2100@user.noreply.gitee.com>
Date: 星期四, 28 七月 2022 10:20:24 +0800
Subject: [PATCH] 禅道bug
---
src/views/index/components/banner.vue | 28 ++++++++++++++++------------
1 files changed, 16 insertions(+), 12 deletions(-)
diff --git a/src/views/index/components/banner.vue b/src/views/index/components/banner.vue
index 2262857..b2c8337 100644
--- a/src/views/index/components/banner.vue
+++ b/src/views/index/components/banner.vue
@@ -1,12 +1,6 @@
<template>
<div class="banner">
- <el-carousel
- trigger="click"
- height="546px"
- :autoplay="false"
- arrow="never"
- ref="banner"
- >
+ <el-carousel trigger="click" :autoplay="false" arrow="never" ref="banner">
<el-carousel-item v-for="(item, index) in bannerList" :key="index">
<div
class="banner_content"
@@ -17,7 +11,7 @@
backgroundRepeat: 'no-repeat',
}"
>
- <div class="banner_text" v-html="item.name"></div>
+ <!-- <div class="banner_text" v-html="item.name"></div> -->
</div>
<div class="link"></div>
</el-carousel-item>
@@ -49,7 +43,7 @@
}
var reg = /^[0-9]/;
if (reg.test(url)) {
- result = "http://" + url;
+ result = "/httpImage/" + url;
return result;
}
@@ -62,17 +56,27 @@
<style lang="scss" scoped>
.banner {
position: relative;
- height: 546px;
+ height: 28.18vw;
+ min-height: 369px;
width: 100%;
min-width: 1280px;
z-index: -1;
top: -62px;
+
+ .el-carousel ::v-deep {
+ height: 100%;
+
+ .el-carousel__container {
+ height: 100%;
+ }
+ }
+
.banner_content {
height: 100%;
- padding: 183px 0 0 0;
-
+ overflow: hidden;
.banner_text {
margin: 0 auto;
+ margin-top: 183px;
width: 1280px;
color: #fff;
}
--
Gitblit v1.8.0