2017-09-17 18:49:58 +08:00
|
|
|
<div class="do-sliders" :if="sliderList.length" :mouseenter="$stopSlide()" :mouseleave="$startSlide()">
|
|
|
|
<a class="do-ui-font slider-btn" href="javascript:;"
|
|
|
|
:click="$go(-1)"></a>
|
|
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="box"
|
2017-09-17 23:22:25 +08:00
|
|
|
:attr="{style: 'width:' + sliderList.length * 100 + '%;' + transform}">
|
2017-09-17 18:49:58 +08:00
|
|
|
<a target="_blank"
|
|
|
|
:repeat="sliderList"
|
2017-09-17 23:22:25 +08:00
|
|
|
:css="{width: currWidth}"
|
|
|
|
:attr="{href: el.link || 'javascript:;'}">
|
|
|
|
<img :attr-src="el.src">
|
2017-09-17 18:49:58 +08:00
|
|
|
<p :if="el.title"
|
2017-09-17 23:22:25 +08:00
|
|
|
:attr="{style: el.titlaStyle ? el.titleStyle + ';' : ''}"
|
2017-09-17 18:49:58 +08:00
|
|
|
:html="el.title"
|
|
|
|
class="default-class"></p>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2017-09-17 23:22:25 +08:00
|
|
|
<div class="btn" :css="{bottom: (preview ? '-120px' : '0;')}">
|
2017-09-17 18:49:58 +08:00
|
|
|
<span :if="!preview"
|
|
|
|
href="javascript:;"
|
|
|
|
:class="{'no-preview-act': curr === $index}"
|
|
|
|
:repeat="sliderList"
|
|
|
|
:click="$jump($index)">
|
|
|
|
</span>
|
|
|
|
|
|
|
|
<a class="btn-img" href="javascript:;"
|
|
|
|
:if="preview"
|
|
|
|
:class="{act: curr === $index || (curr >= maxNum && $index == maxNum - 1)}"
|
|
|
|
:click="$jump($index)"
|
|
|
|
:repeat="sliderBtnList">
|
|
|
|
<img
|
|
|
|
:class="{'preview-act': curr === $index || (curr >= maxNum && $index == maxNum - 1)}"
|
|
|
|
:attr-src="el.src" />
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<a class="do-ui-font slider-btn" href="javascript:;"
|
|
|
|
:click="$go(1)"></a>
|
|
|
|
</div>
|