mui | 易学教程

MUI-窗口管理

阅读更多关于 MUI-窗口管理

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:'正在加载...',//等待对话框上显示的提示内容 } }) mui框架封装的页面右滑关闭功能，默认未启用，若要使用右滑关闭功能，需要在mui.init();方法中设置swipeBack参数 mui.init({

MUI――文件系统、相册、拍照

阅读更多关于 MUI――文件系统、相册、拍照

plus.gallery.pick( function(e){ for(var i in e.files){ var fileSrc = e.files[i]; var src=fileSrc+"?version="+new Date().getTime(); resizeImage(src) } }, function ( e ) { },{ filter: "image", multiple: true, maximum: MAX_LEN - len,//动态计算可选长度 system: false, onmaxed: function() { if(len == 0 ){ plus.nativeUI.alert('最多只能选择'+ MAX_LEN +'张图片'); }else{ plus.nativeUI.alert('最多只能上传'+ MAX_LEN +'个文件'); } } }); function resizeImage(url) { plus.nativeUI.showWaiting() if (0 != url.toString().indexOf("file://")) { url = "file://" + url; } plus.io.resolveLocalFileSystemURL(url, function(entry) { entry.file

vue项目-- 缩略图、预览

阅读更多关于 vue项目-- 缩略图、预览

缩略图、预览预览: https://github.com/Ls1231/vue-preview 安装： npm i vue-preview -S <ul class="mui-table-view mui-grid-view mui-grid-9"> <li v-for="(img,index) in imgs" :key="index" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">  <img class="preview-img" :src="img.src" height="100" @click="$preview.open(index, imgs)"> </li> </ul> <script> //缩略图 this.$ajax.get('getthumimages/' + pid) .then(res=>{ this.imgs = res.data.message; //forEach this.imgs.forEach((ele)=>{ ele.w=300; ele.h=200;//缩率图显示的高 }) }) .catch(err=>{ console.log(err) }); </script> main.js /

wap2app（三）-- 添加引导页

阅读更多关于 wap2app（三）-- 添加引导页

1.在client_index.html文件中添加如下代码： <script type="text/javascript"> if(window.plus){ plusReady() }else{ document.addEventListener('plusready',plusReady,false) } function plusReady(){//这里是每次进入应用都会显示引导页，开发中要如何显示引导页视具体的情况而定。 var guide = plus.webview.create('guide.html',"guide"); guide.show(); } </script> 2.创建image文件夹，添加引导图的图；创建css文件夹，引入mui.min.css、mui.css；创建js文件夹，引入mui.js文件、mui.min.js文件等。 3.添加引导页面 guide.html，代码如下： <!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

MUI框架开发HTML5手机APP(一)--搭建第一个手机APP

阅读更多关于 MUI框架开发HTML5手机APP(一)--搭建第一个手机APP

JRedu 　随着HTML5的不断发展，移动开发成为主流趋势！越来越多的公司开始选择使用HTML5开发手机APP，而随着手机硬件设备配置的不断提升，各种开发框架的不断优化，也使着H5开发的混合APP的体验越来越趋于原生！那么在本系列博客中，我们就来一探H5开发APP的神秘面纱吧~~ 一、移动APP项目搭建 http://www.dcloud.io/ 1 使用HBuilder新建移动APP项目 2 manifest.json文件介绍二、APP程序的打包与调试 1 将项目打包成APP 2 直接运行调试三、MUI框架与HTML5+框架介绍上面提到HBuilder编辑器、MUI框架、HTML5+框架都是数字天堂公司的知名产品。MUI框架和HTML5+框架都是干什么的呢？ 1 MUI框架 MUI框架号称是“最接近原生APP体验的高性能前端框架”，当然这是官方的口号，杰小瑞老师不负责吹牛~ 官方文档地址： http://dev.dcloud.net.cn/mui/ 经过我们的亲身体验，MUI框架确实对得起他的口号，当然也有很大的进步空间需要提升HBuilder的使用，如此般顺滑的操作体验会让你不敢相信自己在敲代码。 MUI给我们提供了大量的组件，只需要在HBuilder中输入一个”m”开头，就可以同列表中选择形形色色各种组件！选中你需要的任意一个组件，回车，一大段代码直接生成

记录mui轮播图组件图片滑动速度过慢的问题

阅读更多关于记录mui轮播图组件图片滑动速度过慢的问题

mui官网的例子轮播图组件的图片滑动速度过慢，造成的视觉效果就是图片整张滑动过去显示完全mui-slider也就是图中的点才切换过去，没办法甲方老兄觉得这个效果不好看，解决办法修改mui.js var Slider = $.Slider = $.Scroll.extend({ init: function(element, options) { this._super(element, $.extend(true, { fingers: 1, interval: 0, //设置为0，则不定时轮播 scrollY: false, scrollX: true, indicators: false, scrollTime: 100, startX: false, slideTime: 0, //滑动动画时间 snap: SELECTOR_SLIDER_ITEM }, options)); if (this.options.startX) { // $.trigger(this.wrapper, 'scrollend', this); } }, 搜一下这个位置修改scrollTime这个数值就可以了。数字越小速度越快来源： https://www.cnblogs.com/lishuang2243/p/11758691.html

MUI框架-横屏切换-竖屏切换-横竖屏切换

阅读更多关于 MUI框架-横屏切换-竖屏切换-横竖屏切换

最近在使用mui做一个h5+APP，遇到了横屏页面返回后依旧横屏不能切换回竖屏的问题，百度了很久后得到了解决方案，记录之，原文地址：点击打开链接。 mui.plusReady(function() { plus.screen.lockOrientation("landscape-primary");//锁定横屏默认不会还原 }); mui.init({ beforeback: function() { //退出前当前面恢复横屏 mui.plusReady(function() { plus.screen.lockOrientation("portrait-primary"); }); //返回true，继续页面关闭逻辑 return true; } }); 来源： CSDN 作者： WenQiuHan 链接： https://blog.csdn.net/L851701777/article/details/79872261

fill directory textbox on button click in MUI NSI Installer , using ButtonEvent plug-in

阅读更多关于 fill directory textbox on button click in MUI NSI Installer , using ButtonEvent plug-in

i have added custom button using Resource Hacker on the MUI Directory Page of the installer, now i want that when the button is clicked then the Default Textbox where the user enters the InstallDir (the path where the application is installed), is filled with some specified text. please help me with the code? I am using ButtonEvent plug-in, but i don't know what code to write in the event handler. Currently am just displaying a message box when the button is clicked to ensure that the event is working. Please help. !define IDC_BUTTON_SETPATH 1200 (1200 is the ID OF THE BUTTON ADDED from

mui 底部导航栏的实现

阅读更多关于 mui 底部导航栏的实现

mui 底部导航栏的实现 <nav class="mui-bar mui-bar-tab"> <a id="display" class="mui-tab-item {if $_GPC['op'] == 'display'}mui-active{/if}" href="{php echo $this->createMobileUrl('pj_goods', array('op' => 'display'))}"> <span class="mui-icon mui-icon-bars"></span> <span class="mui-tab-label">列表</span> </a> <a class="mui-tab-item {if $_GPC['op'] == 'detail'}mui-active{/if}" href=""> <span class="mui-icon mui-icon-info"></span> <span class="mui-tab-label">详情</span> </a> <a id="home" class="mui-tab-item {if $_GPC['op'] == 'home'}mui-active{/if}" href="{php echo $this->createMobileUrl('pj_goods', array('op'

一步步创建第一个Vue项目

阅读更多关于一步步创建第一个Vue项目

写在了GitHub https://github.com/TaoPanfeng/vue-cms 1 初始化创建一个文件夹 vue-cms 在 vue-cms 目录下创建文件 package.json 在 vue-cms 目录下创建文件 webpack.config.js 在 vue-cms 目录下创建文件 .babelrc 在 vue-cms 目录下创建目录 src 在 src 目录下创建文件 index.html 在 src 目录下创建文件 main.js package.json { "name": "vue-cms", "version": "1.0.0", "description": "这是我的第一个Vue项目", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack-dev-server --open --port 2198 --hot" }, "keywords": [], "author": "陶攀峰", "license": "ISC", "dependencies": { "babel-core": "^6.26.3", "babel-loader": "^7.1.5", "babel-plugin

订阅 mui