dcloudio / mui Goto Github PK

mui里面用的是雪花样式，但是大部分APP都是一个圈圈在转，这个如何实现？

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

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

用什么做动画性能搞点，用了JQ，在ipad效果很不理想啊！

rt，侧边菜单不能全屏滑动实在太不爽了。。虽然demo有个开关，但是完全不起作用。

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

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

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

截图：

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

在电脑上可以点击，在手机上点击没有效果，是不是改写了事件？

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

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

名字 mcdongWang

支持 HB 支持 mui

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

测试机器 IPHONE6

系统 IOS8.2

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

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

(⊙o⊙)…

查看源码：

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。

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

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,//新页面顶部位置
------第二个是底部

文档在哪，怎么没看到？

分别用 iPhone5s、三儿子、Nexus 7 一代去测试官方例子中的 pullrefresh.html ，结果 iPhone5s 上/下拉刷新正常，三儿子和 N7 一代 上拉刷新正常，下拉刷新失效。

有解决办法吗？

页面元素不能正常显示。具体情况就是点击点击选项卡后，原来元素并不隐藏。

（说明：以前用的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也正常挪动，底部也正常挪动？

下拉加载后退无法初始化下拉效果
版本5.8

mui 1.0.0版本已支持；

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

MUI 调用 地图的情况下，点击返回到前一页面 ，地图浮动层置于前面； 请问怎么解决？ 另外AK的密匙 能修改成自己的？
MUI nav-tab ios中如果用嵌用FORM INPUT 输入法就会遮盖掉NAV
MUI POPOVER 内容嵌入FORM CHECKBOX 首尾 滑动会丢失数据。

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

http://dcloudio.github.io/mui/components/#muiicons 两个 loading 图表并没有居中，看起来有抖动的感觉

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

尝试了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-bar-tab有height:50px,目前加上.mui-table-view-cell:last-child {margin-bottom: 50px;}可以显示全。

http://www.dcloud.io/helloh5/
这个体验APP中好像没有看到关于地图的展示。

现在给的图标文件存放在哪里？如何增加我自己定义的？

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

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

不知道能否提供一个Seajs的版本，现在Seajs使用很广泛，或者官方直接维护一个seajs的SPM模块，提交到http://spmjs.io/ 。

card
modal panel

如题：只有体验APP和源码，却没有开发者文档。

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

测试

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