mui步骤条实现方法代码实例,直接就能用,无需二次加工操作,结合数据渲染,可以做到快递进度步骤条,满足于html和h5的mui开发

直接上代码:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>步骤条step</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="css/mui.min.css">	
		<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			* {
				box-sizing: border-box
			}

			.eis-horizontal-steps .eis-form-steps {
				overflow: hidden;
				padding: 0;
				font-size: 0;
				position: relative
			}

			.eis-vertical-steps .eis-form-steps {
				overflow: hidden;
				padding: 0;
				font-size: 0;
				position: relative;
				width: 150px;
				float: left
			}

			.eis-horizontal-steps .eis-form-steps .eis-form-step {
				display: inline-block;
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章