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;
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章