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

[bugfix] Dialog: cancel button display (#2685)

Browse Source
This commit is contained in:
neverland
2019-02-05 11:15:47 +08:00
committed by GitHub
parent 4374293c4e
commit b896113ad6
2 changed files with 27 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
packages/dialog/Dialog.js
View File

@@ -88,26 +88,28 @@ export default sfc({
const hasButtons = this.showCancelButton && this.showConfirmButton;
const ButtonGroup = (
<div class={['van-hairline--top', bem('footer', { buttons: hasButtons })]}>
<Button
vShow={this.showCancelButton}
size="large"
class={bem('cancel')}
loading={this.loading.cancel}
text={this.cancelButtonText || t('cancel')}
onClick={() => {
this.handleAction('cancel');
}}
/>
<Button
vShow={this.showConfirmButton}
size="large"
class={[bem('confirm'), { 'van-hairline--left': hasButtons }]}
loading={this.loading.confirm}
text={this.confirmButtonText || t('confirm')}
onClick={() => {
this.handleAction('confirm');
}}
/>
{this.showCancelButton && (
<Button
size="large"
class={bem('cancel')}
loading={this.loading.cancel}
text={this.cancelButtonText || t('cancel')}
onClick={() => {
this.handleAction('cancel');
}}
/>
)}
{this.showConfirmButton && (
<Button
size="large"
class={[bem('confirm'), { 'van-hairline--left': hasButtons }]}
loading={this.loading.confirm}
text={this.confirmButtonText || t('confirm')}
onClick={() => {
this.handleAction('confirm');
}}
/>
)}
</div>
);