mui

mui

224 人关注该话题

嵌套在webview里的图片预览不能全屏显示 mui

MUI 回梦無痕 回复了问题 • 3 人关注 • 2 个回复 • 21 次浏览 • 10 小时前

mui accordion(折叠面板)组件怎么控制一个的展开关闭,不影响另一个的展开 mui

MUI chenmu5241@163.com 回复了问题 • 3 人关注 • 2 个回复 • 538 次浏览 • 10 小时前

通过安卓原生webView加载HTML,页面内的的MUI等框架失效 5+App开发 h5+ 5+sdk mui Webview 运行环境 plus

5+ SDK zdlfl 回复了问题 • 3 人关注 • 2 个回复 • 29 次浏览 • 12 小时前

mui.back()能传递参数吗? mui

HBuilder wen如故i 回复了问题 • 3 人关注 • 2 个回复 • 23 次浏览 • 18 小时前

请问如果要写一个和探探左右滑动的功能使用什么控件 mui 移动APP

MUI 1254557232@qq.com 回复了问题 • 1 人关注 • 1 个回复 • 39 次浏览 • 19 小时前

mui的api文档缺少 api mui

MUI 757891022@qq.com 回复了问题 • 2 人关注 • 1 个回复 • 68 次浏览 • 1 天前

X

赞助DCloud可免广告,点此前往赞助页面

页面去掉header标签后会留下一块空白区域 mui

MUI 回梦無痕 回复了问题 • 2 人关注 • 1 个回复 • 37 次浏览 • 1 天前

mui上传图片返回图片地址是哪一个 上传 图片 mui

HBuilder 630381050@qq.com 发起了问题 • 1 人关注 • 0 个回复 • 27 次浏览 • 2 天前

echarts跳转之后不渲染 mui

MUI 1016429929@qq.com 回复了问题 • 2 人关注 • 4 个回复 • 74 次浏览 • 2 天前

mui能引入苹果字体吗,该怎么引入 mui

MUI 710573265@qq.com 发起了问题 • 1 人关注 • 0 个回复 • 49 次浏览 • 2 天前

更多...
2

赞同来自: FinnWells ToSee

若当前页面不是首页,mui默认会执行如下代码:
```javascript
plus.key.addEventListener('backbutton', mui.back);
```

因此,若想禁用或复写后退逻辑,则只需要复写mui.back方法即可,例如... 显示全部 »
若当前页面不是首页,mui默认会执行如下代码:
```javascript
plus.key.addEventListener('backbutton', mui.back);
```

因此,若想禁用或复写后退逻辑,则只需要复写mui.back方法即可,例如:
```javascript
mui.back = function(){
//首次按键,提示‘再按一次退出应用’
if(!first){
first = new Date().getTime();
mui.toast('再按一次退出应用');
setTimeout(function(){
first = null;
},1000);
}else{
if(new Date().getTime()-first<1000){
plus.runtime.quit();
}
}
alert(e.keyType+"\n"+e.keyCode);
return false;
}
```
2

赞同来自: 东翌学院vivi 云中漫步者

