Commit 0d88d859 authored by mahui's avatar mahui

init

parent 974559df
...@@ -11,9 +11,9 @@ ...@@ -11,9 +11,9 @@
<div class="detail-body"> <div class="detail-body">
<div class="body-one base" v-if="tab=='base'"> <div class="body-one base" v-if="tab=='base'">
<div class="poster"> <div class="poster">
<div class="blur-mask" v-if="showBanner" :style="`background-image:url('${detail.poster[detail.index]}')`"></div> <!--<div class="blur-mask" v-if="showBanner" :style="`background-image:url('${detail.poster[detail.index]}')`"></div>-->
<div class="banner" v-if="showBanner"> <div class="banner" v-if="showBanner">
<el-carousel :interval="5000" arrow="never" style="height: 480px;" <el-carousel :interval="3000" arrow="never" style="height: 480px;"
@change="(val)=>{detail.index=val}"> @change="(val)=>{detail.index=val}">
<el-carousel-item style="height: 480px;" v-for="item in detail.poster" :key="item"> <el-carousel-item style="height: 480px;" v-for="item in detail.poster" :key="item">
<div class="banner-bg" :style="`background-image:url('${item}')`"></div> <div class="banner-bg" :style="`background-image:url('${item}')`"></div>
...@@ -727,13 +727,14 @@ ...@@ -727,13 +727,14 @@
overflow: hidden; overflow: hidden;
.banner { .banner {
width: 100%;
position: relative; position: relative;
height: 480px; height: 480px;
z-index: 3; z-index: 3;
.banner-bg { .banner-bg {
display: block; display: block;
width: 1140px; width: 100%;
height: 100%; height: 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment