| | |
| | | <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" |
| | |
| | | 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> |
| | |
| | | } |
| | | var reg = /^[0-9]/; |
| | | if (reg.test(url)) { |
| | | result = "http://" + url; |
| | | result = "/httpImage/" + url; |
| | | return result; |
| | | } |
| | | |
| | |
| | | <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; |
| | | } |