mui

MUI事件管理

二次信任 提交于 2020-04-05 23:27:20
模块 : 事件管理 http://dev.dcloud.net.cn/mui/event/ 事件绑定 : 除了可以使用addEventListener()方法监听某个特定元素上的事件外, 也可以使用.on()方法实现批量元素的事件绑定。 .on(event,select,handler); //event: type:string,需要监听的事件名称,例如:"tap"; //select:type:string,选择器 //handler:type:function()事件触发时的回调函数,通过回调中的event参数可以获得事件详情 示例: mui(".mui-table-view").on('tap','.mui-table-view-cell',function(){ //获取id var id = this.getAttribute("id"); //传值给详情页面,通知加载新数据 mui.fire(detail,'getDetail',{id:id}); //打开新闻详情 mui.openWindow({ id:'detail', url:'detail.html' }); }) 事件取消 : 使用on()方法绑定事件后,若希望取消绑定,则可以使用off()方法。 off()方法根据传入参数的不同,有不同的实现逻辑。 .off(event,select,handler);

hbuilder mui调用系统裁剪图片、头像裁剪-Android

二次信任 提交于 2020-03-23 02:41:55
head.addEventListener('tap', function() { var IMAGE_UNSPECIFIED = "image/*"; //相册显示的文件类型 var PHOTOZOOM = 2; // 获取完图片返回key var PHOTOLAT = 1; // 剪裁完毕后返回key var main = plus.android.runtimeMainActivity(); //h5+获取应用主Activity实例对象 var Intent = plus.android.importClass("android.content.Intent"); //导入java类intent对象 以下importClass都是使用安卓原生类 var MediaStore = plus.android.importClass("android.provider.MediaStore"); var File = plus.android.importClass("java.io.File"); var Uri = plus.android.importClass("android.net.Uri"); var intent = new Intent(Intent.ACTION_PICK, null); intent.setDataAndType(MediaStore

MUI---上传头像功能实现

廉价感情. 提交于 2020-03-20 04:47:53
这里使用MUI上传头像的功能是结合VUE来做的,所以: changeFace:function(){ var IMAGE_UNSPECIFIED = "image/*"; //相册显示的文件类型 var PHOTOZOOM = 2; // 获取完图片返回key var PHOTOLAT = 1; // 剪裁完毕后返回key var main = plus.android.runtimeMainActivity(); //h5+获取应用主Activity实例对象 var Intent = plus.android.importClass("android.content.Intent"); //导入java类intent对象 以下importClass都是使用安卓原生类 var MediaStore = plus.android.importClass("android.provider.MediaStore"); var File = plus.android.importClass("java.io.File"); var Uri = plus.android.importClass("android.net.Uri"); var intent = new Intent(Intent.ACTION_PICK, null); intent.setDataAndType

numbox(数字输入框)

大憨熊 提交于 2020-03-19 23:21:04
numbox(数字输入框) MUI----- https://dev.dcloud.net.cn/mui/ui/#numbox mui提供了数字输入框控件,可直接输入数字,也可以点击“+”、“-”按钮变换当前数值;默认numbox控件dom结构比较简单,如下: <div class="mui-numbox"> <!-- "-"按钮,点击可减小当前数值 --> <button class="mui-btn mui-numbox-btn-minus" type="button">-</button> <input class="mui-numbox-input" type="number" /> <!-- "+"按钮,点击可增大当前数值 --> <button class="mui-btn mui-numbox-btn-plus" type="button">+</button> </div> 可通过data-*自定义属性设置数字输入框的参数,如下: 示例:设置取值范围为0~100,每次变化步长为10,则代码如下 <div class="mui-numbox" data-numbox-step='1' data-numbox-min='1' data-numbox-max='10'> <button class="mui-btn mui-numbox-btn-minus" type=

mui 用户头像更改

你说的曾经没有我的故事 提交于 2020-03-13 12:23:56
html部分: <img class="mui-media-object mui-pull-left head-img" id="head-img" src="img/head.png"> js部分: /*点击头像触发*/ document.getElementById('head').addEventListener('tap', function() { if(mui.os.plus) { var a = [{ title: "拍照" }, { title: "从手机相册选择" }]; plus.nativeUI.actionSheet({ title: "修改用户头像", cancel: "取消", buttons: a }, function(b) { /*actionSheet 按钮点击事件*/ switch(b.index) { case 0: break; case 1: getImage(); /*拍照*/ break; case 2: galleryImg(); /*打开相册*/ break; default: break; } }) } }, false); //拍照 function getImage() { var cmr = plus.camera.getCamera(); var res = cmr.supportedImageResolutions[0

Mui 开发手机APP点击事件报错Unable to preventDefault inside passive

谁说我不能喝 提交于 2020-03-12 11:09:38
报错信息:Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080 修改mui.min.js,在js中查找【 f)break}}),b.addEventListener("click" 】修改后成【 f)break}},{passive: false}),b.addEventListener("click" 】就可完美解决报错的问题。 参考链接: https://ask.dcloud.net.cn/article/13284 https://zhuanlan.zhihu.com/p/53645861 来源: oschina 链接: https://my.oschina.net/lylyg/blog/3192366

线上千万级大表排序优化

删除回忆录丶 提交于 2020-03-08 18:21:48
前言   大家好我是不一样的科技宅,每天进步一点点,体验不一样的生活,今天我们聊一聊Mysql大表查询优化,前段时间应急群有客服反馈,会员管理功能无法按到店时间、到店次数、消费金额 进行排序。经过排查发现是Sql执行效率低,并且索引效率低下。 应急问题   商户反馈会员管理功能无法按到店时间、到店次数、消费金额 进行排序,一直转圈圈或转完无变化,商户要以此数据来做活动,比较着急,请尽快处理,谢谢。 线上数据量 merchant_member_info 7000W条数据。 member_info 3000W。 > 不要问我为什么不分表,改动太大,无能为力。 问题SQL如下 SELECT mui.id, mui.merchant_id, mui.member_id, DATE_FORMAT( mui.recently_consume_time, '%Y%m%d%H%i%s' ) recently_consume_time, IFNULL(mui.total_consume_num, 0) total_consume_num, IFNULL(mui.total_consume_amount, 0) total_consume_amount, ( CASE WHEN u.nick_name IS NULL THEN '会员' WHEN u.nick_name = '' THEN '会员'

Mui-js获取单选框值

橙三吉。 提交于 2020-03-08 18:17:15
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <script src="js/mui.min.js"></script> <link href="css/mui.min.css" rel="stylesheet" /> <script type="text/javascript" charset="utf-8"> mui.init(); </script> </head> <body> <header class="mui-bar mui-bar-nav"> <!--顶部导航栏-带返回键--> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <h1 class="mui-title">测试属性checkbox</h1> </header> <div class="mui-content"> <div class="mui-input-row mui-radio

Vue商城项目03

大憨熊 提交于 2020-03-02 21:41:17
发表评论 把文本框做双向数据绑定 <textarea placeholder="请输入内容" maxlength="120" v-model="msg"></textarea> data中 msg: “” // 评论 输入的内容 为发表按钮绑定一个事件 <mt-button type="primary" size="large" @click="postComment">发表评论</mt-button> 校验评论内容是否为空,如果为空,则Toast提示用户 评论内容不能为空 main.js中Vue.http.options.root下面写 //使用ajax的post方式时,第三个参数一般都是一样的,所以每次都重写,还不如全局定义一下,就省略这个重复写的过程。 // 全局设置 post 时候表单数据格式组织形式 application/x-www-form-urlencoded Vue.http.options.emulateJSON = true; 通过 vue-resource 发送一个请求,把评论内容提交给 服务器 当发表评论OK后,重新刷新列表,以查看最新的评论 如果调用 getComments 方法重新刷新评论列表的话,可能只能得到 最后一页的评论,前几页的评论获取不到 换一种思路: 当评论成功后,在客户端,手动拼接出一个 最新的评论对象,然后 调用 数组的 unshift

html5+ & mui框架facebook登录插件(ios版)

五迷三道 提交于 2020-02-29 16:26:45
贴出源码回报社区! 下面贴出关键代码,稍后完善更多细节步骤。个人ios开发经验不多,如果有更好的集成方式,请大家分享! 前提: 1. 能在Xcode中成功运行官方给出的离线打包演示应用 HBuilder-Hello (iOS平台5+SDK集成) 2. 注册了facebook开发者平台,并完成了官方ios集成步骤,参考:[](https://developers.facebook.com/docs/facebook-login/ios?sdk=fbsdk&locale=zh_CN) 源代码目录结构 1. js层代码调用插件login.js loginWithFacebook: function() { Common.showLoading(); setTimeout(function(){ if(App.timeout) { Common.hideLoading(); mui.toast(Common.messages.LOGIN_TIMEOUT,{ duration:'short', type:'div' }); } }, 30000); if(Common.debug) { setTimeout(function(){ App.facebookAuthSuccessCallBack('{"picture":{"data":{"height":50,"is_silhouette"