chenhaodong / mew-iview

Commit b0a9eb4e2c7d1d7d7daa700a2be3f26c1fd4b0aa

Authored by Aresn
Committed by GitHub
2 parents 85ed4df8 91f3d3ff

Merge pull request #429 from muei/2.0 

style(card): feat padding switch prop
Showing 2 changed files with 14 additions and 3 deletions   Show diff stats
Inline Side-by-side
examples/routers/card.vue
  Show/Hide comments   View file @b0a9eb4
1 1 <template>
2   - <Card style="width:350px">
  2 + <Card style="width:350px" v-bind:padding="0">
3 3 <p slot="title">
4 4 <Icon type="ios-film-outline"></Icon>
5 5 经典电影
... ...
src/components/card/card.vue
  Show/Hide comments   View file @b0a9eb4
... ... @@ -2,7 +2,7 @@
2 2 <div :class="classes">
3 3 <div :class="headClasses" v-if="showHead"><slot name="title"></slot></div>
4 4 <div :class="extraClasses" v-if="showExtra"><slot name="extra"></slot></div>
5   - <div :class="bodyClasses"><slot></slot></div>
  5 + <div :class="bodyClasses" :style="bodyStyles"><slot></slot></div>
6 6 </div>
7 7 </template>
8 8 <script>
... ... @@ -21,7 +21,8 @@
21 21 shadow: {
22 22 type: Boolean,
23 23 default: false
24   - }
  24 + },
  25 + padding: Number
25 26 },
26 27 data () {
27 28 return {
... ... @@ -48,6 +49,16 @@
48 49 },
49 50 bodyClasses () {
50 51 return `${prefixCls}-body`;
  52 + },
  53 + bodyStyles () {
  54 + let padding = this.padding;
  55 + if (this.padding !== undefined) {
  56 + padding += 'px';
  57 + return {
  58 + padding,
  59 + };
  60 + }
  61 + return '';
51 62 }
52 63 },
53 64 mounted () {
... ...