Poptip add padding prop

梁灏
1 parent 130ed889
Showing 2 changed files with 12 additions and 3 deletions Show diff stats
examples/routers/tooltip.vue
src/components/poptip/poptip.vue
@@ -7,7 +7,7 @@
             <Button @click="handleChange">change</Button>
         </Tooltip>
         <Button @click="handleChange">change</Button>
-        <Poptip title="Title" transfer width="250" word-wrap content="我的文本超级，无敌,长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长">
+        <Poptip title="Title" transfer padding="0" width="250" word-wrap content="我的文本超级，无敌,长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长">
             <Button>Click</Button>
         </Poptip>
     </div>
@@ -36,8 +36,8 @@
                         </div>
                     </div>
                     <div :class="[prefixCls + '-inner']" v-if="!confirm">
-                        <div :class="[prefixCls + '-title']" v-if="showTitle" ref="title"><slot name="title"><div :class="[prefixCls + '-title-inner']">{{ title }}</div></slot></div>
-                        <div :class="[prefixCls + '-body']">
+                        <div :class="[prefixCls + '-title']" :style="contentPaddingStyle" v-if="showTitle" ref="title"><slot name="title"><div :class="[prefixCls + '-title-inner']">{{ title }}</div></slot></div>
+                        <div :class="[prefixCls + '-body']" :style="contentPaddingStyle">
                             <div :class="contentClasses"><slot name="content"><div :class="[prefixCls + '-body-content-inner']">{{ content }}</div></slot></div>
                         </div>
                     </div>
@@ -104,6 +104,10 @@
             wordWrap: {
                 type: Boolean,
                 default: false
+            },
+            // default by css: 8px 16px
+            padding: {
+                type: String
             }
         },
         data () {
@@ -161,6 +165,11 @@
                         [`${prefixCls}-body-content-word-wrap`]: this.wordWrap
                     }
                 ];
+            },
+            contentPaddingStyle () {
+                const styles = {};
+                if (!!this.padding) styles['padding'] = this.padding;
+                return styles;
             }
         },
         methods: {