ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-21 11:17:41 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

[Improvement] Button: add warning type (#1558)

Browse Source
This commit is contained in:
neverland
2018-07-30 17:33:19 +08:00
committed by GitHub
parent c0e9fd633a
commit 4ab3959636
6 changed files with 53 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
packages/button/demo/index.vue
View File

@@ -1,14 +1,20 @@
<template>
<demo-section>
<demo-block :title="$t('title1')">
<van-button type="default">{{ $t('default') }}</van-button>
<van-button type="primary">{{ $t('primary') }}</van-button>
<div class="demo-button-row">
<van-button type="default">{{ $t('default') }}</van-button>
<van-button type="primary">{{ $t('primary') }}</van-button>
</div>
<van-button type="warning">{{ $t('warning') }}</van-button>
<van-button type="danger">{{ $t('danger') }}</van-button>
</demo-block>
<demo-block :title="$t('plain')">
<van-button type="default" plain>{{ $t('default') }}</van-button>
<van-button type="primary" plain>{{ $t('primary') }}</van-button>
<div class="demo-button-row">
<van-button type="default" plain>{{ $t('default') }}</van-button>
<van-button type="primary" plain>{{ $t('primary') }}</van-button>
</div>
<van-button type="warning" plain>{{ $t('warning') }}</van-button>
<van-button type="danger" plain>{{ $t('danger') }}</van-button>
</demo-block>
@@ -48,6 +54,7 @@ export default {
default: '默认按钮',
primary: '主要按钮',
danger: '危险按钮',
warning: '警告按钮',
large: '大号按钮',
normal: '普通按钮',
small: '小型按钮',
@@ -63,6 +70,7 @@ export default {
default: 'Default',
primary: 'Primary',
danger: 'Danger',
warning: 'Warning',
large: 'Large',
normal: 'Normal',
small: 'Small',
@@ -99,5 +107,9 @@ export default {
.van-doc-demo-block__title {
padding-left: 0;
}
&-row {
margin-bottom: 10px;
}
}
</style>