dcloudio / mui Goto Github PK
View Code? Open in Web Editor NEW最接近原生APP体验的高性能框架
Home Page: https://dev.dcloud.net.cn/mui/
License: MIT License
最接近原生APP体验的高性能框架
Home Page: https://dev.dcloud.net.cn/mui/
License: MIT License
希望可以提供每个版本的更新日志,已经0.7了,都不知道具体更新了些什么东西,已经在使用之前的版本,升级新版本很担心,希望可以看到具体新增了什么,修复了什么,优化了什么。
如题:只有体验APP和源码,却没有开发者文档。
mui 1.0.0版本已支持;
为啥不和中间的li一样长短,去掉list上面和下面的阴影后看起来特别不协调。
另外为啥要用svg而不是border,是出于特殊的设计理念吗
现在给的图标文件存放在哪里?如何增加我自己定义的?
其它组件偶尔会出现,input比较严重,打开就出现,不规律的白框闪烁(位置也不固定,以右侧居多)。我的手机是华为荣耀X1.
能和高德百度等地图结合吗?
http://dcloudio.github.io/mui/components/#muiicons 两个 loading 图表并没有居中,看起来有抖动的感觉
http://www.dcloud.io/helloh5/
这个体验APP中好像没有看到关于地图的展示。
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,//新页面顶部位置
------第二个是底部
hello-mui index.html无法正常显示,在chrome PC和手机浏览器都一样
调试了下window.plus为空
mui.plusReady无法正常执行
求解,要做测试加载子页面功能
@fxy060608 @dcloudio @hbcui1984
建议将1030行的$.os和$.os.plus放到530行左右,531行的一个插件就用到了$.os,这样调用会严格一些,符合CommonJS规范,避免一些进行module模块化封装的时候出现依赖错误,更改这个顺序前,Seajs是无法使用的,更改后使用正常。
同时欢迎使用我Build的Mui for Seajs模块:http://spmjs.io/package/weteam-mui/
off canvas IOS版,左侧菜单可左右拖动;无法响应全屏左右滑动事件
mui组件tab-with-segmented-control,可拖动的选项卡,在官方的例子中以及自己程序中,如果滑动没有问题,但是点击选项卡,会导致选项卡标题消失,以前的版本好像没有这个问题
测试
android4.4下nexus4,华为p7相册调用失败,用自带的Hello H5+例子也不行
查看源码:
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。
翻了一下文档,似乎 mui 并不支持模板继承。
不知道开发团队有没考虑过模板继承?
如果要引入模板引擎的话,不知道对性能有多大影响?
(说明:以前用的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也正常挪动,底部也正常挪动?
用什么做动画性能搞点,用了JQ,在ipad效果很不理想啊!
下拉加载后退无法初始化下拉效果
版本5.8
rt,侧边菜单不能全屏滑动实在太不爽了。。虽然demo有个开关,但是完全不起作用。
在iPhone 5上只能点击一次之后无反应,往下拉一下即可恢复正常。
iPhone 4S上没有上述问题,目前只测试过这两种机型,希望帮忙看下,谢谢!
理想当中是在一个超级APP(浏览器、应用中心)里,免安装,一个图标或其他什么点击直接运行,那是否意味着不要生成apk了
页面元素不能正常显示。具体情况就是点击点击选项卡后,原来元素并不隐藏。
如题,我不是专业的ios coder,没有objective-c基础,想仅使用mui的事件和样式(脱离hbuilder),希望能提供详细的mui集成步骤。
描述
页面首先是嵌套页面 header 和 list 是2个HTML
list页面中 有滚动条 并且有 弹簧 动画效果
可拖动选项卡是页面中第二个div元素 伪代码如下
《div style="height: 400px;"》《/div》
《div id="slider" class="mui-slider"》
.....(略)
《/div》
然后 先向上拉动,滚动到页面 底部,这个时候 手指在 拖动选项卡区域 上下拉动页面 就会失效,
然后 手指 在拖动选项卡区域 左右 切换一个TAB 后 上下拉动页面 又可以了。
希望能早点解决 这个问题 如果有不明白 可以 邮件联系我
[email protected]
因为.mui-bar-tab有height:50px,目前加上.mui-table-view-cell:last-child {margin-bottom: 50px;}可以显示全。
(⊙o⊙)…
同样的代码用jquery测试没问题,服务器返回的是json,改成mui在chrome中报406的错误。
get方式,返回json,url在chrome中直接输出json的文本模式。
分别用 iPhone5s、三儿子、Nexus 7 一代去测试官方例子中的 pullrefresh.html ,结果 iPhone5s 上/下拉刷新正常,三儿子和 N7 一代 上拉刷新正常,下拉刷新失效。
有解决办法吗?
名字 mcdongWang
支持 HB 支持 mui
文档在哪,怎么没看到?
card
modal panel
MUI 调用 地图的情况下,点击返回到前一页面 ,地图浮动层置于前面; 请问怎么解决? 另外AK的密匙 能修改成自己的?
MUI nav-tab ios中如果用嵌用FORM INPUT 输入法就会遮盖掉NAV
MUI POPOVER 内容嵌入FORM CHECKBOX 首尾 滑动会丢失数据。
mui里面用的是雪花样式,但是大部分APP都是一个圈圈在转,这个如何实现?
我是一直支持Hbuilder的老古,感谢Mui的诞生。
@hbcui1984 @dcloudio
希望可以保留这个Issues,已经解决的问题让我们直接check掉。
使用过很多H5的UI框架,以下一些建议请酌情采纳。
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.