drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed #4415

Browse source
This commit is contained in:
梁灏 2019-03-05 09:18:44 +08:00
parent b778e4ff4f
commit f308dcac80
3 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
examples/routers/divider.vue
View file

@ -17,7 +17,7 @@
iView is a set of UI components and widgets built on Vue.js.
</p>
<Divider>iView </Divider>
<Divider size="small">iView</Divider>
<p>
iView is a set of UI components and widgets built on Vue.js.
@ -31,7 +31,7 @@
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>
<Divider dashed orientation="left" size="small">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.

7
src/components/divider/divider.vue
View file

@ -31,6 +31,12 @@
dashed: {
type: Boolean,
default: false,
},
size: {
validator (value) {
return oneOf(value, ['small', 'default']);
},
default: 'default'
}
},
computed: {
@ -41,6 +47,7 @@
return [
`${prefixCls}`,
`${prefixCls}-${this.type}`,
`${prefixCls}-${this.size}`,
{
[`${prefixCls}-with-text`]: this.hasSlot && this.orientation === 'center',
[`${prefixCls}-with-text-${this.orientation}`]: this.hasSlot,

8
src/styles/components/divider.less
View file

@ -45,9 +45,15 @@
}
}
&-horizontal&-small&-with-text-center,
&-horizontal&-small&-with-text-left,
&-horizontal&-small&-with-text-right{
font-size: @font-size-base;
margin: 8px 0;
}
&-horizontal&-with-text-left,
&-horizontal&-with-text-right {
font-size: @font-size-base;
.@{divider-prefix-cls}-inner-text {
display: inline-block;
padding: 0 10px;