mui js的使用 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

Vue MUI的基本使用

前言上一篇章写了 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，如下： ?

2.2K3 0

MUI导航栏透明渐变----原生JS实现

首先声明：由于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效果

7.2K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

关于mui 中开发App中fire事件的使用

想解决的问题你是不是想在混合开发中子页面返回父页面中触发父页面的事件首先你得对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

1.3K4 0

mui隐藏滚动条的方法

如果用的mui的scroll控件。...那么在初始化时，设置indicators为false即可 $('#scroll').scroll({indicators: false}); 如果是5+环境下的webview的滚动条。

2.7K3 0

一个简单的MUI APP模板

源模板别人网络下载的勉强在浏览器跑起来，让我帮忙修改成为APP能运行的模板。功能很简单，就几个简单的页面姑且称为模板吧。费了一番功夫适配手机运行。...几个简单的页面图其他没啥内容，就当新手学习吧！...效果图1 image.png 效果图2 image.png 效果图3 image.png 效果图4 image.png DEMO : https://github.com/Light413/mui_demo

1.4K2 0

使用mui搜索框触发手机软键盘搜索按钮事件

--html--> mui-input-row mui-search"> mui-input-clear" placeholder="输入关键字搜索"> 若是实现点击"搜索"，实现搜索事件，需要对按键进行监听

2.7K4 0

关于mui开发的APP自动更新的问题

关于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.5K4 0

C#开发移动应用系列(2.使用WebView搭建WebApp应用)

(当然,实际应用中还是需要加入一部分原生控件来提高用户体验) 确定一下本篇的学习目标: 1.学会使用WebView基础功能 2.通过WebView调用页面中的JS代码 3.通过WebView让页面中的JS...="~/js/js/mui.js"> js/examples/hello-mui/js/mui.js"> 使用到WebView的EvaluateJavascript函数这个函数有两个参数,一个是你要调用的JS,另一个则是IValueCallback 如图: ?...代码并获取返回值的过程 3.通过WebView让页面中的JS代码调用后台的C#代码下面我们就来讲如何使用JS来调用C#代码....="mui-btn mui-btn-primary mui-btn-outlined">调用后台C# js/js/mui.js"></script

3K10 0

MUI-tab两种实现方式原

底部选项卡tab有两种实现方式，一种是用js另一种是原生的一、js实现方式：首先先建1个首页和几个子页，最后合并而成 ? mui-bar-nav~.mui-content这两个class之间的~什么意思？匹配 .mui-bar-nav 之后所有的 .mui-content（即同级的其他类或元素）。...span> js/mui.min.js"> 的） 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

3.2K2 0

完整MUI 例子原

接口调用，蒙版使用 index.html js/mui.min.js"> js/util.js.../js/mui.min.js"> js/mui.min.js"> js/vue.min.js"> mui.init() function getDefaultData

4K4 0

mui点击加载，下拉刷新，上下整合代码

mui点击加载，下拉刷新，上下整合代码 mui的是上拉加载，但是老大说要做成点击加载，所以就改了一些代码应该是有些问题的，测到了大家就自己改下。...首先要说明的是，有下拉刷新的页面一定要是双webview形式不然就会出现下拉把上一个窗口的页面给拉出来的情况父view：messages.html 子webview：messages2.html.../js/rem.js"> 9 js/jquery-1.10.2.min.js" > 39 js/mui.min.js"> 40 <script type="text/javascript" src="..

1.9K2 0

网页|上手MUI

1、快速构建页面 1.1 新建含mui的HTML文件在Hbuilder中，新建HTML文件，选择”含mui的HTML“模板，可以快速生成mui页面模板，该模板默认处理了mui的js、css资源引用。...图1.2 MUI顶部 1.4设置底部导航栏第一种，MUI有自带的图标库 ?...使用时，只需要在span节点上分别增加.mui-icon、.mui-icon-name两个类即可（name为图标名称，例如：weixin、weibo等），如下代码即可显示一个微信图标： mui.min.js"> mui.min.css" rel="stylesheet"/> <link rel="stylesheet...CBD mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.

1.3K2 0

Python|使用HBuilder建立APP交流社区

