| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 | 
							- <!DOCTYPE html>
 
- <html class="">
 
- <!--STATUS OK-->
 
- <head>
 
- 	<meta name="referrer" content="always" />
 
- 	<meta charset='utf-8' />
 
- 	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
 
- 	<meta http-equiv="x-dns-prefetch-control" content="on">
 
- 	<meta name="description" content="">
 
- 	<meta name="format-detection" content="telephone=no" />
 
- 	<link rel="stylesheet" type="text/css" href="css/vant-ui.css" />
 
- 	<link rel="stylesheet" type="text/css" href="css/iconfont.css">
 
- 	<link rel="stylesheet" type="text/css" href="css/main.css" />
 
- 	<script src="js/vue.js"></script>
 
- 	<script src="js/vant-ui.js"></script>
 
- 	<script src="js/main.js"></script>
 
- 	<title></title>
 
- </head>
 
- <style>
 
- 	.ress-body {
 
- 		display: flex;
 
- 		justify-content: center;
 
- 	}
 
- 	.ress-card {
 
- 		width: 7rem;
 
- 		background: rgba(255, 255, 255, 1);
 
- 		box-shadow: 0px 14px 8px 2px rgba(73, 87, 238, 0.08);
 
- 		opacity: 0.95;
 
- 		border-radius: .2rem;
 
- 		display: flex;
 
- 		flex-direction: row;
 
- 		justify-content: space-between;
 
- 		align-items: center;
 
- 		color: #0096DF;
 
- 	}
 
- 	.ress-info {
 
- 		display: flex;
 
- 		flex-direction: column;
 
- 		padding: .2rem 0 .2rem .2rem;
 
- 	}
 
- 	.ress-info-top {
 
- 		display: flex;
 
- 		align-items: center;
 
- 	}
 
- 	.ress-info-name {
 
- 		font-size: .4rem;
 
- 		width: 1.2rem;
 
- 	}
 
- 	.ress-info-tel {
 
- 		font-size: .3rem;
 
- 		padding-top: .1rem
 
- 	}
 
- 	.ress-adress {
 
- 		font-size: .3rem;
 
- 		width: 5rem;
 
- 	}
 
- 	.ress-edit {
 
- 		font-size: .3rem;
 
- 		padding: .1rem .4rem;
 
- 		border-left: 1px solid rgba(0, 147, 220, 1);
 
- 	}
 
- </style>
 
- <style scoped>
 
- 	.login {
 
- 		padding-top: .3rem !important
 
- 	}
 
- </style>
 
- <body>
 
- 	<div id="app">
 
- 		<div class="login">
 
- 			<div class="ress-body">
 
- 				<div class="ress-card">
 
- 					<div class="ress-info">
 
- 						<div class="ress-info-top">
 
- 							<div class="ress-info-name">
 
- 								张三
 
- 							</div>
 
- 							<div class="ress-info-tel">
 
- 								13434136446
 
- 							</div>
 
- 						</div>
 
- 						<div class="ress-adress">
 
- 							山东省 青岛市 市北区 某某路街道 某某小区几号楼几单元
 
- 						</div>
 
- 					</div>
 
- 					<div class="ress-edit" v-on:click="openWin('addressList')">
 
- 						编辑
 
- 					</div>
 
- 				</div>
 
- 			</div>
 
- 		</div>
 
- 	</div>
 
- </body>
 
- <script type="text/javascript" src="../script/api.js"></script>
 
- <script type="text/javascript" src="../script/httpRequest.js"></script>
 
- <script type="text/javascript" src="../script/vue_plugins.js"></script>
 
- <script>
 
- 	new Vue({
 
- 		el: '#app',
 
- 		data: {
 
- 			current: 1,
 
- 			size: 10
 
- 		},
 
- 		mounted: function() {
 
- 			this.userId = $api.getStorage('loginid');
 
- 			this.getAddlist();
 
- 		},
 
- 		methods: {
 
- 			openWin: function(src) {
 
- 				this.goWin(src, src + '_win.html', '');
 
- 			},
 
- 			getAddlist: function() {
 
- 				var _this = this,
 
- 					data = {
 
- 						userLonginId: this.userId,
 
- 						current: current,
 
- 						size: size
 
- 					}
 
- 				this.$post("getAddress", data, function(ret) {
 
- 					if (ret.code == 0) {
 
- 					}
 
- 				});
 
- 			},
 
- 		},
 
- 	})
 
- </script>
 
- </html>
 
 
  |