vue 手写图片左右跑马灯效果

匆匆忙忙慌慌张张

于 2021-05-15 16:09:40 发布

阅读量1.7k

点赞数 2

文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/weixin_42213796/article/details/116853336

版权

效果图与代码贴上：

1.html部分

<template>
    <div class="box">
        <Icon class="icons1 icons" type="ios-arrow-dropleft-circle" @click="left"/>
        <Icon class="icons2 icons" type="ios-arrow-dropright-circle" @click="right"/>
        <div class="imgbox">
            <ul ref="ul" :style="{'transform':`translateX(${slidenum}px)`}">
                <li v-for="(item,index) of slide_array" class="slide" :key="index" @click="tip(item)">
                    <img :src="item.src" alt="错误" crossorigin="anonymous">
                    <div class=