问题描述使用HBuilder做一个简单的社区浏览界面。...解决方案这是对HBuilder学习后想做的一些关于这个软件的一些心得，有了这个接触，想分享一些初学者可以用到的一些使用方法，让更多初学者可以早一些熟悉HBuilder，可以熟练的运用它做出自己想要的一个界面...然后是加入社区分享部分，我们可以加入页眉和页脚，页眉里面可以“img src”插入图片使用“class”和“style”调整格式；使用“button”在页脚插入我想要的跳转按钮，同时也可以使用“class.../mui.min.js"> mui.min.css" rel="stylesheet" /> mui-icon mui-icon-contact"> 我的结语这次是学习并使用

1.6K3 0

MUI索引列表自定义----添加热门、最近等多个模块

/js/mui.min.js"> js/mui.indexedlist.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.js的85行）原因：由于添加的模块一般都是热门等汉字，此处字符串的长度就不完全是1

1.7K2 0

JS 中 cookie 的使用

因此，cookie可以跨越一个域名下的多个网页，但不能跨越多个域名使用。　　③、不同浏览器对 cookie 的实现也不一样。即保存在一个浏览器中的 cookie 到另外一个浏览器是不能获取的。...，我们可以通过读取 cookie 中的信息，恢复购物车中的物品。...然后通过查询数据库的信息来恢复购物车里的物品　　③、页面之间的传值。在实际开发中，我们往往会通过一个页面跳转到另外一个页面。后端服务器我们可以通过数据库，session 等来传递页面所需要的值。...3、怎么使用 cookie？　　...比如： document.cookie="name=中文"; //为了防止中文乱码，我们可以使用encodeURIComponent()编码；decodeURIComponent()解码 document.cookie

8K7 0

mui.openWindow+自定义事件监听操作让alert()执行两次

在index.html点击按钮就会触发事件newsId,并用mui.openWindow()打开detail.html页面。然后我有两个问题： 1. 就是上面提到的alert执行两次？ 2....mui-btn mui-btn-blue">教师事件 js/mui.min.js"> <script...; }); var detailPage = null; // 添加列表项的点击事件 mui('.mui-content').on('...mui-bar-nav"> mui-action-back mui-icon mui-icon-left-nav mui-pull-left">...">回到新闻页 js/mui.min.js"> <script type="

1.9K0 0

js WeakSet的基本使用

ECMAScript 6 新增的“弱集合”（WeakSet）是一种新的集合类型，为这门语言带来了集合数据结构。WeakSet 是 Set 的“兄弟”类型，其 API 也是 Set 的子集。...WeakSet 中的“weak”（弱），描述的是 JavaScript 垃圾回收程序对待“弱集合”中值的方式。基本API 1....创建WeakSet实例可以使用 new 关键字实例化一个空的 WeakSet： const ws = new WeakSet(); 弱集合中的值只能是 Object 或者继承自 Object 的类型，...尝试使用非对象设置值会抛出 TypeError。...WeakSet 中的值任何时候都可能被销毁，所以没必要提供迭代其值的能力。

1.1K2 0

js中arguments的使用

其实Javascript并没有重载函数的功能，但是Arguments对象能够模拟重载。...Javascrip中每个函数都会有一个Arguments对象实例arguments，它引用着函数的实参，可以用数组下标的方式"[]"引用arguments的元素。...可以通过下面的例子来看一下arguments的具体使用方法 function test(){ if(arguments.length>0){ for(p of arguments){ console.log...，当需要使用递归来处理问题时callee就派上了用场 function count(a){ if(a==1){ return 1; } return a + arguments.callee...(--a);//此处的调用亦可使用cont(--a)的方式 } var mm = count(10); console.log(mm);//输出结果为55

2.3K2 0

Js Promise的基础使用

return new Promise((resolve, reject)=> { // 假设此处是异步请求某个数据 $.ajax({ url...

2.1K1 0

Mui滑动实时获取值安卓端

initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> js.../jquery-3.1.1.min.js"> js/mui.min.js"> mui.min.css...script> mui-bar mui-bar-nav"> mui-action-back mui-icon mui-icon-left-nav...mui-pull-left"> mui-title">hello mui-content"> mui-input-row mui-input-range"> Range <input

1K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