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

feat(Tag): add warning type (#4232)

Browse Source
This commit is contained in:
neverland
2019-08-25 21:05:42 +08:00
committed by GitHub
parent af018ca0f1
commit e5dcf1cf04
6 changed files with 59 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/tag/demo/index.vue
+20 -88
View File
@@ -2,116 +2,48 @@
<demo-section>
<demo-block :title="$t('basicUsage')">
<van-tag>{{ $t('tag') }}</van-tag>
<van-tag type="danger">{{ $t('tag') }}</van-tag>
<van-tag type="primary">{{ $t('tag') }}</van-tag>
<van-tag type="success">{{ $t('tag') }}</van-tag>
<van-tag type="danger">{{ $t('tag') }}</van-tag>
<van-tag type="warning">{{ $t('tag') }}</van-tag>
</demo-block>
<demo-block :title="$t('plain')">
<van-tag plain>{{ $t('tag') }}</van-tag>
<van-tag
round
plain
type="danger"
>
{{ $t('tag') }}
</van-tag>
<van-tag
round
plain
type="primary"
>
{{ $t('tag') }}
</van-tag>
<van-tag
plain
type="success"
>
{{ $t('tag') }}
</van-tag>
<van-tag plain type="primary">{{ $t('tag') }}</van-tag>
<van-tag plain type="success">{{ $t('tag') }}</van-tag>
<van-tag plain type="danger">{{ $t('tag') }}</van-tag>
<van-tag plain type="warning">{{ $t('tag') }}</van-tag>
</demo-block>
<demo-block :title="$t('round')">
<van-tag round>{{ $t('tag') }}</van-tag>
<van-tag
round
type="danger"
>
{{ $t('tag') }}
</van-tag>
<van-tag
round
type="primary"
>
{{ $t('tag') }}
</van-tag>
<van-tag
round
type="success"
>
{{ $t('tag') }}
</van-tag>
<van-tag round type="primary">{{ $t('tag') }}</van-tag>
<van-tag round type="success">{{ $t('tag') }}</van-tag>
<van-tag round type="danger">{{ $t('tag') }}</van-tag>
<van-tag round type="warning">{{ $t('tag') }}</van-tag>
</demo-block>
<demo-block :title="$t('mark')">
<van-tag mark>{{ $t('tag') }}</van-tag>
<van-tag
mark
type="danger"
>
{{ $t('tag') }}
</van-tag>
<van-tag
mark
type="primary"
>
{{ $t('tag') }}
</van-tag>
<van-tag
mark
type="success"
>
{{ $t('tag') }}
</van-tag>
<van-tag mark type="primary">{{ $t('tag') }}</van-tag>
<van-tag mark type="success">{{ $t('tag') }}</van-tag>
<van-tag mark type="danger">{{ $t('tag') }}</van-tag>
<van-tag mark type="warning">{{ $t('tag') }}</van-tag>
</demo-block>
<demo-block :title="$t('customColor')">
<van-tag color="#f2826a">{{ $t('tag') }}</van-tag>
<van-tag
color="#f2826a"
plain
>
{{ $t('tag') }}
</van-tag>
<van-tag color="#f2826a" plain>{{ $t('tag') }}</van-tag>
<van-tag color="#7232dd">{{ $t('tag') }}</van-tag>
<van-tag
color="#7232dd"
plain
>
{{ $t('tag') }}
</van-tag>
<van-tag
color="#ffe1e1"
text-color="#ad0000"
>
{{ $t('tag') }}
</van-tag>
<van-tag color="#7232dd" plain>{{ $t('tag') }}</van-tag>
<van-tag color="#ffe1e1" text-color="#ad0000">{{ $t('tag') }}</van-tag>
</demo-block>
<demo-block :title="$t('customSize')">
<van-tag type="danger">{{ $t('tag') }}</van-tag>
<van-tag
type="danger"
size="medium"
>
{{ $t('tag') }}
</van-tag>
<van-tag
type="danger"
size="large"
>
{{ $t('tag') }}
</van-tag>
<van-tag type="danger" size="medium">{{ $t('tag') }}</van-tag>
<van-tag type="danger" size="large">{{ $t('tag') }}</van-tag>
</demo-block>
</demo-section>
</template>
@@ -138,7 +70,7 @@ export default {
</script>
<style lang="less">
@import "../../style/var";
@import '../../style/var';
.demo-tag {
background-color: @white;