alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

[Doc] use v-slot in demos (#3573)

Browse Source
This commit is contained in:
neverland
2019-06-20 17:32:00 +08:00
committed by GitHub
parent 729b9dac4b
commit d9f2ad6759
25 changed files with 141 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/card/demo/index.vue
+41 -42
View File
@@ -20,40 +20,39 @@
:title="$t('title')"
:thumb="imageURL"
>
<div
slot="tags"
class="card__tags"
>
<van-tag
plain
type="danger"
>
标签1
</van-tag>
<van-tag
plain
type="danger"
>
标签2
</van-tag>
</div>
<div
slot="footer"
class="card__footer"
>
<van-button
round
size="mini"
>
{{ $t('button') }}
</van-button>
<van-button
round
size="mini"
>
{{ $t('button') }}
</van-button>
</div>
<template v-slot:tags>
<div class="card__tags">
<van-tag
plain
type="danger"
>
标签1
</van-tag>
<van-tag
plain
type="danger"
>
标签2
</van-tag>
</div>
</template>
<template v-slot:footer>
<div class="card__footer">
<van-button
round
size="mini"
>
{{ $t('button') }}
</van-button>
<van-button
round
size="mini"
>
{{ $t('button') }}
</van-button>
</div>
</template>
</van-card>
</demo-block>
</demo-section>
@@ -63,7 +62,7 @@
export default {
i18n: {
'zh-CN': {
title: '2018秋冬新款男士休闲时尚军绿飞行夹克秋冬新款男'
title: '商品名称'
}
},
@@ -76,13 +75,13 @@ export default {
</script>
<style lang="less">
.card__footer {
padding-top: 10px;
}
.card__footer {
padding-top: 5px;
}
.card__tags {
.van-tag {
margin-right: 5px;
}
.card__tags {
.van-tag {
margin-right: 5px;
}
}
</style>
packages/card/test/__snapshots__/demo.spec.js.snap
+10 -10
View File
@@ -11,7 +11,7 @@ exports[`renders demo correctly 1`] = `
</div>
</a>
<div class="van-card__content">
<div class="van-card__title">2018秋冬新款男士休闲时尚军绿飞行夹克秋冬新款男</div>
<div class="van-card__title">商品名称</div>
<div class="van-card__desc van-ellipsis">描述信息</div>
<div class="van-card__bottom">
<div class="van-card__price">¥ 2.00</div>
@@ -31,13 +31,13 @@ exports[`renders demo correctly 1`] = `
<div class="van-card__tag"><span class="van-tag van-tag--mark" style="background-color: rgb(255, 68, 68);">标签</span></div>
</a>
<div class="van-card__content">
<div class="van-card__title">2018秋冬新款男士休闲时尚军绿飞行夹克秋冬新款男</div>
<div class="van-card__title">商品名称</div>
<div class="van-card__desc van-ellipsis">描述信息</div>
<div class="card__tags"><span class="van-tag van-tag--plain van-hairline--surround" style="color: rgb(255, 68, 68);">
标签1
</span> <span class="van-tag van-tag--plain van-hairline--surround" style="color: rgb(255, 68, 68);">
标签2
</span></div>
标签1
</span> <span class="van-tag van-tag--plain van-hairline--surround" style="color: rgb(255, 68, 68);">
标签2
</span></div>
<div class="van-card__bottom">
<div class="van-card__price">¥ 2.00</div>
<div class="van-card__origin-price">¥ 10.00</div>
@@ -47,10 +47,10 @@ exports[`renders demo correctly 1`] = `
</div>
<div class="van-card__footer">
<div class="card__footer"><button class="van-button van-button--default van-button--mini van-button--round"><span class="van-button__text">
按钮
</span></button> <button class="van-button van-button--default van-button--mini van-button--round"><span class="van-button__text">
按钮
</span></button></div>
按钮
</span></button> <button class="van-button van-button--default van-button--mini van-button--round"><span class="van-button__text">
按钮
</span></button></div>
</div>
</div>
</div>