前言 上一篇章写了 Mint-UI 的基本使用，本篇章再来介绍MUI。...注意： MUI 不同于 Mint-UI，MUI只是开发出来的一套好用的代码片段，里面提供了配套的样式、配套的HTML代码段，类似于 Bootstrap； 而 Mint-UI 是真正的组件库，是使用 Vue...，然后手动拷贝到项目中使用； MUI的介绍 MUI是最接近原生APP体验的高性能前端框架。...image-20200315222139508 其中dist就是我们需要引入的相关js、css等文件，而 examples 则是相关的示例代码。...导入MUI 首先将MUI的文件拷贝到项目中，如下： ? image-20200315222330414 在main.js导入MUI，如下： ?
首先声明：由于backgroundColor的值采用的是RGBA，IE8及以下不支持，所以此效果不支持IE8及以下的浏览器 此效果采用的RGBA做的透明渐变，所以CSS样式中的backgroundColor...的值必须是RGBA css代码 body,p,h1{margin: 0;} .module-layer{ width: 100%; position: fixed; top: 0... JS...') + 1,color.length - 1); //对A判断，如果最终值小于0.9，直接设置为1 if(colorA < 0.9){colorA = 1;} //设置背景色的A...浏览器； 550是滚动条到达位置的最终透明度，此处根据需要自定义； CSS终背景颜色的RGBA的A是最终透明度 demo效果
想解决的问题 你是不是想在混合开发中子页面返回父页面中触发父页面的事件 首先你得对mui开发混合app有所了解,然后你就会知道，其实坑特别多 先创建一个H5+APP就是下面这样样子 然后就按照你一般的操作新建一个...然后重点来了,打开页面并返回当前页面并且触发事件，最好是采用下面这种 方式，记住id很重要，一定记得要写 mui.openWindow({...id: "index.html" }) 然后下一个页面很重要了哈，如果当你需要关闭当前页面返回上一个页面并且想触发事件的话，请看过来 首先你得对mui.back...() 进行重定义下面就是方法 列表内容 let old_back = mui.back; var backk = function() { old_back(); return true...var backk = function() { let twebc = plus.webview.getWebviewById("index.html"); mui.fire(twebc
大家好，又见面了，我是你们的朋友全栈君。 document.getElementById(“demo4”).addEventListener(‘tap
如果用的mui的scroll控件。...那么在初始化时，设置indicators为false即可 $('#scroll').scroll({indicators: false}); 如果是5+环境下的webview的滚动条。
在APP制作过程中，下拉刷新和上拉加载时一直配合使用的一对功能，在之前我们给大家分享过用JS相关的上拉加载和下来刷新，有兴趣的朋友可以参考：MUI进行APP混合开发实现下拉刷新和上拉加载 我们先看开下如何在...MUI中使用整合的上拉下拉 第一步，第二步和下拉刷新一样 mui.init({ subpages:[{ url:pullrefresh-subpage-url,//下拉刷新内容页面地址 id...:pullrefresh-subpage-id,//内容页面标志 styles:{ top:subpage-top-position,//内容页面顶部位置,需根据实际页面布局计算，若使用标准mui导航...//其它参数定义 } }] }); 第三步:在mui.init()内同时设置上拉加载和下拉刷新 mui.init({ pullRefresh: { container: '#pullrefresh...，下拉刷新控件上显示的标题内容 contentrefresh : "正在刷新..."
源模板别人网络下载的勉强在浏览器跑起来，让我帮忙修改成为APP能运行的模板。功能很简单，就几个简单的页面姑且称为模板吧。费了一番功夫适配手机运行。...几个简单的页面图其他没啥内容，就当新手学习吧！...效果图1 image.png 效果图2 image.png 效果图3 image.png 效果图4 image.png DEMO : https://github.com/Light413/mui_demo
注：使用 HTML5+开发的移动App 并非mobileweb页面。这是新手最容易混淆的地方。...无所不能的js 最开始js仅仅局限于网页上一些效果，操作网页内容等，但是nodejs把js带入了后端，也就是服务器端，从此前端人员可以涉及后端，前后通吃，native.js（以及其他js，稍候介绍）把js...选择模版 这里选择mui项目，会自动引入mui的js和css，如下： 文件结构 默认有以下几个文件夹：css，fonts，js，如下： 简单开发 header 打开index.html后在body内输入...3.子页面使用频繁切换的情况 如果频繁左滑右滑，在配置较低的手机上会出现list.html遮住index.html的情况，采用子页面模式就不会，采用新页面模式几率很大。...7.总结 需要下拉刷新上拉加载请使用子页面，需要打开一个新页面请使用新页面方式，需要加载一个页面但是暂时不使用请使用预加载方式。
关于APP自动更新的问题，可是有点坑啊，以下就是我遇到的问题，这是安卓版本的，ios的没有写，因为ios必须去应用商店下 话不多说，直接上代码 先进行获取手机APP当前的信息 const wgtVer...写的很基础，应该看的懂吧 } else { mui.toast(res.msg) } }, error: function(r) { console.log...} else { mui.alert('Download failed:' + status); } }); dtask.start(); var.../ 100) * 100 var baifenbi = (Math.round(daxiaoa * 100) / 100) * 100 + "%" console.log(baifenbi); mui...{ console.log(r) } }); } 好了这以上就是我分享的mui开发的app 的更新问题，有问题请留言，谢谢，一起努力一起进步
(当然,实际应用中还是需要加入一部分原生控件来提高用户体验) 确定一下本篇的学习目标: 1.学会使用WebView基础功能 2.通过WebView调用页面中的JS代码 3.通过WebView让页面中的JS...="~/js/js/mui.js"> <script...我们需要使用到WebView的EvaluateJavascript函数 这个函数有两个参数,一个是你要调用的JS,另一个则是IValueCallback 如图: ?...代码并获取返回值的过程 3.通过WebView让页面中的JS代码调用后台的C#代码 下面我们就来讲如何使用JS来调用C#代码....="mui-btn mui-btn-primary mui-btn-outlined">调用后台C# </script
大家好，又见面了，我是你们的朋友全栈君。 简单版 mui.init({ subpages.../js/jquery.js"> var hrefArr=[...mui-icon-contact"} ]//要跳转的 页面跟他的ID要先写好 var navFirst=[],navOther=[],viewObj=[]//第一个页面数据
在index.html点击按钮就会触发事件newsId,并用mui.openWindow()打开detail.html页面。 然后我有两个问题： 1. 就是上面提到的alert执行两次？ 2....mui-btn mui-btn-blue">教师事件 <script...; }); var detailPage = null; // 添加列表项的点击事件 mui('.mui-content').on('...mui-bar-nav"> ...">回到新闻页 <script type="
/js/mui.min.js"> 自定义的CSS代码 /*修改mui*/ html,body {height: 100%;overflow: hidden;} .mui-bar...--全部城市--> 全部城市 自定义的JS代码 //当前城市商圈选择 mui('.trading-area.../js/mui.min.js"> <script src=".....修改 将条件group && group.length == 1 修改为 group（在inedxed-list.<em>js</em><em>的</em>85行） 原因：由于添加<em>的</em>模块一般都是热门等汉字，此处字符串<em>的</em>长度就不完全是1
底部选项卡tab有两种实现方式，一种是用js另一种是原生的 一、js实现方式：首先先建1个首页和几个子页，最后合并而成 ? <script type="text/javascript"...，不是一组组的） 2、js里面的util.js 把i<8 改成 i<6 for(var i = 0; i < 8; i++) { if(i !...() { })(); 2、Uncaught Error: webview[moive-detail] does not exist at js/mui.min.js:6 //预加载页面放到mui.plusReady
--html--> 若是实现点击"搜索"，实现搜索事件，需要对按键进行监听
initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> hello Range <input
mui点击加载，下拉刷新，上下整合代码 mui的是上拉加载，但是老大说要做成点击加载，所以就改了一些 代码应该是有些问题的，测到了大家就自己改下。...首先要说明的是，有下拉刷新的页面一定要是双webview形式 不然就会出现下拉把上一个窗口的页面给拉出来的情况 父view：messages.html 子webview：messages2.html.../js/rem.js"> 9 39 40 <script type="text/javascript" src="..
开发中，若要使用HTML5+扩展api，必须等plusready事件发生后才能正常使用，mui将该事件封装成了mui.plusReady()方法，涉及到HTML5+的api，建议都写在mui.plusReady...个人认为： 1.每个用到mui的页面都调用下mui.init。 2.如果需要使用大H5+对象，就写到plusReady中，如plus对象。...，直接放在js最前方 除了function定义函数之外，全都写在plusReady之中，function调用也放在其中，毕竟做app开发调用html5+api十分的频繁，就像jq的$(document...的一些参数配置 如果要使用h5+的一些对象、方法，就要使用mui.plusReady，比如mui.plus对象。...mui,init每次写js，最好都加上。
接口调用，蒙版使用 index.html mui.init() function getDefaultData
问题描述 使用HBuilder做一个简单的社区浏览界面。...解决方案 这是对HBuilder学习后想做的一些关于这个软件的一些心得，有了这个接触，想分享一些初学者可以用到的一些使用方法，让更多初学者可以早一些熟悉HBuilder，可以熟练的运用它做出自己想要的一个界面...然后是加入社区分享部分，我们可以加入页眉和页脚，页眉里面可以“img src”插入图片使用“class”和“style”调整格式；使用“button”在页脚插入我想要的跳转按钮，同时也可以使用“class.../mui.min.js"> 我的 结语 这次是学习并使用
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
