sailun
/
sailun-shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>应用下载</title>
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
		<meta content="yes" name="apple-mobile-web-app-capable"/>
		<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
		<meta content="telephone=no" name="format-detection"/>
		<link href="../../css/aui.css" rel="stylesheet" type="text/css"/>
		<link href="../../css/styleK.css" rel="stylesheet" type="text/css"/>
		<style>
			.aui-app-flex-1 {
				color: #005AA9;
				font-size: 0.7rem;
				text-decoration: underline;
				margin-right: 10px;
			}
			.searchBar {
				width: 100%;
				background-color: #ddd;
				padding: 5px;
			}
			.seatchBar-input {
				font-size: .7rem;
				padding: 5px 15px;
				width: 90%;
				margin-left: 5%;
				border-radius: 5px;
				text-align: center;
				border: 1px solid #ddd;
			}
			.aui-app-flex-text {
				display: flex;
				display: -webkit-flex;
			}
			.aui-app-flex-text div {
				flex: 1;
				border-right: 1px dotted #ddd;
				text-align: center;
			}
			.aui-app-flex-text div:last-of-type {
				border-right: 0px dotted #ddd;
			}
			.brand-img {
				width: 4rem;
				position: absolute;
				margin-left: 0rem;
				margin-top: -.4rem;
			}
			.aui-content {
			    z-index: 5;
			    height : 10rem;
			}
			.aui-app-box {
			    margin-top: 0rem;
			}
		</style>
	</head>
	<body>
		<section class="aui-flexView" id="app">
			<section class="aui-content top">
				<div class="aui-card-list aui-border-t aui-border-b">
					<div class="aui-top">
						<span class="aui-time">登记时间：2019-09-09 10：20</span>
					</div>
					<div class="aui-card-list-header aui-card-list-user">
						<div class="aui-card-list-user-avatar">
							<img src="../../image/car.jpg">
						</div>
						<div class="aui-card-list-user-name">
							<div class="aui-font-size-14">
								重汽豪沃牵引车
							</div>
							<div class="aui-font-size-14">
								六轴挂车
							</div>
						</div>
					</div>
				</div>
			</section>
			<div class="aui-app-box" >
				<div class="aui-app-flex-box box-line" v-for="(i,index) in list" v-on:click="lookInfo">
					<div class="aui-app-flex ">
						<div class="aui-app-flex-bd">
							<h2> 位置：前轮 <em v-show="index < 2">最新</em></h2>
							<p>
								<span>更换时间：2019-09-09</span>
							</p>
							<p>
								<span>数量：1条</span>
							</p>
						</div>
					</div>
					<div class="aui-app-flex-text">
						<div>
							<p>
								12R-22.5-18
							</p>
						</div>
						<div>
							<p>
								JT532
							</p>
						</div>
						<div>
							<p><img src="http://www.jinyutyres.com/upload/images/2018/10/17/956ba0a4aaff469cba918b106167fdce.png" class="brand-img"/>
							</p>
						</div>
					</div>
				</div>
			</div>
		</section>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/vue.js"></script>
	<script type="text/javascript">
		//apiready = function() {
			//var type = api.pageParam.type;
			new Vue({
				el : '#app',
				data : {
					type : '',
					list : [{}, {}, {}, {}, {}, {}, {}]
				},
				methods : {
					lookInfo : function() {
						api.openWin({
							name : 'customerInfo_win',
							url : './customerInfo_win.html'
						});
					}
				},
				mounted : function() {
				}
			})
		//}
	</script>
</html>