dcloudio / mui Goto Github PK

View Code? Open in Web Editor NEW

13.5K 882.0 6.6K 7.9 MB

最接近原生APP体验的高性能框架

Home Page: https://dev.dcloud.net.cn/mui/

License: MIT License

CSS 28.41% JavaScript 66.42% Ruby 4.59% HTML 0.58%

android dcloud hbuilder ios mui css javascript ui

mui's People

Contributors

Stargazers

Watchers

Forkers

jerroldlee yangchengit 0xchao lichking1201 tkggusraqk neoyoung marcopai chagge newsky missyang chengjunjian jaykizhou kerasking d8q8 bigrats syslight ifa6 work0120 yulin724 iuyes joniwang leekunk webcattle panzt bolobolomi songguang-2010 jhw621 yuguangzheng huangciyin molysama georson520 jockchou henryzp elrrrrrrr hurricanetx hongmingma jialetian wuliangpro georson eivlys oceanjack wongshuo zhangbg eivs ekinwei eds sparkinzy qqianding x303597316 kmend monddy lonjoy nazhiman navyxie footya z290763655 donny2g ezc felix0830 chenfeishao mebeyfeng xiamingxing djfly violetlife paul88 changyuefeng georgeyang1024 pennyao jiangxc atrwang tianhang jiapumin anihy jsoon yuluowy jiehwa binbinok nonopolar pailecheng musicking crystoy rhett2014 h136799711 mankwan haisee 872409 tangyijie iqiqi 551780457 yangxin540 miraclerz haifengpeng xazzz gail9527 kisshua traceray reake chinakids wuzehui zhangyuanwei

mui's Issues

popover内item超过20个在android上无法滚动

测试机器 IPHONE6

系统 IOS8.2

描述
页面首先是嵌套页面 header 和 list 是2个HTML
list页面中有滚动条并且有弹簧动画效果
可拖动选项卡是页面中第二个div元素伪代码如下
《div style="height: 400px;"》《/div》
《div id="slider" class="mui-slider"》
.....(略)
《/div》

然后先向上拉动，滚动到页面底部，这个时候手指在拖动选项卡区域上下拉动页面就会失效，
然后手指在拖动选项卡区域左右切换一个TAB 后上下拉动页面又可以了。
希望能早点解决这个问题如果有不明白可以邮件联系我
[email protected]

xcode下如何将mui的功能作为一个第三方库引入到自己创建的工程中？

如题，我不是专业的ios coder，没有objective-c基础，想仅使用mui的事件和样式（脱离hbuilder），希望能提供详细的mui集成步骤。

hello-mui index.html无法正常显示

hello-mui index.html无法正常显示，在chrome PC和手机浏览器都一样
调试了下window.plus为空
mui.plusReady无法正常执行
求解，要做测试加载子页面功能

extents 依赖顺序问题

@fxy060608 @dcloudio @hbcui1984
建议将1030行的$.os和$.os.plus放到530行左右，531行的一个插件就用到了$.os，这样调用会严格一些，符合CommonJS规范，避免一些进行module模块化封装的时候出现依赖错误，更改这个顺序前，Seajs是无法使用的，更改后使用正常。

同时欢迎使用我Build的Mui for Seajs模块：http://spmjs.io/package/weteam-mui/

上拉加载更多的页面中，当listview的item项没有填满全屏时，无法实现上拉加载更多的功能

最大疑问，做出的应该如果需要生成apk，那和原生的优势在哪里，不是和HTML5免安装的逻辑冲突了

理想当中是在一个超级APP（浏览器、应用中心）里，免安装，一个图标或其他什么点击直接运行，那是否意味着不要生成apk了

list view的第一个和最后一个li的border能不能不要多出一截

为啥不和中间的li一样长短，去掉list上面和下面的阴影后看起来特别不协调。
另外为啥要用svg而不是border，是出于特殊的设计理念吗

android4.4相册调用失败

android4.4下nexus4,华为p7相册调用失败，用自带的Hello H5+例子也不行

$.getJSON(url, data, success) 返回 406

同样的代码用jquery测试没问题，服务器返回的是json，改成mui在chrome中报406的错误。

get方式，返回json，url在chrome中直接输出json的文本模式。

【2014-10-03】一些BugList和建议，长期更新(版本0.5.8)

尝试了MUI，的确比其他的H5UI好多了。

