关闭

MUI在ios中的一些问题

355人阅读 评论(0) 收藏 举报
分类:

MUI开发中,ios跟Android是存在差异,目前碰到的问题有以下几种

1,IOS跟Adroid在margin值时,存在差异,这时候只要让手机判断是IOS还是Android即可,这里给出两种方式判

//第一种
if(mui.os.android){ 	//注意,这里是小写的android 
      $("#header").css("margin-top","50px");
}else{ 
      $("#header").css("margin-top","90px);
};
//第二种
var phone = plus.os.name;
if(phone == 'Android'){ 
      $("#header").css("margin-top","50px");
}else if(phone == "IOS"){
      $("#header").css("margin-top"."90px");
};

2,ios开发中不能使用单webview模式的下拉刷新跟上拉加载,这样会导致header头部会出现闪动问题(Andriud没有这个问题存在)

//ios中虽然支持这种单webview模式,但是会导致头部在上拉的时候出现头部闪动问题
pullRefresh: {
		 container: "#pullrefresh", //下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等
			down: {
				style: 'circle', //必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式
				color: '#2BD009', //可选,默认“#2BD009” 下拉刷新控件颜色
				height: '50px', //可选,默认50px.下拉刷新控件的高度,
				range: '100px', //可选 默认100px,控件可下拉拖拽的范围
				offset: '0px', //可选 默认0px,下拉刷新控件的起始位置
				auto: false, //可选,默认false.首次加载自动上拉刷新一次
				callback: pulldownRefresh //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
			},
			up: {
				height: 50, //可选.默认50.触发上拉加载拖动距离
				contentrefresh: "正在加载...", //可选,正在加载状态时,上拉加载控件上显示的标题内容
				callback: pullupRefresh
			     }
	    }

ios开发中如果想使用下拉加载上垃刷新,还是用官网的双webview模式

3,MUI在IOS中传递参数的时候自定义事件没有extras传参方式好用(我这里是这样的,当然Andriud没有这个问题存在)

      如果非要使用自定义事件的话,需要提前预加载,预加载的话不建议mui.init( )中的preloadPages预加载

mui.init({				//ios中这种模式的预加载貌似没有什么作用,或者只能执行一次
	preloadPages: [{
			url: 'abc.html',
			id: 'abc',
		       }]
});
var list = plus.webview.getWebviewByid('abc');//这里可能返回空;

IOS中自定义传参这里推荐使用mui.preload( )来进行预加载

var page = mui.preload({
    url:new-page-url,
    id:new-page-id,//默认使用当前页面的url作为id
    styles:{},//窗口参数
    extras:{}//自定义扩展参数
});
虽然官网上说一次只能预加载一个页面多个需要多次调用这个方法,在项目开发中我发现多次调用,第二次调用数据会消失,原因不明(待试)

1
0
查看评论

mui传参,ios和android系统有区别

最近使用H5 mui框架开发微信项目,遇到了一个奇葩的问题, android 和ios使用同样的代码,但是ios提交过去,页面参数传过去了,并且返回正确;但是android提交的时候,参数不传递;最后发现 原来是ios和android系统的原因,android系统有缓存。最终解决办法是,每次传递参数...
  • Binger4Chen
  • Binger4Chen
  • 2016-03-19 17:47
  • 2706

MUI多端发布开发指南(终于把MUI的使用场景说清楚了)

MUI官方给的文档很分散,不系统。遇到问题解决找文档浪费了很多时间,终于弄清楚了,MUI的使用场景和处理方式。 http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/591 多端发布开发指南 多端...
  • jiftlixu
  • jiftlixu
  • 2016-05-27 16:35
  • 20439

MUI+H5plus+HBuilder开发app(android,ios)介绍

前言现在介绍一款只需要懂html+css+js就能开发app的框架,不需要懂原生语言,完全只需要前端web工程师就能独立开发出android和ios的应用,且一套代码搞定,效率很高。(其实更省事可以wap,android和ios一套带走,一下R闪秒3个平台,没毛病)框架介绍这套框架源于DCloud社...
  • rth362147773
  • rth362147773
  • 2017-08-12 21:01
  • 3223

mui:第一次在AppStore 上线应用

时间:在第一天上午发布,第二天早上便通过了,所以整体还是很快的 过程:整体是一个开发了差不多有两个月的项目—易沃克,从最初的一无所知的忐忑,到最后的淡然,感觉受益良多,(闲话少说) 这是H5的项目,是基于mui框架的基本模型,总体上是有js和html语言写成,并已经实现了具体的功能,可以投入使用...
  • qq_32635069
  • qq_32635069
  • 2017-11-08 14:55
  • 242

mui 固定头部,加载子页

mui.init({ swipeBack: false, subpages: [{ id: 'qrcode_body', url: 'qrcode_body.html', styles: { top: '50px', ...
  • moniteryao
  • moniteryao
  • 2015-04-14 23:11
  • 4664

小技巧css解决移动端ios不兼容position:fixed属性,无需插件

ios运用position:fixed会错位,css一行样式巧妙解决定位问题。
  • liu__hua
  • liu__hua
  • 2014-10-15 09:34
  • 105246

mui判断是ios还是安卓

检测是否为iOS或安卓系统版本是否小于4.4 if(mui.os.ios||(mui.os.android&&parseFloat(mui.os.version)<4.4)){ //...操作 }
  • lily2016n
  • lily2016n
  • 2017-12-04 18:11
  • 883

MUI踩坑记录——上拉加载后隐藏“没有更多了”

使用MUI框架上拉动态加载新数据。当有新数据时加载数据并显示;当没有新数据时,提示“没有更多了”,并且在1s后消失。
  • lichking11
  • lichking11
  • 2017-09-29 15:35
  • 885

MUI遇到的问题汇总

MUI是H5跨平台的开发框架,入手学习可以先进入官网浏览一下 官网:http://dcloud.io/ 给新手推荐一篇文章:https://segmentfault.com/a/1190000005173713?_ea=841544 没心思看文档,可以看一些视频教程 问题一:ajax请求不到数...
  • wei_chong_chong
  • wei_chong_chong
  • 2017-03-02 17:45
  • 439

mui之ios上拉刷新不显示数据的bug

关于上拉刷新的官方说明:http://dev.dcloud.net.cn/mui/pullup/bug描述:首先,先上代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8...
  • itguangit
  • itguangit
  • 2017-10-12 09:16
  • 399
    个人资料
    • 访问:8560次
    • 积分:417
    • 等级:
    • 排名:千里之外
    • 原创:33篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类