mui
肖肖肖丽珠
学习学习。写博客是为了积累和总结。如果写的有错欢迎大家指正点拨。努力成为技术小牛~~加油
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
mui的confirm提示里面含有图片和文字
var btnArray = ['取消', '确定']; var html='<div style="padding:20px"><img src="/mobile/static/images/noanswertips.png"><p>当前题目尚未作答哦,你确定现在要进入下一题吗?</p></div>' mui.confirm(html, "提示", btnArray, function(e) { ...原创 2021-06-01 15:53:17 · 341 阅读 · 2 评论 -
mui单选框不显示,只显示label并且能够触发radio的选中事件
只需要把这个radio的样式改成opacity:0原创 2021-05-21 16:19:14 · 502 阅读 · 0 评论 -
mui怎么修改选中的单选框的label的样式,通过css改变
点击单选框希望他旁边的label的样式跟着改变。但是我不想使用js去监听选中的事件通过addClass添加样式。 <form class="mui-input-group"> <div class="mui-input-row mui-radio mui-left"> <label>radio</label> ...原创 2021-05-21 16:18:07 · 721 阅读 · 0 评论 -
微信开发者工具里面。mui复选框点击报错Uncaught TypeError: Cannot read property ‘0‘ of undefined
我们是在微信开发者工具里面测试的复选框,却发现点击复选框按钮一直报错。但是如果我们在浏览器里面看。他是正常的不会报错的。好像这个只是微信开发者工具里面有问题实际线上微信测得是没问题。具体的原因还不知道。只能暂且不管这个错误了。...原创 2020-03-24 17:47:13 · 2678 阅读 · 7 评论 -
mui自定义日期的起始时间为当前时间,只能选择当前之后的时间
我们如果想要预约什么。选择的日期肯定是从今天开始的,不可能选到之前的日期。这时候我们就需要限制,可供选择的时间啦。你想从当前的时刻开始。mui的日期选择在下面弹出的。picker的插件data-options='{"type":"datetime"}' class="btn mui-btn mui-btn-block">选择日期时间 ...原创 2017-06-16 12:04:16 · 35702 阅读 · 0 评论 -
app时如何写一个全局的ajax,,然后在每个页面都是用
所有的访问的接口的前面是固定的,如果分明写在各个页面,可能修改的时候就得一个个的改。现在把它放在一个js里面,然后再各个页面引用。修改了这个所有的文件里面也是改的。所以就更加方便管理和修改。alluse.js里面的内容: app.server = "https://m2.jft365.cn/index.php/"; app.photourl = "https://m原创 2017-05-03 15:30:45 · 1152 阅读 · 0 评论 -
mui日期选择插件自定义可以选择的结束日期
这是mui的日期选择的。http://blog.youkuaiyun.com/qq_33769914/article/details/73325764但是他只能自定义开始的年月日。但是结束的如果想限制怎么办?点击我看看自定义开始结束日期 // 任何属性都不用写在下面js里面定义也行$('#btn1')[0].addEventListener("click",function原创 2017-06-16 18:15:05 · 10069 阅读 · 2 评论 -
手机右键按两下就退出程序
var backcount=0; mui.back = function () { if (mui.os.ios) return; if (backcount > 0) { if (window.plus) plus.runtime.quit(); return原创 2016-09-13 15:28:35 · 464 阅读 · 0 评论 -
mui单选框。单选框在一行
单选框(radio)横着的单选框性别 男 女 单选框换个样式性别 男 女 图标左对齐radioradiodisabled radio图标右对齐radioradiodisabled radio列表模式的单选框Item 1Item 2Item 3原创 2017-06-19 15:02:52 · 17844 阅读 · 0 评论 -
mui对话框
mui.alert("内容", "标题", "按钮内容",function(){},[,'div']); 可选参数,代表是否使用h5绘制的对话框,也就是对话框样式是否可以修改,如果有这个选项,你就可以这一句的下面修改它的样式啦,document.querySelector('.mui-popup-input input').type='password'document.querySele原创 2017-05-08 14:41:39 · 2394 阅读 · 0 评论 -
mui的poppicker一级选择,设置默认值
一级选择示例如上图,在实际的项目中,下面列表的内容都是后台接口给的数据。所以第一个就是选中的,也就是给你的列表的第一个值。但是如果给你一个默认值。点开第一个显示的不给他给你的列表的第一个值,而是你默认选择的那个值。这个时候该怎么办呢?这里我们从头开始说起。假如现在有个接口给你了。List:[{vid:"'}]var shopList1=[]; //可以选择的列表实际上原创 2017-07-26 18:56:46 · 29141 阅读 · 0 评论 -
mui css 多行文本的溢出显示省略号(移动端)
一行超出就溢出隐藏div{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 两行超出溢出隐藏div{ overflow:hidden; //前两个不变 text-overflow:ellipsis; white-space:normal !import...原创 2017-03-29 09:50:04 · 12469 阅读 · 1 评论 -
vue写一个图片轮播的组件,在父组件中引用。用到mui。push。concat。vue
这里先粘出mui的图片轮播的本来的代码,然后把他改成vue写的就可以啦!! mui-slider-item-duplicate">原创 2017-05-02 17:25:11 · 3180 阅读 · 0 评论 -
mui增加自定义图标
参考:http://ask.dcloud.net.cn/article/128下面是注册下载后的文件在编辑器中,要把ttf文件和iconfont.css的文件当进去iconfont.css的内容修改一下:注意下面标红的地方:下面是html的内容:原创 2017-05-06 17:36:23 · 488 阅读 · 0 评论 -
通用函数总结
var serverurl="http://m1.jft365.cn/";var imgurl="http://a.jft365.cn";var photourl="http://m1.jft365.cn";//var serverurl="http://v2m.jft365.cn/";//var imgurl="http://admin.jft365.cn";//var ph原创 2017-07-25 14:07:48 · 350 阅读 · 0 评论 -
vue+mui中mui-silder插件失效了根本不能拖拽
在写选项卡滑动的时候。或者是在这个滑动菜单里放的是图片变成了轮播图有的时候把那个mui(".mui-slider").slider({interval: 3000});写在ajax获取数据里面可以凑效。但是有时候却没有用啊。有人推荐this.$nextTick(()=>{ mui(".mui-slider").slider();})这种但是都没有下面那种好啊。。最佳的解决办法就是把那个滑动...原创 2018-07-10 16:25:06 · 2363 阅读 · 4 评论 -
vue和mui结合使用的问题vue加载模块后,mui好像不能及时初始化那些加载的模块,导致,mui的样式和某些事件用不了,如:inpu的清除按钮
vue加载模块后,mui好像不能及时初始化那些加载的模块,导致,mui的样式和某些事件用不了,如:inpu的清除按钮。还有搜索的那个放大镜的图标。动态添加组件后 需要重新初始化.需要在mounted里面从新加载一下。 var vm=this; vm.$nextTick(()=>{mui('.mui-input-row input').input();})这样一下就可以啦。...原创 2018-07-10 17:00:13 · 4187 阅读 · 1 评论 -
mui报错:Unable to preventDefault inside passive event listener due to target being treated as passive
在拖动轮播图的时候报错Unable to preventDefault inside passive event listener due to target being treated as passive解决方法:在css中添加*{touch-action: none;} 就可以额原创 2019-09-26 09:24:26 · 860 阅读 · 0 评论 -
vue中使用mui的弹出日期插件
mui的日期插件的使用你可以看我的另几篇博客:限制开始日期 http://blog.youkuaiyun.com/qq_33769914/article/details/73325764显示可供选择的时期开始结束日期 http://blog.youkuaiyun.com/qq_33769914/article/details/73348209但是我们在vue里面如何使用这些插件呢?原创 2017-06-16 19:33:45 · 5380 阅读 · 0 评论 -
还是mui的日期选择插件使用,可以在弹出日期选择之前提问他是否想修改
触先提示确定再让选择 //在弹出日期选择之前提问 $("#touch")[0].addEventListener('tap', function() { var this1=this;//把这个点击记住 var btnArray = ['是', '否']; mui.confirm('是否要修改生日', '警告',原创 2017-06-16 18:35:39 · 3586 阅读 · 0 评论 -
mui中的一些弹窗
1、mui.alert();直接使用: mui.alert("弹出的消息框提示内容!")感觉有点类似alert功能带有回调函数的使用:var info = document.getElementById("info"); //专门用来存放弹出消息的一个div mui.alert('欢迎使用HelloMUI', 'Hello MUI'原创 2016-05-26 20:26:46 · 13655 阅读 · 0 评论 -
图片懒加载
mui(document).imageLazyload({ placeholder: '../images/60x60.gif' //默认的没有显示图片时显示的图片 });原创 2017-03-29 11:25:36 · 379 阅读 · 0 评论 -
如何在一个js中新添加的元素的里面插入新的元素。
下面这段是从一个ajax里面截取出来的。希望在ht这段html里面添加一个html。for(var i in data){if(data[i].car_img==null){data[i].car_img=”img/man.png”}var ht=' s“> 司机:’+data[i].vipname+' ’+data[i].orderno+'’;ht=$(ht);ht.a原创 2017-03-30 10:07:37 · 3268 阅读 · 0 评论 -
mui底部不动的按钮
立即报名 /*底部按钮*/ nav { background: #fff } nav { height: 50px; top: inherit; text-align: center } nav .m原创 2017-03-02 15:51:26 · 4292 阅读 · 0 评论 -
修改生日
editdate"> 生日{{db2.btime |dateShort}} mounted(){this.$api("Member/vipinfo").then(db=>{ this.db2=db; }); comm.loadjs("js/mui.picker.min.js","原创 2017-03-22 16:37:28 · 574 阅读 · 0 评论 -
单页面mui返回的问题的箭头返回的是哪个页面。点击头部左边按钮返回上一页
单页面,返回的是上一个打开页面,而不是他们整体跳出这个页面。需要代码//初始化单页viewvar viewApi = mui('#app').view({ defaultPage: '#setting'}); var view = viewApi.view; (function($) { //处理view的后退与webview后退 var原创 2017-03-23 16:48:53 · 2665 阅读 · 0 评论 -
在加载的时候显示系统等待对话框。加载完成就关闭
把下面的内容写在ajax里面就可以啦beforeSend: function(data) { plus.nativeUI.showWaiting(); },success: function(data) { plus.nativeUI.closeWaiting(); }, error: function(xhr, type, erre原创 2017-04-11 15:33:32 · 1576 阅读 · 0 评论 -
页面跳转时传值
第一个可以跳转的页面$(“a”).attr(“orderno”,bd.orderno);//把db.orderno这个值赋值到a的一个orderno属性上面mui(‘#item1’).on(‘tap’, ‘a’, function(){ // 再点击的时候就把这个值orderno传过去 var orderno=$(this).attr(“orderno”);原创 2017-04-11 15:40:55 · 737 阅读 · 0 评论 -
mui退出软件点击两次提示
/点击两次就退出软件var backcount=0;mui.back = function () {if (mui.os.ios) return;if (backcount > 0) {if (window.plus) plus.runtime.quit();return;};mui.toast(‘再按一次退出应用’);backcount++;setTime原创 2017-04-11 15:49:58 · 2798 阅读 · 0 评论 -
侧滑菜单,在刷新以后依然保持原来的展开或者收缩样式
侧滑菜单,在刷新以后依然保持原来的展开或者收缩样式。把这个展开还是收缩的状态保存到cookie里面就好啦侧滑菜单里面的每个li$(“.sidebar-menu li”).click(function () {var page = $(this).attr(‘id’);// 设置cookie把现在选择的那个列的id值存起来$.cookie(‘page’, page, {path:原创 2017-04-11 15:47:40 · 2793 阅读 · 1 评论 -
自定义事件.页面传值(不是跳转时传的)
1—-首先在传的值所在的页面,把这个值获取到。mui.plusReady(function(){ //如果没有这句的话肯定报错的,注意把这种plus.webview这样的内容放在plusReady这个里面。 var targetPage=plus.webview.getWebviewById(“detail.html”); //detail.html是你想要把值传过去的页面原创 2017-04-11 15:38:49 · 733 阅读 · 0 评论 -
mui单页面,指定跳转到单页面的那个子页面。获取当时显示的那个单页面的id
var viewApi;var view = viewApi.view; (function($) { //处理view的后退与webview后退 var oldBack = $.back; $.back = function() {原创 2017-04-11 10:47:20 · 7372 阅读 · 0 评论 -
页面加载时显示一个loading的图片或者动画或者提示信息
写在body的下面第一句。文字:正在载入,请稍候…… 。图片 设置一下图片的样式,让他放在屏幕的中间。所有内容的上面.loadingdiv { position: relative; margin-top: 1原创 2017-05-04 10:46:08 · 19075 阅读 · 1 评论 -
填写评价。有评价星星和备注
1,这是mui里面自带的一个用法 评分原创 2016-09-13 16:16:57 · 3886 阅读 · 0 评论 -
mui单页面指定显示的是单页面的那个页面,获取地址栏参数
如果两个页面都要跳转到同一个单页面(这个单页面是提交订单和收货地址在一个单页面),但是显示的不同。比如点外卖时,下单后显示的是提交订单且可以编辑选择收货地址。而我的地址就直接跳过订单页面进入收货地址页面。需要注意的是mui的单页面的一段代码//初始化单页view var viewApi = mui('#app').view({ def原创 2017-04-07 18:22:47 · 4455 阅读 · 0 评论 -
mui.prompt怎么指定弹出框输入内容是input的类型,原始的type=text,
增加第六个参数mui.prompt("text","defaluttext","title",['确定',‘取消’],function(){},'div');document.querySelector('.mui-popup-input input').type='tel';比如:var btnArray=['取消','打赏']; mui.prompt("原创 2017-05-08 10:41:10 · 10355 阅读 · 1 评论 -
vue里面使用mui的弹出日期选择插件
comm.loadjs("js/mui.picker.min.js","js/mui.poppicker.js")因为是点击才弹出的,所以就不用在index.html里面写这样的方式来引入js了。因为index.html这个页面是每个组件即.vue都会引用的,所以你如果在这里面引入太多js肯定会影响网页的加载速度的。对于页面加载以后需要引入的js你可以使用上面的方式引入。注意这个comm是原创 2017-06-16 17:15:57 · 10046 阅读 · 0 评论 -
Hbilder获取地理位置
//第一步通过mui.plusReady【表示页面加载事件】调用hbuilder提供的百度定位mui.plusReady(function(){plus.geolocation.getCurrentPosition( geoInf, function ( e ) {},{geocode:true,provider:'amap'});})//第二步通过原创 2016-12-07 17:33:20 · 3800 阅读 · 0 评论
分享