mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 03:12:27 +09:00
47 lines
710 B
Markdown
47 lines
710 B
Markdown
---
|
|
state:
|
|
flipped: false
|
|
---
|
|
|
|
### VCreditCard
|
|
|
|
Vuero ships with the `<VCreditCard />` component, a custom credit card
|
|
previewer. Check the code for more details.
|
|
|
|
<!--code-->
|
|
|
|
```vue
|
|
<script setup lang="ts">
|
|
|
|
const flipped = ref(null)
|
|
</script>
|
|
|
|
<template>
|
|
<VField>
|
|
<VControl>
|
|
<VCreditCard
|
|
color="grey"
|
|
:flipped="flipped"
|
|
@flip="flipped = !flipped"
|
|
/>
|
|
</VControl>
|
|
</VField>
|
|
</template>
|
|
```
|
|
|
|
<!--/code-->
|
|
|
|
<!--example-->
|
|
|
|
<VField class="credit-card">
|
|
<VControl>
|
|
<VCreditCard
|
|
color="grey"
|
|
:flipped="frontmatter.state.flipped"
|
|
@flip="frontmatter.state.flipped = !frontmatter.state.flipped"
|
|
/>
|
|
</VControl>
|
|
</VField>
|
|
|
|
<!--/example-->
|