课程：
- 1、mui怎样让popver弹出框始终显示在中间位置
- 2、mui怎么获取百度地图定位功能
- 3、在MUI中如何实现点击搜索框调用MUI定位
- 4、huilder和mui开发的app获取个推推送的消息的click事件应该写在哪
mui怎样让popver弹出框始终显示在中间位置
让popver弹出框始终显示在中间位置 就不要用 a href='#popver',自己写一个标签，比如:
button type="button" @click="transferOder"转移订单/button
通过点击事件 控制 popver的显示和div class="5a3b-44ca-d0b1-67fb mui-backdrop "/div的显示
并且在点击事件中控制popver的定位： $('#middlePopover').css('top',$(window).scrollTop()+180)//定位的关键代码
这样不管页面如何滚动 popver始终处于最中间的位置。
############
刚好最近在写一个vue 和mui的项目，mui的popver封装的js是定位点击的位置，不能让他始终在中间，又看了网上各种各样的答案都不太符合，然后自己写了一个。有什么不懂的可以邮件635036447@qq.com
mui怎么获取百度地图定位功能
最近接触了一款移动端APP框架，CSS库是MUI，JS库是5+Runtime。 个人感觉这两个库使用起来特别方便。
话不多说，直接上代码：
这是引用百度地图的JS
script type="text/javascript" src=";ak=HR3RRyTsXYdQ3QzzG5yUkg0q"/script
script type="text/javascript" src=""/script
这个是MUI封装好的JS，可用来调用移动设备底层功能：
script src="../js/mui.min.js"/script
HTML代码：
div id="allmap"
地图加载中...
/div
JS调用底层：
mui.plusReady(function(){
plus.geolocation.getCurrentPosition(translatePoint,function(e){
mui.toast("异常:" + e.message);
});
});
最核心的部分，创建地图并且转换坐标：
function translatePoint(position){
var currentLon = position.coords.longitude;
var currentLat = position.coords.latitude;
var gpsPoint = new BMap.Point(currentLon,currentLat);
BMap.Convertor.translate(gpsPoint,2,initMap); //坐标转换
}
function initMap(point){
map = new BMap.Map("allmap"); //创建地图
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
map.centerAndZoom(point,15);
map.addOverlay(new BMap.Marker(point));
}
在MUI中如何实现点击搜索框调用MUI定位
方法/步骤 今天，写一个webapp，发现mui的底部导航选项卡只能实现div切换，我加链接没反应 百度了一下，说的是 mui用作手机web页面，在下拉刷新+tab滚动切换下，a标签的设置href，点击不会进行跳转 心塞，总要想办法解决吧 boss才不会管你说什么如何实现mui选项卡点击实现界面跳转
huilder和mui开发的app获取个推推送的消息的click事件应该写在哪
DOM结构
关于mui页面的dom，你需要知道如下规则。
固定栏靠前
所谓的固定栏，也就是带有.mui-bar属性的节点，都是基于fixed定位的元素；常见组件包括：顶部导航栏（.mui-bar-nav）、底部工具条(.mui-bar-footer)、底部选项卡（.mui-bar-tab）;这些元素使用时需遵循一个规则：放在.mui-content元素之前，即使是底部工具条和底部选项卡，也要放在.mui-content之前，否则固定栏会遮住部分主内容；
### 一切内容都要包裹在mui-content中
除了固定栏之外，其它内容都要包裹在.mui-content中，否则就有可能被固定栏遮罩，原因：固定栏基于Fixed定位，不受流式布局限制，普通内容依然会从top:0的位置开始布局，这样就会被固定栏遮罩，mui为了解决这个问题，定义了如下css代码：
[css] view plain copy
.mui-bar-nav ~ .mui-content {
padding-top: 44px;
}
.mui-bar-footer ~ .mui-content {
padding-bottom: 44px;
}
.mui-bar-tab ~ .mui-content {
padding-bottom: 50px;
}
你当然可以通过自定义CSS的方式实现如上类似效果，但为了使用简便，建议将除固定栏之外的所有内容，全部放在.mui-content中。
始终为button按钮添加type属性
若button按钮没有type属性，浏览器默认按照type=submit逻辑处理，这样若将没有type的button放在form表单中，点击按钮就会执行form表单提交，页面就会刷新，用户体验极差。
窗口管理
页面初始化：必须执行mui.init方法
mui在页面初始化时，初始化了很多参数配置，比如：按键监听、手势监听等，因此mui页面都必须调用一次mui.init()方法；
页面跳转：抛弃href跳转
当浏览器加载一个新页面时，若页面DOM尚未渲染完毕，页面会先显示空白，然后等DOM渲染完毕后，再显示具体内容，这是WEB浏览器技术无法逾越的体验障碍；为解决这个问题，建议使用[mui.openWindow方法]()打开一个新的webview，mui会自动监听新页面的loaded事件，若加载完毕，再自动显示新页面；扩展阅读：
hello mui中的无等待窗体切换是如何实现的
提示HTML5的性能体验系列之一 避免切页白屏
页面关闭：勿重复监听backbutton
mui框架自动封装了页面关闭逻辑，若希望自定义返回逻辑（例如编辑页面的返回，需用户确认放弃草稿后再执行返回逻辑），则需要重写mui.back方法，切勿简单通过addEventListener添加backbutton监听，因为addEventListener只会增加新的执行程序，mui默认封装的监听执行逻辑依然会继续执行，因此若仅addEventListener添加用户确认框，则用户即使选择了取消，也会继续关闭窗口。
QQ客服
新浪微博