我是一直支持Hbuilder的老古，感谢Mui的诞生。
@hbcui1984 @dcloudio
希望可以保留这个Issues，已经解决的问题让我们直接check掉。

发现的Bug:

0. 演示客户端下载的还是0.5.3版本，另外演示客户端下载不是很明显，能否在发布一个版本更新记录，每次更新版本，客户端也能一起更新到；
1. 选项卡 => webview => 点击第三个选项后页面空白，返回也空白，整个应用不能正常工作了；
2. 图片轮播的定时轮播开关好像没有作用；
3. switch开关在右滑关闭的时候，容易误操作返回了上一个页面，频繁出现，非常小心才不会返回；
4. segment 分段选择中，按钮式选项卡，Color切换到绿色和红色的时候，按钮中间的分割border还是蓝色的。

0.5.8版本体验反馈(2014-10-03)：

5. swithc开关ON的时候可以单击操作，OFF的时候为什么无法单机操作呢，只能用滑动，是否bug，PC演示未见此情况；
6. PC文档中的侧滑导航发现已经有个整体滑动，开关不明白有什么不一样的效果，同时文档演示上已经支持直接拖动页面打开侧滑，但是MUI客户端上不能，客户端上也缺少那个整体滑动的开关。

一些建议：

使用过很多H5的UI框架，以下一些建议请酌情采纳。

1. 希望控件可以提供 inverse 反色样式；
2. List 能否增加右侧字母快速筛选的效果，这个在很多应用里都有普遍的使用，例如通讯录、城市选择等；
3. Off Canvas 侧滑导航，增加手势操作，还有可否有只划出中间部分的实现，类似Android现在的标准侧滑；
4. 轮播组件可以增加div轮播，不应该只局限于图片轮播。
5. 弹出框增加弹出自定义内容，可以是List选项；
6. 只有下拉刷新，缺少上拉刷新的demo；
7. 之后的文档希望可以标出哪些API是只能在App上使用，普通浏览器不能使用的，区分一下;

2014-10-03 新增

8. 分页控件pagination在移动端的体验略显别扭和不适应，希望可以改变一下设计，适应Mobile的分页，而不是和PC端的分页一个设计样式。

2014-10-29 新增

1. 最近使用MUI做一些手机页面，发现在排版上还有略有不便，希望MUI还是能增加一些基本的排版CSS，比如grid排版，盒模型，增加一些平时常用的CSS工具样式，例如设置字体，设置颜色，设置垂直排列和水瓶排列；
2. MUI 方面缺少一些动画，我在项目中使用了 https://github.com/daneden/animate.css MUI可以考虑集成；
3. 缺少一些对图片的处理，比如小圆角效果，原型头像效果，这些都很常用；
4. 建议增加一个手机评论的components 组件;
5. 建议对Popup组件功能增强，例如弹出分享菜单，弹出fullPage页，底部弹出自定义内容等;
6. 更新中……

想知道引入模板引擎的话对性能有多大影响？

翻了一下文档，似乎 mui 并不支持模板继承。
不知道开发团队有没考虑过模板继承？
如果要引入模板引擎的话，不知道对性能有多大影响？

list和bar一起使用时，list的最后一行显示不全

因为.mui-bar-tab有height:50px,目前加上.mui-table-view-cell:last-child {margin-bottom: 50px;}可以显示全。

hello mui中input组件闪烁严重

其它组件偶尔会出现，input比较严重，打开就出现，不规律的白框闪烁(位置也不固定,以右侧居多)。我的手机是华为荣耀X1.

segmented-control 点击事件问题

在iPhone 5上只能点击一次之后无反应，往下拉一下即可恢复正常。
iPhone 4S上没有上述问题，目前只测试过这两种机型，希望帮忙看下，谢谢！

mui.openWindow({
url:new-page-url,
id:new-page-id,
styles:{
top:newpage-top-position,//新页面顶部位置
bottom:newage-bottom-position,//新页面顶部位置
width:newpage-width,//新页面宽度，默认为100%
height:newpage-height,//新页面高度，默认为100%
......
},
extras:{
.....//自定义扩展参数，可以用来处理页面间传值
}
show:{
autoShow:true,//页面loaded事件发生后自动显示，默认为true
aniShow:animationType,//页面显示动画，默认为”slide-in-right“；
duration:animationTime//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
},
waiting:{
autoShow:true,//自动显示等待框，默认为true
title:'正在加载...',//等待对话框上显示的提示内容
options:{
width:waiting-dialog-widht,//等待框背景区域宽度，默认根据内容自动计算合适宽度
height:waiting-dialog-height,//等待框背景区域高度，默认根据内容自动计算合适高度
......
}
}
})

