63 lines
No EOL
1.8 KiB
Vue
63 lines
No EOL
1.8 KiB
Vue
<style>
|
||
.tooltip_out{
|
||
padding: 150px;
|
||
}
|
||
body{
|
||
height: 1000px;
|
||
padding: 10px;
|
||
}
|
||
</style>
|
||
<template>
|
||
<div class="tooltip_out">
|
||
<!--<Poptip title="标题" content="内容">-->
|
||
<!--<Button>click 触发</Button>-->
|
||
<!--</Poptip>-->
|
||
<!--<Poptip title="标题" content="内容" trigger="hover">-->
|
||
<!--<Button>hover 触发</Button>-->
|
||
<!--</Poptip>-->
|
||
<Poptip title="确定删除这条信息吗？" confirm content="内容" trigger="focus" @on-ok="ok" @on-cancel="cancel">
|
||
<a><strong>Delete</strong></a>
|
||
</Poptip>
|
||
<!--<Poptip title="标题" content="内容" trigger="focus">-->
|
||
<!--<input type="text">-->
|
||
<!--</Poptip>-->
|
||
<!--<Poptip title="标题" content="内容" trigger="focus">-->
|
||
<!--<Button>focus 触发</Button>-->
|
||
<!--</Poptip>-->
|
||
<!--<Tooltip content="这里是提示文字">-->
|
||
<!--当鼠标经过这段文字时，会显示一个气泡框-->
|
||
<!--</Tooltip>-->
|
||
<Poptip>
|
||
<a>click 激活</a>
|
||
<div slot="content">
|
||
<a>关闭提示框</a>
|
||
</div>
|
||
</Poptip>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
import { Tooltip, Button, Row, iCol, Poptip, iSelect, iOption, Message } from 'iview';
|
||
|
||
export default {
|
||
components: { Tooltip, Button, Row, iCol, Poptip, iSelect, iOption, Message },
|
||
props: {
|
||
|
||
},
|
||
data () {
|
||
return {
|
||
|
||
}
|
||
},
|
||
computed: {
|
||
|
||
},
|
||
methods: {
|
||
ok () {
|
||
Message.info('ok');
|
||
},
|
||
cancel () {
|
||
Message.info('cancel');
|
||
}
|
||
}
|
||
}
|
||
</script> |