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

update Poptip options

Browse source
This commit is contained in:
梁灏 2018-04-10 15:59:08 +08:00
parent fa446cb912
commit 81f88959a9
2 changed files with 10 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

16
examples/routers/poptip.vue
View file

@ -2,17 +2,17 @@
<div style="margin: 200px"> <div style="margin: 200px">
<Tabs value="name1"> <Tabs value="name1">
<TabPane label="标签一" name="name1"> <TabPane label="标签一" name="name1">
<div style="overflow: auto;width: 200px;height:300px"> <div style="width: 200px;height:300px">
<Poptip title="提示标题" content="标签一的内容" placement="left" transfer :options="options"> <Poptip title="提示标题" content="标签一的内容" placement="left" transfer >
<Button id="aaa">左边</Button> <Button id="aaa">左边</Button>
</Poptip> </Poptip>
<Poptip title="提示标题" content="标签一的内容" placement="right" transfer :options="options"> <Poptip title="提示标题" content="标签一的内容" placement="right" transfer>
<Button id="aaa">右边</Button> <Button id="aaa">右边</Button>
</Poptip> </Poptip>
<Poptip title="提示标题" content="标签一的内容" placement="top" transfer :options="options"> <Poptip title="提示标题" content="标签一的内容" placement="top" transfer>
<Button id="aaa">上边</Button> <Button id="aaa">上边</Button>
</Poptip> </Poptip>
<Poptip title="提示标题" content="标签一的内容" placement="bottom" transfer :options="options"> <Poptip title="提示标题" content="标签一的内容" placement="bottom" transfer>
<Button id="aaa">下边</Button> <Button id="aaa">下边</Button>
</Poptip> </Poptip>
</div> </div>
@ -26,11 +26,7 @@
data () { data () {
return { return {
options: { options: {
modifiers: {
preventOverflow: {
boundariesElement: 'body',
}
}
} }
} }
} }

10
src/components/base/popper.js
View file

@ -32,13 +32,10 @@ export default {
modifiers: { modifiers: {
computeStyle:{ computeStyle:{
gpuAcceleration: false, gpuAcceleration: false,
}
}, },
preventOverflow :{ preventOverflow :{
boundariesElement: 'body', boundariesElement: 'body'
}, }
flip :{
boundariesElement: 'body',
} }
}; };
} }
@ -90,9 +87,6 @@ export default {
options.placement = this.placement; options.placement = this.placement;
if (!options.modifiers) {
options.modifiers = {};
}
if (!options.modifiers.offset) { if (!options.modifiers.offset) {
options.modifiers.offset = {}; options.modifiers.offset = {};
} }