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

fix #5135

Browse source
This commit is contained in:
梁灏 2019-01-02 12:01:26 +08:00
parent 07201151da
commit 9cdfb2e206
3 changed files with 23 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
examples/routers/divider.vue
View file

@ -25,6 +25,25 @@
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> </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/> <Divider dashed/>
<p> <p>
@ -60,6 +79,8 @@
<a href="#">Components</a> <a href="#">Components</a>
<Divider type="vertical" /> <Divider type="vertical" />
<a href="#">Divider</a> <a href="#">Divider</a>
<Divider type="vertical" dashed />
<a href="#">ABCDE</a>
</div> </div>
</Card> </Card>
</i-col> </i-col>

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

@ -42,6 +42,7 @@
`${prefixCls}`, `${prefixCls}`,
`${prefixCls}-${this.type}`, `${prefixCls}-${this.type}`,
{ {
[`${prefixCls}-with-text`]: this.hasSlot && this.orientation === 'center',
[`${prefixCls}-with-text-${this.orientation}`]: this.hasSlot, [`${prefixCls}-with-text-${this.orientation}`]: this.hasSlot,
[`${prefixCls}-dashed`]: !!this.dashed [`${prefixCls}-dashed`]: !!this.dashed
} }

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

@ -18,6 +18,7 @@
display: block; display: block;
height: 1px; height: 1px;
width: 100%; width: 100%;
min-width: 100%;
margin: 24px 0; margin: 24px 0;
clear: both; clear: both;
} }