blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

[Improvement] Panel: use cell instead of extra style (#927)

Browse Source
This commit is contained in:
neverland 2018-04-24 17:34:36 +08:00 committed by GitHub
parent ba33733bd1
commit effc9591a3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/panel/index.vue
View File

@ -1,19 +1,15 @@
<template> <template>
<div class="van-panel van-hairline--top-bottom"> <cell-group :class="b()">
<div class="van-panel__header van-hairline--bottom">
<slot name="header"> <slot name="header">
<div class="van-panel__title" v-text="title" /> <cell :class="b('header')" :title="title" :label="desc" :value="status" />
<span class="van-panel__desc" v-if="desc" v-text="desc" />
<span class="van-panel__status" v-if="status" v-text="status" />
</slot> </slot>
</div> <div :class="b('content')">
<div class="van-panel__content">
<slot /> <slot />
</div> </div>
<div class="van-panel__footer van-hairline--top" v-if="$slots.footer"> <div v-if="$slots.footer" :class="b('footer')" class="van-hairline--top">
<slot name="footer" /> <slot name="footer" />
</div> </div>
</div> </cell-group>
</template> </template>
<script> <script>

20
packages/vant-css/src/panel.css
View File

@ -4,26 +4,10 @@
background: $white; background: $white;
&__header { &__header {
padding: 10px 15px; .van-cell__value {
}
&__title {
font-size: 14px;
color: $text-color;
}
&__desc {
font-size: 12px;
color: $gray-darker;
}
&__status {
font-size: 14px;
position: absolute;
top: 10px;
right: 15px;
color: $red; color: $red;
} }
}
&__footer { &__footer {
padding: 10px 15px; padding: 10px 15px;