审查视图

hopeaddress.html 3.5 KB
1 2 3 4 5 6
<!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" />
lihan authored
7 8 9
		<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" />
10 11

lihan authored
12
		<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/demo.css" />
13 14

lihan authored
15
		<script src="/themes/simplebootx/Portal/Template/js/base.js" type="text/javascript" charset="utf-8"></script>
16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
		<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;
李洪娟 authored
41 42 43 44
			}
            [v-cloak]{
                display:none
            }
45 46 47 48 49
		</style>
		<link rel="stylesheet" href="css/pickout.css"/>
	</head>

	<body>
李洪娟 authored
50
		<div class="container" id="hopeaddress"  v-cloak>
51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77
			<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>
lihan authored
78 79 80 81 82
		<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>
83 84 85 86
	    

	</body>
</html>