hopeaddress.html 3.4 KB
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/init.css" />
		<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/hopeaddress.css" />


		<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/demo.css" />


		<script src="/themes/simplebootx/Portal/Template/js/base.js" type="text/javascript" charset="utf-8"></script>
		<title>期望地址</title>
		<style>
			*{padding:0;margin:0;}
			.content {
				margin:50px auto 0;
				width:300px;
				min-height: 500px;
			}
			
			.form-group {
				width:100%;
				float:left;
				margin:5px 0;
			}
			
			label{
				margin-bottom:10px;
				float:left;			
			}
			
			.field-input, select{
				width:calc(100% - 20px);
				float:left;
				padding:10px;
				font-family:inherit;
			}		
		</style>
		<link rel="stylesheet" href="css/pickout.css"/>
	</head>

	<body>
		<div class="container" id="hopeaddress">
			<div class="question_item">
				<div class="question_tit">
				</div>
				<div class="question_item_wrap">
					<p class="question_text">请写出您最方便的提货地点,下一个自提点很快就在您的公司楼下,家门口或你上班路过的十字路口。</p>
					<div class="question_answer_arr">
						<select class="question_answer_item" :value="'省'"  v-on:change="selectcity($event.target)"  style="font-size:0.26rem;border:none;outline:none;width:1.6rem;" v-model="proce">
							<option value="" style="font-size:0.26rem" v-for="item in province" :value="item">{{item.province_name}}</option>
						</select>
						<select class="question_answer_item" v-on:change="selectcounty($event.target)" style="font-size:0.26rem;border:none;outline:none;width:1.6rem;" v-model="ci">
							<option :value="item" style="font-size:0.26rem" v-for="item in city">{{item.city_name}}</option>
						</select>
						<select class="question_answer_item" v-on:change="selectstreet($event.target)" style="font-size:0.26rem;border:none;outline:none;width:1.6rem;" v-model="coun">
							<option style="font-size:0.26rem" :value="item" v-for="item in county">{{item.county_name}}</option>
						</select>
						<select class="question_answer_item" style="font-size:0.26rem;border:none;outline:none;width:1.6rem;" v-on:change="select($event.target)" v-model="stre">
							<option :value="item" style="font-size:0.26rem" v-for="item in street">{{item.town_name}}</option>
						</select>
						<input class="question_answer_item_details" v-model="detailaddress" placeholder="详细地址">
					</div>
				</div>
			</div>
			<div class="btn" @click="sure()">
				确认
			</div>
	
		</div>
		<script src="/themes/simplebootx/Portal/Template/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/themes/simplebootx/Portal/Template/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/themes/simplebootx/Portal/Template/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/themes/simplebootx/Portal/Template/js/pickout.js"></script>
		<script src="/themes/simplebootx/Portal/Template/js/hopeaddress.js"></script>
	    

	</body>
</html>