MUI的popover弹出框可以改变位置使得居中显示么？

分类：MUI

popover

因为改变了按钮的位置，所以菜单也就跟着改变了位置，这里可是改变弹出菜单居中显示吗？

2017-02-24 09:48 负责人:无分享

8 个回复

DCloud_UNI_CHB

你想变成这种样子吗？弹出菜单倒是居中了，但三角箭头就不居中了，不好看吧

3***@qq.com (作者)

你是如何让它这样居中的，那个三角箭头可以去掉嘛

2017-03-02 10:59
Julian

大佬你都整好了怎么不顺便帮忙把代码贴出来下，麻烦你贴下代码啊，好不好看先不说，设计要这个需求。

2017-06-28 10:41

3***@qq.com

同问如何居中？？？

1***@qq.com

请问如何让弹出层，弹出就居中啊

2***@qq.com

// js 写个点击事件
document.getElementById('btn').addEventListener('tap',function(){
mui('#search-popover').popover('toggle');// 条件的弹出窗 #search-popover是窗口最外层的Id

                                let h =document.documentElement.clientHeight;//网页可见区域高  
                                let w =document.documentElement.clientWidth;//网页可见区域宽  
                                let t =(h-mui('#search-popover')[0].offsetHeight)/2;  
                                let l =(w-280)/2;//它的默认宽280  

                                console.log(h)  
                                mui('#search-popover')[0].style.top=t 'px';  
                                mui('#search-popover')[0].style.left=l 'px';  
                            })