vue中的翻页_Vue中的通用翻页卡，允许每面完全任意内容

vue中的翻页

VUE翻页卡 (vue-flip-card)

Generic flip card that allows for completely arbitrary content on each side. Slot-ified version of Karakanb's awesome vue-info-card component, which you can find here.

通用翻页卡，允许每面完全任意内容。 Karakanb出色的vue-info-card组件的插槽限定版本，您可以在这里找到。

View Demo 查看演示 Download Source 下载源

安装 (Installation)

FlipCard uses vuetify with md-icons as the icon that you click to flip the cards, but you can put whatever you want in there instead if you dont use vuetify.

FlipCard使用带有md-icons的vuetify作为您用来翻转卡片的图标，但是如果您不使用vuetify，则可以在其中放置任何想要的东西。

用法 (Usage)

Take a look at this sick example, right here boys:

看看这个病态的例子，就在这里，男孩们：

<template>
  <FlipCard>
    <template slot="front">
      <span>Hey loser</span>
    </template>
    <template slot="back">
      <span>Thought u could get rid of me loser?</span>
    </template>
  </FlipCard>
</template>

<script>
import FlipCard from 'vue-flip-card';

export default {
  components: {
    FlipCard,
  }
};
</script>

道具 (Props)

Throw whatever you want in those slots

将您想要的东西扔到这些插槽中

翻译自: https://vuejsexamples.com/generic-flip-card-in-vue-that-allows-completely-arbitrary-content-on-each-side/

vue中的翻页