Vue2滑動插件

使用vue-slide插件後發現IE不兼容。script報錯,css

換用vue-swipe插件解決問題vue

vue swipe插件使用demoide

<template>
    <swipe class="my-swipe">
      <swipe-item class="slide1"></swipe-item>
      <swipe-item class="slide2"></swipe-item>
      <swipe-item class="slide3"></swipe-item>
    </swipe>
</template>
<script>
require('vue-swipe/dist/vue-swipe.css')
import {Swipe, SwipeItem} from 'vue-swipe'
export default {
  components: {
    Swipe, SwipeItem
  }
}
</script>
<style>
    .my-swipe {
  height: 200px;
  color: #fff;
  font-size: 30px;
  text-align: center;
}

.slide1 {
  background-color: #0089dc;
  color: #fff;
}

.slide2 {
  background-color: #ffd705;
  color: #000;
}

.slide3 {
  background-color: #ff2d4b;
  color: #fff;
}
</style>
相關文章
相關標籤/搜索