update Card style

This commit is contained in:
梁灏 2018-07-09 16:16:39 +08:00
parent d14a61aa66
commit 109eb52dde
3 changed files with 3 additions and 3 deletions

View file

@ -2,7 +2,7 @@
<Card style="width:350px"> <Card style="width:350px">
<p slot="title"> <p slot="title">
<Icon type="ios-film-outline"></Icon> <Icon type="ios-film-outline"></Icon>
经典电影 <span>经典电影</span>
</p> </p>
<a href="#" slot="extra" @click.prevent="changeLimit"> <a href="#" slot="extra" @click.prevent="changeLimit">
<Icon type="ios-loop-strong"></Icon> <Icon type="ios-loop-strong"></Icon>

View file

@ -3,7 +3,7 @@
<div :class="headClasses" v-if="showHead"><slot name="title"> <div :class="headClasses" v-if="showHead"><slot name="title">
<p v-if="title"> <p v-if="title">
<Icon v-if="icon" :type="icon"></Icon> <Icon v-if="icon" :type="icon"></Icon>
{{title}} <span>{{title}}</span>
</p> </p>
</slot></div> </slot></div>
<div :class="extraClasses" v-if="showExtra"><slot name="extra"></slot></div> <div :class="extraClasses" v-if="showExtra"><slot name="extra"></slot></div>

View file

@ -19,7 +19,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
p i{ p i, p span{
vertical-align: middle; vertical-align: middle;
} }
} }