update some style
update some style
This commit is contained in:
parent
034412553a
commit
7d5431d85a
9 changed files with 86 additions and 13 deletions
26
test/routers/input.vue
Normal file
26
test/routers/input.vue
Normal file
|
@ -0,0 +1,26 @@
|
|||
<template>
|
||||
<i-input></i-input>
|
||||
</template>
|
||||
<script>
|
||||
import { Input } from 'iview';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
iInput: Input
|
||||
},
|
||||
props: {
|
||||
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
|
@ -106,7 +106,6 @@
|
|||
}
|
||||
},
|
||||
ready () {
|
||||
this.info2();
|
||||
// Message.config({
|
||||
// top: 50,
|
||||
// duration: 8
|
||||
|
|
|
@ -27,9 +27,47 @@
|
|||
padding: 8px 16px;
|
||||
text-align: left;
|
||||
}
|
||||
.tip{
|
||||
width: 24px;
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
.tip-inner{
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
line-height: 22px;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
border: 1px solid #3399ff;
|
||||
color: #3399ff;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
}
|
||||
.tip-content{
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
white-space: normal;
|
||||
}
|
||||
</style>
|
||||
<template>
|
||||
<div class="tooltip_out">
|
||||
<!--<Poptip class="tip" placement="left-start" trigger="hover">-->
|
||||
<!--<div class="tip-inner">-->
|
||||
<!--<Icon type="information"></Icon>-->
|
||||
<!--</div>-->
|
||||
<!--<div class="tip-content" slot="content">-->
|
||||
<!--<p>iView 最新版本为 0.9.7,该版本对很多组件 UI 进行了调整</p>-->
|
||||
<!--</div>-->
|
||||
<!--</Poptip>-->
|
||||
<Tooltip class="tip" placement="left-start" trigger="hover">
|
||||
<div class="tip-inner">
|
||||
<Icon type="information"></Icon>
|
||||
</div>
|
||||
<div class="tip-content" slot="content">
|
||||
<p>iView 最新版本为 0.9.7,该版本对很多组件 UI 进行了调整</p>
|
||||
</div>
|
||||
</Tooltip>
|
||||
<Poptip>
|
||||
<a>click 激活</a>
|
||||
<div slot="title"><i>自定义标题</i></div>
|
||||
|
@ -105,10 +143,10 @@
|
|||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { Tooltip, Button, Row, iCol, Poptip, iSelect, iOption, Message } from 'iview';
|
||||
import { Tooltip, Button, Row, iCol, Poptip, iSelect, iOption, Message, Icon } from 'iview';
|
||||
|
||||
export default {
|
||||
components: { Tooltip, iButton: Button, Row, iCol, Poptip, iSelect, iOption, Message },
|
||||
components: { Tooltip, iButton: Button, Row, iCol, Poptip, iSelect, iOption, Message, Icon },
|
||||
props: {
|
||||
|
||||
},
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue