vant/docs/demos/views/card.vue
neverland d8b6ad7d54
[new feature] add i18n support (#310)
* fix: Tabbar icon line-height

* [new feature] progress add showPivot prop

* [new feature] TabItem support vue-router

* [new feature] update document header style

* [Doc] add toast english ducoment

* [new feature] add i18n support

* feat: Extract demos from markdown

* feat: Base components demos

* [new feature] complete demo extract & translate

* [fix] text cases

* fix: add deepAssign test cases

* fix: changelog detail

* [new feature] AddressEdit support i18n
2017-11-15 20:08:51 -06:00

39 lines
850 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>