<div class="do-sliders">
    <a class="slider-btn" href="javascript:;"
        :click="$go($event, -1)">{{leftButton ? leftButton : '<'}}</a>
    <div class="box"
        :attr="{style: 'width: ' + slideList.length * 100 + '%;' + transform}">
        <section
            :repeat="slideList"
            :attr="{style: 'width: ' + currWidth}">
            <img
                :attr="{src: el.src}">
            <span
                :if="el.title">{{el.title}}</span>
        </section>
    </div>

    <div class="btn">
        <span
            href="javascript:;"
            :class="{act: curr === $index}"
            :repeat="slideList"
            :click="$jump($event, $index)"></span>
    </div>

    <a class="slider-btn" href="javascript:;"
        :click="$go($event, 1)">{{rightButton ? rightButton : '>'}}</a>
</div>