里面的
top:newpage-top-position,//新页面顶部位置
bottom:newage-bottom-position,//新页面顶部位置
------第二个是底部

off canvas IOS版，左侧菜单可左右拖动

off canvas IOS版，左侧菜单可左右拖动；无法响应全屏左右滑动事件

ab-with-segmented-control（可拖动的选项卡）的bug，点击选项卡，会导致选项卡标题消失

mui组件tab-with-segmented-control，可拖动的选项卡，在官方的例子中以及自己程序中，如果滑动没有问题，但是点击选项卡，会导致选项卡标题消失，以前的版本好像没有这个问题

tab bar的选项卡模式和侧滑menu菜单

（说明：以前用的appcan，所以header代表头，content代表中间，footer代表底部）
index.html中
//1.创建四个content
mui.plusReady(function() {
main = plus.webview.currentWebview();
for(var i=0; i<4; i++) {
var sub = plus.webview.create(subpages[i], subpages[i], subpage_style);
if(i == 0) {
main.append(sub);//这里我取消了隐藏后三个webview的操作，因为看到html5plus的API中说明了“创建完成后需要调用show方法才能将Webview窗口显示出来”,这里原本是因为四个content页面中没有写keyEventBind{backbutton: false}，点击返回按键时先执行刚才的webview.hide操作。
}
}
}
//2.footer点击事件
mui('.mui-bar-tab').on('tap', 'a', function(e) {
var targetTab = this.getAttribute('href');
if (targetTab == activeTab) {
return;
}
title.innerHTML = this.querySelector('.mui-tab-label').innerHTML;
plus.webview.show(targetTab);
main.append(targetTab);
plus.webview.hide(activeTab);
activeTab = targetTab;
});
//3.安卓返回按键
var first = null;
mui.back = function() {
if (showMenu) {
closeMenu();
}
else {
//首次按键，提示‘再按一次退出应用’
if (!first) {
first = new Date().getTime();
mui.toast('再按一次退出应用');
setTimeout(function() {
first = null;
}, 1000);
} else {
if (new Date().getTime() - first < 1000) {
plus.runtime.quit();
}
}
}
}
点击footer中第一个tab-item然后执行openMenu，header和content正常挪动，点击其他tab-item，执行openMenu后，只有header正常挪动，content不动，覆盖了menu，在整个过程中，footer始终在页面底部不动。

请问怎么样让其他content也正常挪动，底部也正常挪动？

恩，既然是H5框架，请问为什么MUI不能直接在线上浏览？还要安装APP呢？

(⊙o⊙)…

都已经0.7了，在哪里看版本更新log啊

希望可以提供每个版本的更新日志，已经0.7了，都不知道具体更新了些什么东西，已经在使用之前的版本，升级新版本很担心，希望可以看到具体新增了什么，修复了什么，优化了什么。

测试issues

测试

吐槽一下, 在长时间里都看成MIUI.....

能和高德百度等地图结合吗？

iOS 打包后的状态栏效果需要改进

有侧边栏的应用，侧边栏底色和主色（也是状态栏颜色）不一样的时候，侧滑出来后状态栏和侧边栏的颜色很不搭。

截图：

Hbuilder里面为什么不提示mui的class？写出来一个才提示一个，过会又没了

bug mui封装的ajax事件当我把content-type设置为application/json时，提交的数据仍然是a=c&d=e

查看源码：
var serializeData = function (options) { if (options.processData && options.data && typeof options.data !== "string") { options.data = $.param(options.data, options.traditional); } if (options.data && (!options.type || options.type.toUpperCase() === 'GET')) { options.url = appendQuery(options.url, options.data); options.data = undefined; } };

貌似你们转化data时没有判断content-type的类型，如果是application/json类型的话
send方法里面的数据格式应该是json字符串而不是a=c&d=e这种，虽然再设置时我们自己可以
把json转化成字符串，但我看jquery等的直接就给转了，官方看一下是不是bug。