MUI前端框架学习（一）

1、遮罩

方法一：用JS来写

// 创建Webview窗口带遮罩层

var wd=plus.webview.create('http://www.dcloud.io/','dcloud',{mask:'rgba(0,0,0,0.5)'});

wd.show();

// 动态修改Webview窗口的遮罩层

var ws=plus.webview.currentWebview();

ws.setStyle({mask:"rgba(0,0,0,0.5)"});

// 用户点击Webview窗口后不显示遮罩层

ws.addEventListener("maskClick",function(){ 

        ws.setStyle({mask:"none"});

},false);

引用： http://ask.dcloud.net.cn/article/130

方法二：用样式，但想在遮罩上方Html代码是不行的

.mui-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 998;
background-color: rgba(0,0,0,.3);
}

引用：http://dev.dcloud.net.cn/mui/ui/#mask

方法三：用popover
子webview里的popover，弹出时无法全屏遮罩，其实我们可以不用
9792
popover的遮罩，直接用plus.nativeObj.View在popover四周贴蒙灰半透明图。

引用：http://ask.dcloud.net.cn/article/665

这里有详细的例子：https://github.com/dcloudio/mui/blob/master/examples/hello-mui/examples/clouddb_wilddog.html

2、获取经纬度

plus.Geolocation支持os自带定位及高德定位，不支持百度定位。

用百度地图的例子：http://ask.dcloud.net.cn/article/219