update Poptip

update Poptip

components/poptip/poptip.vue

@@ -27,7 +27,9 @@
                 </div>
                 <div :class="[`${prefixCls}-inner`]" v-if="!confirm">
                     <div :class="[`${prefixCls}-title`]" v-if="showTitle" v-el:title><slot name="title">{{ title }}</slot></div>
-                    <div :class="[`${prefixCls}-body`]"><slot name="content">{{ content }}</slot></div>
+                    <div :class="[`${prefixCls}-body`]">
+                        <div :class="[`${prefixCls}-body-content`]"><slot name="content">{{ content }}</slot></div>
+                    </div>
                 </div>
             </div>
         </div>

local/routers/notice.vue

@@ -30,6 +30,13 @@
 </style>
 <template>
     <div class="tooltip_out">
+        <Poptip>
+            <a>click 激活</a>
+            <div slot="title"><i>自定义标题</i></div>
+            <div slot="content">
+                <a>关闭提示框</a>
+            </div>
+        </Poptip>
         <Poptip placement="right" width="300">
             <Button type="ghost">click 激活</Button>
             <div class="api" slot="content">

package.json

@@ -1,6 +1,6 @@
 {
   "name": "iview",
-  "version": "0.9.5-rc-8",
+  "version": "0.9.5-rc-9",
   "title": "iView",
   "description": "A high quality  UI components Library with Vue.js",
   "homepage": "http://www.iviewui.com",

styles/components/poptip.less

@@ -25,8 +25,22 @@
     }
 
     &-body{
+        padding: 8px 16px;
+
+        &-content{
             overflow: auto;
         }
+    }
+
+    &-inner{
+        width: 100%;
+        background-color: #fff;
+        background-clip: padding-box;
+        border: 1px solid @border-color-split;
+        border-radius: @border-radius-small;
+        box-shadow: @shadow-base;
+        white-space: nowrap;
+    }
 
     &-popper{
         min-width: 150px;
@@ -66,17 +80,6 @@
         }
     }
 
-    &-inner{
-        width: 100%;
-        padding: 8px 16px;
-        background-color: #fff;
-        background-clip: padding-box;
-        border: 1px solid @border-color-split;
-        border-radius: @border-radius-small;
-        box-shadow: @shadow-base;
-        white-space: nowrap;
-    }
-
     &-arrow{
         &, &:after{
             display: block;
@@ -100,10 +103,10 @@
     }
     &-confirm &-inner{
         white-space: normal;
-        padding: 16px 16px 8px;
     }
 
     &-confirm &-body{
+        padding: 16px 16px 8px;
         .ivu-icon{
             color: @warning-color;
             line-height: 17px;
@@ -117,7 +120,7 @@
 
     &-confirm &-footer{
         text-align: right;
-        padding: 16px 0 8px 0;
+        padding: 8px 16px 16px;
         button {
             margin-left: 4px;
         }