blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-25 10:56:35 +08:00
Code Issues Projects Releases Wiki Activity

[Improvement] Dialog: isolated title (#1270)

Browse Source
This commit is contained in:
neverland 2018-06-12 16:49:10 +08:00 committed by GitHub
parent d6388a923c
commit 9431412906
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/dialog/dialog.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<transition name="van-dialog-bounce"> <transition name="van-dialog-bounce">
<div v-show="value" :class="[b(), className]"> <div v-show="value" :class="[b(), className]">
<div v-if="title" v-text="title" :class="b('header')" /> <div v-if="title" v-text="title" :class="b('header', { isolated: !message && !$slots.default })" />
<div :class="b('content')" v-if="message || $slots.default"> <div :class="b('content')" v-if="message || $slots.default">
<slot> <slot>
<div v-if="message" v-html="message" :class="b('message', { 'has-title': title })" /> <div v-if="message" v-html="message" :class="b('message', { 'has-title': title })" />

8
packages/vant-css/src/dialog.css
View File

@ -15,6 +15,10 @@
&__header { &__header {
padding: 15px 0 0; padding: 15px 0 0;
text-align: center; text-align: center;
&--isolated {
padding: 25px 0;
}
} }
&__message { &__message {
@ -40,10 +44,6 @@
} }
} }
&__header + &__footer {
margin-top: 15px;
}
.van-button { .van-button {
border: 0; border: 0;
} }