...
|
...
|
@@ -6,13 +6,6 @@ |
|
|
<SlideItem class="slide-item" :style="slideItemStyle" v-for="(item, inx) in data.blockList" :key="inx">
|
|
|
<ArticleItemSlideImage v-if="!thumb || inx === 0" :lazy="lazy && inx > 0" :data="item" :thumb-size="firstBlockSize"></ArticleItemSlideImage>
|
|
|
</SlideItem>
|
|
|
<template slot="dots" slot-scope="props">
|
|
|
<span class="slide-dot"
|
|
|
:class="dotClass(props.current, inx)"
|
|
|
v-for="(item, inx) in props.dots"
|
|
|
:key="inx">
|
|
|
</span>
|
|
|
</template>
|
|
|
</Slide>
|
|
|
<div class="pages" v-if="data.blockList.length > 1">
|
|
|
{{slideIndex}}/{{data.blockList.length}}
|
...
|
...
|
@@ -162,11 +155,7 @@ export default { |
|
|
overflow: hidden;
|
|
|
|
|
|
& /deep/ .cube-slide-dots {
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
bottom: 10PX;
|
|
|
height: 5PX;
|
|
|
display: none;
|
|
|
}
|
|
|
}
|
|
|
|
...
|
...
|
@@ -177,25 +166,6 @@ export default { |
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.slide-dot {
|
|
|
width: 30px;
|
|
|
height: 8px;
|
|
|
background-color: rgba(255, 255, 255, 0.7);
|
|
|
transition: width 0.2s linear;
|
|
|
|
|
|
&.active {
|
|
|
background-color: rgba(255, 255, 255, 1);
|
|
|
}
|
|
|
|
|
|
&.more {
|
|
|
width: 8px;
|
|
|
}
|
|
|
|
|
|
&.hide {
|
|
|
display: none;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.pages {
|
|
|
position: absolute;
|
|
|
z-index: 1;
|
...
|
...
|
|