fix #5135

梁灏
1 parent 07201151
Showing 3 changed files with 23 additions and 0 deletions Show diff stats
examples/routers/divider.vue
src/components/divider/divider.vue
src/styles/components/divider.less
@@ -25,6 +25,25 @@
                         iView is a set of UI components and widgets built on Vue.js.
                     </p>
  
+                    <Divider dashed>iView Developer</Divider>
+                    <p>
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                    </p>
+                    <Divider dashed orientation="left">iView Developer</Divider>
+                    <p>
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                    </p>
+                    <Divider dashed orientation="right">iView Developer</Divider>
+                    <p>
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                    </p>
+
                     <Divider dashed/>
  
                     <p>
@@ -60,6 +79,8 @@
                     <a href="#">Components</a>
                     <Divider type="vertical" />
                     <a href="#">Divider</a>
+                    <Divider type="vertical" dashed />
+                    <a href="#">ABCDE</a>
                 </div>
             </Card>
         </i-col>
@@ -42,6 +42,7 @@
                     `${prefixCls}`,
                     `${prefixCls}-${this.type}`,
                     {
+                        [`${prefixCls}-with-text`]: this.hasSlot && this.orientation === 'center',
                         [`${prefixCls}-with-text-${this.orientation}`]: this.hasSlot,
                         [`${prefixCls}-dashed`]: !!this.dashed
                     }
@@ -18,6 +18,7 @@
         display: block;
         height: 1px;
         width: 100%;
+        min-width: 100%;
         margin: 24px 0;
         clear: both;
     }