vant/packages/card/demo/index.vue
2018-05-12 15:22:37 +08:00

39 lines
851 B
Vue

<template>
<demo-section background="#fff">
<demo-block :title="$t('basicUsage')">
<van-card
:title="$t('title')"
:desc="$t('desc')"
num="2"
price="2.00"
:thumb="imageURL"
/>
</demo-block>
<demo-block :title="$t('advancedUsage')">
<van-card
:title="$t('title')"
:desc="$t('desc')"
num="2"
price="2.00"
:thumb="imageURL"
>
<div slot="footer">
<van-button size="mini">{{ $t('button') }}</van-button>
<van-button size="mini">{{ $t('button') }}</van-button>
</div>
</van-card>
</demo-block>
</demo-section>
</template>
<script>
export default {
data() {
return {
imageURL: '//img.yzcdn.cn/upload_files/2017/07/02/af5b9f44deaeb68000d7e4a711160c53.jpg'
};
}
};
</script>