暖色网站模板,网站维护套餐,网络注册公司怎么注册,自己建一个简单的网站中对话框 语法#xff1a;mui.confirm 用法
mui.confirm(确认要切换角色#xff1f;, 提示, btnArray, function(e) {if(e.index 1) {} else {}});组件名作用alert警告框confirm确认框prompt输入对话框toast消息提示框#xff08;自动消失#x…中对话框 语法mui.confirm 用法
mui.confirm(确认要切换角色, 提示, btnArray, function(e) {if(e.index 1) {} else {}});组件名作用alert警告框confirm确认框prompt输入对话框toast消息提示框自动消失弹出菜单底部
div idpopover classmui-popoverul classmui-table-viewli classmui-table-view-cella href#Item1/a/lili classmui-table-view-cella href#Item2/a/lili classmui-table-view-cella href#Item3/a/lili classmui-table-view-cella href#Item4/a/lili classmui-table-view-cella href#Item5/a/li/ul
/div隐藏popover 语法mui(’.bottomPopover’).popover(status[,anchor]); 用法
mui(.bottomPopover).popover(status[,anchor]);status show显示popoverhide隐藏popovertoggle自动识别处理显示隐藏状态 当传入toggle时 mui会自动识别 要添加第二参数anchorElement 锚点元素 mui(’.mui-popover’).popover(‘toggle’,document.getElementById(“openPopover”));
设置按钮的loading状态
用法
mui(btnElem).button(loading);//切换为loading状态
mui(btnElem).button(reset);//切换为reset状态(即重置为原始的button)示例
button typebutton data-loading-iconmui-spinner mui-spinner-custom classmui-btn mui-btn-primary确认/button
script typetext/javascript
mui(document.body).on(tap, .mui-btn, function(e) {mui(this).button(loading);setTimeout(function() {mui(this).button(reset);}.bind(this), 2000);
});
/script图片轮播
div classmui-sliderdiv classmui-slider-group mui-slider-loop!--支持循环需要重复图片节点--div classmui-slider-item mui-slider-item-duplicatea href#img src4.jpg //a/divdiv classmui-slider-itema href#img src1.jpg //a/divdiv classmui-slider-itema href#img src2.jpg //a/divdiv classmui-slider-itema href#img src3.jpg //a/divdiv classmui-slider-itema href#img src4.jpg //a/div!--支持循环需要重复图片节点--div classmui-slider-item mui-slider-item-duplicatea href#img src1.jpg //a/div/div
/divJS Method mui框架内置了图片轮播插件通过该插件封装的JS API用户可以设定是否自动轮播及轮播周期如下为代码示例
//获得slider插件对象
var gallery mui(.mui-slider);
gallery.slider({interval:5000//自动轮播周期若为0则不自动播放默认为0
});因此若希望图片轮播不要自动播放而是用户手动滑动才切换只需要通过如上方法将interval参数设为0即可。 若要跳转到第x张图片则可以使用图片轮播插件的gotoItem方法例如
//获得slider插件对象
var gallery mui(.mui-slider);
gallery.slider().gotoItem(index);//跳转到第index张图片index从0开始注意mui框架会默认初始化当前页面的图片轮播组件若轮播组件内容为js动态生成时比如通过ajax动态获取的营销信息则需要在动态生成完整DOM (包含mui-slider下所有DOM结构) 后手动调用图片轮播的初始化方法代码如下
//获得slider插件对象
var gallery mui(.mui-slider);
gallery.slider({interval:5000//自动轮播周期若为0则不自动播放默认为0
});grid栅格
用法 MUI 提供了非常简单实用的12列响应式栅格系统。使用时只需在外围容器上添加.mui-row在列上添加 .mui-col-[sm|xs]-[1-12]即可
