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

18
packages/panel/index.vue
View File

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

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

@ -4,25 +4,9 @@
background: $white;
&__header {
padding: 10px 15px;
}
&__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;
.van-cell__value {
color: $red;
}
}
&__footer {