mui框架
IT界的渣
威信: 2549789059
展开
-
mui 图片预览
mui.css和mui.js自行下载 由于js较多下一篇发表图片类的js PS:mui 图片预览(2),前往下载jsmui.previewimage.js<!--App自定义的css--> <style type="text/css"> .mui-preview-image.mui-fullscreen { position原创 2017-06-15 17:05:16 · 7098 阅读 · 1 评论 -
mui 图片预览(2)
mui.previewimage.js//下载后可打包成文件后导入页面 PS:使用方法在,下一篇mui 图片预览(3)另加mui.zoom.js, 看完请看下一章mui.zoom.js(function($, window) { var template = '<div id="{{id}}" class="mui-slider mui-preview-image mui-fullscre原创 2017-06-15 17:07:54 · 3390 阅读 · 0 评论 -
mui 图片轮播
mui 图片轮播PS:mui.css&mui.js自行解决<style>.mui-plus.mui-android header.mui-bar{ display: none;}.mui-plus.mui-android .mui-bar-nav~.mui-content{ padding: 0;}</style><!--主体--><header class="mui-b原创 2017-06-15 17:19:07 · 1906 阅读 · 0 评论 -
mui 图片预览(3)
PS:再次申明自行导入js和CSS使用方法:<script> mui.previewImage();</script>//mui.zoom.js(function($, window) { var CLASS_ZOOM = $.className('zoom'); var CLASS_ZOOM_SCROLLER = $.className('zoom-scroller');原创 2017-06-15 17:10:05 · 2514 阅读 · 3 评论 -
上拉刷新下拉加载(2)
//自行导入mui CSS和js <div id="pullrefresh" class="mui-content mui-scroll-wrapper"> <div class="mui-scroll"> <!--数据列表--> <ul class="mui-table-view mui-ta原创 2017-06-15 16:50:30 · 287 阅读 · 0 评论 -
MUI数字角标,用于进行数量提示
用于进行数量提示。 角标的核心类是.mui-badge,默认为实心灰色背景;同时,mui还内置了蓝色(blue)、绿色(green)、黄色(yellow)、红色(red)、紫色(purple)五种色系的数字角标<span class="mui-badge">1123</span><span class="mui-badge mui-badge-primary">11232</span><span原创 2017-06-12 10:31:42 · 4232 阅读 · 2 评论 -
MUI上拉加载下拉刷新
MUI上拉加载下拉刷新mui.init({ pullRefresh : { container:"#refreshContainer",//ID选择器或者类选择器 up : { height:100, auto:false,//(true:自动下拉一次) contentrefresh:"拼命原创 2017-06-12 10:05:03 · 1263 阅读 · 0 评论 -
mui消息框
警告框//message:提示对话框上显示的内容(String) //title:提示对话框上显示的标题(String) //btnValue:提示对话框上按钮显示的内容(String) //callback:提示对话框上关闭后的回调函数(Function) //type:是否使用h5绘制的对话框(div,span…); mui.alert();确认框//message:提示对话框上显示的原创 2017-06-19 09:58:00 · 3634 阅读 · 0 评论 -
dialog(消息框)
dialog(消息框)下载mui.min.js下载mui.min.css//自定义css<style>.mui-plus.mui-android header.mui-bar{ display: none;}.mui-plus.mui-android .mui-bar-nav~.mui-content{ padding: 0;}.mui-btn {转载 2017-06-15 17:36:33 · 962 阅读 · 0 评论