三方专业培训视频已出,[http://ask.dcloud.net.cn/article/299](http://ask.dcloud.net.cn/article/299)

## 三方培训
HTML5中国产业联盟里有专业的培训机构为HTML5开发者提供DC... 显示全部 »
三方专业培训视频已出,[http://ask.dcloud.net.cn/article/299](http://ask.dcloud.net.cn/article/299)

## 三方培训
HTML5中国产业联盟里有专业的培训机构为HTML5开发者提供DCloud产品的培训。
- 0Hich的网校:大量免费视频教程:[http://dcloud.apk00.com](http://dcloud.apk00.com)
- 东翌学院:直播小班开课:[http://www.dongyixueyuan.com/](http://www.dongyixueyuan.com/)

## 网友经验
三方网友的学习经验有时对其他入门者会很有帮助,站在另一个角度来看待问题。
网友YanRong的心得: [http://ask.dcloud.net.cn/article/217](http://ask.dcloud.net.cn/article/217)
滴石App开发者的心得:[http://uikoo9.com/book/chapterDetail/1](http://uikoo9.com/book/chapterDetail/1)

这方面资源更新,请关注[http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/89](http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/89)
0

赞同来自:

mui相关的一些控件是通过拦截a标签上的href来实现的,所以mui.js会阻止a标签上的href跳转,因此需使用JS对标签添加事件监听。mui.openWindow()对运行环境进行判定,5+环境会打开新的webview,普通手机浏览器环境会进行window... 显示全部 »
mui相关的一些控件是通过拦截a标签上的href来实现的,所以mui.js会阻止a标签上的href跳转,因此需使用JS对标签添加事件监听。mui.openWindow()对运行环境进行判定,5+环境会打开新的webview,普通手机浏览器环境会进行window.location.href跳转。
1

赞同来自: DCloud_客服_Trust

id是你创建webview时自己设的,如果不设,默认是url。
首页的id是appid,真机调试时是基座HBuilder的appid。

首页的webview不通过id获取,专门有一个[getLaunchWebview](http://www.html5plu... 显示全部 »
id是你创建webview时自己设的,如果不设,默认是url。
首页的id是appid,真机调试时是基座HBuilder的appid。

首页的webview不通过id获取,专门有一个[getLaunchWebview](http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.getLaunchWebview)的方法。
0

赞同来自:

var Intent = plus.android.importClass('android.content.Intent');
var Uri = plus.android.importClass('android.net.Uri');
var ... 显示全部 »
var Intent = plus.android.importClass('android.content.Intent');
var Uri = plus.android.importClass('android.net.Uri');
var main = plus.android.runtimeMainActivity();
var uri = Uri.parse("mqqwpa://im/chat?chat_type=crm&uin=800095555&version=1&src_type=web&web_src=http:://wpa.b.qq.com");
main.startActivity(new Intent(Intent.ACTION_VIEW,uri));



这样写可以打开
参考 http://blog.csdn.net/jamy2015/article/details/51188509
2

赞同来自: 503152150@qq.com yizhi

将onChange中的代码做部分调整即可。
```
var c = document.querySelector(".mui-control-item.mui-active");
if(c) {
c.classList.remove(&q... 显示全部 »
将onChange中的代码做部分调整即可。
```
var c = document.querySelector(".mui-control-item.mui-active");
if(c) {
c.classList.remove("mui-active");
}
var target = document.querySelector(".mui-scroll .mui-control-item:nth-child(" + (parseInt(obj.index) + 1) + ")");
target.classList.add("mui-active");
if(target.scrollIntoView) {
target.scrollIntoView();
}
```

关于scrollIntoView,参考相关api。[Element.scrollIntoView()](https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView)

感谢反馈,后面我们会补充上的。
2

赞同来自: DCloud_客服_Trust skysowe

[http://ask.dcloud.net.cn/article/249](http://ask.dcloud.net.cn/article/249)
[http://ask.dcloud.net.cn/article/249](http://ask.dcloud.net.cn/article/249)
1

赞同来自: DCloud_MUI_Neil

目录结构
- app
* index.js
* app.js
* mui.js
* jquery.js
- bulid
- webpack.config.js

webpack.config.js
```
var path = ... 显示全部 »
目录结构
- app
* index.js
* app.js
* mui.js
* jquery.js
- bulid
- webpack.config.js

webpack.config.js
```
var path = require('path');
// 定义几个路径
var ROOT_PATH = path.resolve(__dirname); //__dirname是文件所在的目录
var APP_PATH = path.resolve(ROOT_PATH, 'app');
var BUILD_PATH = path.resolve(ROOT_PATH, 'build');

module.exports = {
entry: APP_PATH, //这里默认会找index.js,如果需要指定的话,再后面继续拼路径即可;
output: {
path: BUILD_PATH,
filename: 'app.js'
},
resolve: {
alias: {
mui: path.resolve(ROOT_PATH, 'app/mui.js'),
jquery: path.resolve(ROOT_PATH, 'app/jquery.js')
}
}
};
```
在app.js中引入mui或jquery
```
import mui from 'mui';
import jquery from 'jquery';
```
build
```
$ webpack
```
结果截图

** 插入的附件 **

完整最简工程附上
1

赞同来自: DCloud_客服_Trust

云打包不支持。离线打包可以自定义。
云打包不支持。离线打包可以自定义。
1

赞同来自: AyoDosahard

Hello MUI中有列表到详情的最佳实践,下拉刷新、上拉加载、点击列表跳转等功能都有,建议参考[Hello MUI发布列表到详情最佳实践](http://ask.dcloud.net.cn/article/12575)
Hello MUI中有列表到详情的最佳实践,下拉刷新、上拉加载、点击列表跳转等功能都有,建议参考[Hello MUI发布列表到详情最佳实践](http://ask.dcloud.net.cn/article/12575)
2

赞同来自: DCloud_客服_Trust 1120646809@qq.com

这是因为苹果appstore审核机制更严格了引起的问题,机审扫描发现应用代码中包含调用定位API就要求添加应用后台使用定位(NSLocationAlwaysUsageDescription)的描述信息。以前苹果审核规则是只有应用要求再后台使用定位功能时才添加此... 显示全部 »
这是因为苹果appstore审核机制更严格了引起的问题,机审扫描发现应用代码中包含调用定位API就要求添加应用后台使用定位(NSLocationAlwaysUsageDescription)的描述信息。以前苹果审核规则是只有应用要求再后台使用定位功能时才添加此描述信息,云端打包默认没有添加此描述信息,仅添加应用使用定位功能的描述信息(NSLocationWhenInUseUsageDescription)。我们已经更新了云端打包机默认也添加了NSLocationAlwaysUsageDescription描述信息。
**如果应用没有使用到定位功能**
重新提交云端打包生成新的ipa即可。
**如果应用使用到定位功能**
可以通过以下方法修改描述内容。
请在manifest.json文件的plus->distribute->apple->plistcmds添加以下内容:
```javascript
"plistcmds":[
"Set :NSLocationWhenInUseUsageDescription 使用定位描述信息",
"Set :NSLocationAlwaysUsageDescription 后台使用定位描述信息"
]

```
重新提交云端打包生成新的ipa。
更多用户授权描述配置参考[这里](http://ask.dcloud.net.cn/article/12964)
1

赞同来自: DCloud_客服_Trust

我研究了一下MUI源码,源码里直接是写死的`backgroundColor`,而且也并没有暴露出回调入口,也并没有可以外部重写的方式。
估计这问题官方也没啥答复,所以刚刚我把源码改了,亲测有效,现把改动贴出来给有同样问题的童鞋参考:

``` js
var T... 显示全部 »
我研究了一下MUI源码,源码里直接是写死的`backgroundColor`,而且也并没有暴露出回调入口,也并没有可以外部重写的方式。
估计这问题官方也没啥答复,所以刚刚我把源码改了,亲测有效,现把改动贴出来给有同样问题的童鞋参考:

``` js
var Transparent = function(element, options) {

...

// 约 8077 行,Transparent构造函数内
this._style = this.element.style;
this._bgColor = this._style.backgroundColor;
this._opacity = this._style.opacity ? +this._style.opacity : 0;
var color = getColor(mui.getStyles(this.element, 'backgroundColor'));
if (color.length) {
this._R = color[0];
this._G = color[1];
this._B = color[2];
this._A = parseFloat(color[3]);
this.lastOpacity = this._A;
} else if (this._opacity === 1) {
throw new Error("元素背景颜色必须为RGBA");
}
this._bufferFn = $.buffer(this.handleScroll, this.options.duration, this);
this.initEvent();

...

// Transparent.prototype.handleScroll
Transparent.prototype.handleScroll = function(e) {
var y = window.scrollY;
if (!this.isNativeScroll && e && e.detail) {
y = -e.detail.y;
}
switch (this.options.transProp) {
case 'opacity':
var opacity = (y - this.options.top) / this.options.offset + this._opacity;
opacity = Math.min(Math.max(this._opacity, opacity), 1);
this._style.opacity = opacity;
if (opacity > this._opacity) {
this.element.classList.add(CLASS_ACTIVE);
} else {
this.element.classList.remove(CLASS_ACTIVE);
}
break;
case 'backgroundColor':
default:
var opacity = (y - this.options.top) / this.options.offset + this._A;
opacity = Math.min(Math.max(this._A, opacity), 1);
this._style.backgroundColor = 'rgba(' + this._R + ',' + this._G + ',' + this._B + ',' + opacity + ')';
if (opacity > this._A) {
this.element.classList.add(CLASS_ACTIVE);
} else {
this.element.classList.remove(CLASS_ACTIVE);
}
break;
}
if (this.lastOpacity !== opacity) {
$.trigger(this.element, 'alpha', {
alpha: opacity
});
this.lastOpacity = opacity;
}
};

...

// Transparent.prototype.destory
Transparent.prototype.destory = function() {
this.scrollByElem.removeEventListener('scroll', this._bufferFn);
this.scrollByElem.removeEventListener($.EVENT_MOVE, this._bufferFn);
if (this._bgColor) this.element.style.backgroundColor = this._bgColor;
if (this._opacity) this.element.style.opacity = this._opacity;
this.element.mui_plugin_transparent = null;
};

```

调用方式(只需要加一个名为`transProp`的参数即可):
``` js
mui(XXElement).transparent({
offset: 120,
transProp: 'opacity' // 可选值:'opacity','backgroundColor'。默认:'backgroundColor'
})
```
更多...

getBrightness无法获取自动亮度下的亮度值 HTML5+ mui

HTML5+ 洛上千栀 发表了文章 • 0 个评论 • 34 次浏览 • 2018-05-10 11:31

希望能发一个用类似于bmob后端云配置mui的教程!! mui

MUI 约学 发表了文章 • 0 个评论 • 55 次浏览 • 2018-05-05 17:29

MUI跨域请求失败问题解决 跨域请求 mui

MUI 1072844432@qq.com 发表了文章 • 0 个评论 • 93 次浏览 • 2018-04-16 22:00

手机普通浏览器端webview模拟实现,可与app统一代码 html5plus HTML5+ 浏览器 mui Webview

MUI 菜鸡 发表了文章 • 3 个评论 • 492 次浏览 • 2018-04-16 14:22

X

赞助DCloud可免广告,点此前往赞助页面

拖拽式选项卡功能和上下滑动事件冲突 mui

MUI 你共和国 发表了文章 • 0 个评论 • 77 次浏览 • 2018-04-09 21:30

h5+、mui、app开发基础+实战教程都在这儿! mui

HTML5+ hcoder深海 发表了文章 • 0 个评论 • 177 次浏览 • 2018-04-09 09:12

分享一套漂亮的MUI移动端商城模板 mui

MUI hybbq1989 发表了文章 • 0 个评论 • 271 次浏览 • 2018-03-30 21:37

页面一直刷新的坑,ios在载入页面的时候会出发refresh事件 mui

MUI 15860762996@163.com 发表了文章 • 2 个评论 • 174 次浏览 • 2018-03-14 22:43

如何拿到manifest.json里配置的信息 mui 统计 manifest.json配置

MUI 朋也 发表了文章 • 4 个评论 • 301 次浏览 • 2018-03-09 15:27

更多...