ActionSheet

轮播图，可自定义轮播时间间隔、动画时长等。Demo

引入

import { Swipe, SwipeItem } from 'vue-pmui';
// 全局使用
Vue.component(Swipe.name, Swipe);
Vue.component(SwipeItem.name, SwipeItem)
// 或者
Vue.use(Swipe);
Vue.use(SwipeItem);

例子

<pm-swipe @change="changeHandler"
          :index.sync="index"
          loop
          show-dots>
  <pm-swipe-item>
    <img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3069472720,3661376600&fm=27&gp=0.jpg">
  </pm-swipe-item>
  <pm-swipe-item>
    <img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3791826132,2455842012&fm=27&gp=0.jpg">
  </pm-swipe-item>
  <pm-swipe-item>
    <img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=4213947888,4286234652&fm=27&gp=0.jpg">
  </pm-swipe-item>
  <pm-swipe-item>
    <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3803592998,823198989&fm=27&gp=0.jpg">
  </pm-swipe-item>
</pm-swipe>

  export default {
    data() {
      return {
        index: 0
      };
    },
    methods: {
      changeHandler(index) {
        this.$toast(`index: ${index}`, 1000);
      }
    }
  };

Props

Methods

Events