|
|
|
<template>
|
|
|
|
<div class="data">
|
|
|
|
<div class="header">
|
|
|
|
<h2 @click="back1"><</h2><h1>详细资料</h1>
|
|
|
|
</div>
|
|
|
|
<div class="nav">
|
|
|
|
<img src="" alt="">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="center">
|
|
|
|
<div class="center1"><input type="text" placeholder="* 姓名"><p>请填写</p></div>
|
|
|
|
<div class="center2"><input type="text" placeholder="* 性别">
|
|
|
|
<van-dropdown-menu slot="dropdown" style="background-color: #11A7FC;" active-color="#11A7FC">
|
|
|
|
<van-dropdown-item v-model="value1" :options="option1" title="请选择" style="color:#fff;" />
|
|
|
|
|
|
|
|
</van-dropdown-menu>
|
|
|
|
</div>
|
|
|
|
<div class="center3"><input type="number" placeholder="* 年龄">
|
|
|
|
<van-dropdown-menu >
|
|
|
|
<van-dropdown-item v-model="value2" :options="option2" title="请选择" />
|
|
|
|
|
|
|
|
</van-dropdown-menu>
|
|
|
|
</div>
|
|
|
|
<div class="center4"><input type="text" placeholder="* 生肖" >
|
|
|
|
<van-dropdown-menu >
|
|
|
|
<van-dropdown-item v-model="value3" :options="option3" title="请选择" />
|
|
|
|
|
|
|
|
</van-dropdown-menu>
|
|
|
|
</div>
|
|
|
|
<div class="center5"><input type="text" placeholder="* 星座" >
|
|
|
|
<van-dropdown-menu >
|
|
|
|
<van-dropdown-item v-model="value4" :options="option4" title="请选择" />
|
|
|
|
|
|
|
|
</van-dropdown-menu>
|
|
|
|
</div>
|
|
|
|
<div class="center6"><input type="text" placeholder="* 民族"><p>请填写</p></div>
|
|
|
|
<div class="center7"><input type="number" placeholder="* 身高(cm)" >
|
|
|
|
<van-dropdown-menu >
|
|
|
|
<van-dropdown-item v-model="value5" :options="option5" title="请选择" />
|
|
|
|
|
|
|
|
</van-dropdown-menu>
|
|
|
|
</div>
|
|
|
|
<div class="center8"><input type="number" placeholder="* 体重(kg)" >
|
|
|
|
<van-dropdown-menu >
|
|
|
|
<van-dropdown-item v-model="value6" :options="option6" title="请选择" />
|
|
|
|
|
|
|
|
</van-dropdown-menu>
|
|
|
|
</div>
|
|
|
|
<div class="center9"><input type="text" placeholder="* 城市"><p>请填写</p></div>
|
|
|
|
<div class="center10"><input type="number" placeholder="* 学历(全日制)" >
|
|
|
|
<van-dropdown-menu >
|
|
|
|
<van-dropdown-item v-model="value7" :options="option7" title="请选择" />
|
|
|
|
|
|
|
|
</van-dropdown-menu>
|
|
|
|
</div>
|
|
|
|
<div class="center11"><input type="number" placeholder="* 毕业院校(全日制)" >
|
|
|
|
<van-dropdown-menu >
|
|
|
|
<van-dropdown-item v-model="value8" :options="option8" title="请选择" />
|
|
|
|
|
|
|
|
</van-dropdown-menu>
|
|
|
|
</div>
|
|
|
|
<div class="center12"><input type="text" placeholder="* 专业"><p>请填写</p></div>
|
|
|
|
<div class="center13"><input type="number" placeholder="* 户籍地" >
|
|
|
|
<van-dropdown-menu >
|
|
|
|
<van-dropdown-item v-model="value9" :options="option9" title="请选择" />
|
|
|
|
|
|
|
|
</van-dropdown-menu>
|
|
|
|
</div>
|
|
|
|
<div class="center14"><input type="number" placeholder="* 婚姻状况" >
|
|
|
|
<van-dropdown-menu >
|
|
|
|
<van-dropdown-item v-model="value10" :options="option10" title="请选择" />
|
|
|
|
|
|
|
|
</van-dropdown-menu>
|
|
|
|
</div>
|
|
|
|
<div class="center15"><input type="text" placeholder="* 工作单位"><p>请填写</p></div>
|
|
|
|
<div class="center16"><input type="text" placeholder="* 职务"><p>请填写</p></div>
|
|
|
|
<div class="center17"><input type="text" placeholder="* 年收入(万)"><p>请填写</p></div>
|
|
|
|
<div class="center18"><input type="text" placeholder="* 微信"><p>请填写</p></div>
|
|
|
|
|
|
|
|
<div class="btn" @click="goBu">下一步</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
|
|
|
|
export default {
|
|
|
|
name:'data',
|
|
|
|
components: {
|
|
|
|
|
|
|
|
},
|
|
|
|
data () {
|
|
|
|
return {
|
|
|
|
value1:0,
|
|
|
|
value2:0,
|
|
|
|
value3:0,
|
|
|
|
value4:0,
|
|
|
|
value5:0,
|
|
|
|
value6:0,
|
|
|
|
value7:0,
|
|
|
|
value8:0,
|
|
|
|
option1: [
|
|
|
|
{ text: '不限', value: 0 },
|
|
|
|
{ text: '男', value: 1 },
|
|
|
|
{ text: '女', value: 2 }
|
|
|
|
],
|
|
|
|
option2: [
|
|
|
|
{ text: '22', value: 0 },
|
|
|
|
{ text: '23', value: 1 },
|
|
|
|
{ text: '24', value: 2 },
|
|
|
|
{ text: '25', value: 3 },
|
|
|
|
{ text: '26', value: 4 },
|
|
|
|
{ text: '27', value: 5 },
|
|
|
|
{ text: '28', value: 6 }
|
|
|
|
],
|
|
|
|
option3: [
|
|
|
|
{ text: '鼠', value: 0 },
|
|
|
|
{ text: '牛', value: 1 },
|
|
|
|
{ text: '虎', value: 2 },
|
|
|
|
{ text: '兔', value: 3 },
|
|
|
|
{ text: '龙', value: 4 },
|
|
|
|
{ text: '蛇', value: 5 },
|
|
|
|
{ text: '马', value: 6 },
|
|
|
|
{ text: '羊', value: 7 },
|
|
|
|
{ text: '猴', value: 8 },
|
|
|
|
{ text: '鸡', value: 9 },
|
|
|
|
{ text: '狗', value: 10 },
|
|
|
|
{ text: '猪', value: 11 }
|
|
|
|
],
|
|
|
|
option4: [
|
|
|
|
{ text: '白羊座', value: 0 },
|
|
|
|
{ text: '金牛座', value: 1 },
|
|
|
|
{ text: '双子座', value: 2 },
|
|
|
|
{ text: '巨蟹座', value: 3 },
|
|
|
|
{ text: '狮子座', value: 4 },
|
|
|
|
{ text: '处女座', value: 5 },
|
|
|
|
{ text: '天秤座', value: 6 },
|
|
|
|
{ text: '天蝎座', value: 7 },
|
|
|
|
{ text: '射手座', value: 8 },
|
|
|
|
{ text: '摩羯座', value: 9 },
|
|
|
|
{ text: '水瓶座', value: 10 },
|
|
|
|
{ text: '双鱼座', value: 11 }
|
|
|
|
]
|
|
|
|
}
|
|
|
|
},
|
|
|
|
methods : {
|
|
|
|
back1(){
|
|
|
|
this.$router.go(-1);
|
|
|
|
},
|
|
|
|
goBu (){
|
|
|
|
this.$router.push('/introduction');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
.data{
|
|
|
|
width:100%;
|
|
|
|
height:175%;
|
|
|
|
overflow:hidden;
|
|
|
|
background:#11A7FC;
|
|
|
|
padding-top:10%;
|
|
|
|
padding-left:5%;
|
|
|
|
.header{
|
|
|
|
width:90%;
|
|
|
|
height:.3rem;
|
|
|
|
// background:red;
|
|
|
|
margin-bottom:.3rem;
|
|
|
|
h1{
|
|
|
|
font-size:.2rem;
|
|
|
|
line-height:.3rem;
|
|
|
|
color:#fff;
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
h2{
|
|
|
|
font-size:.2rem;
|
|
|
|
color:#fff;
|
|
|
|
margin-bottom:.5rem;
|
|
|
|
line-height:.3rem;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
.nav{
|
|
|
|
width:22%;
|
|
|
|
height:6%;
|
|
|
|
border-radius:50%;
|
|
|
|
margin-left:33%;
|
|
|
|
background:#fff;
|
|
|
|
margin-bottom:.2rem;
|
|
|
|
}
|
|
|
|
.center{
|
|
|
|
width:88%;
|
|
|
|
height:100%;
|
|
|
|
// background:#ccc;
|
|
|
|
margin-left:4%;
|
|
|
|
|
|
|
|
.center1{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
// background:pink;
|
|
|
|
border-bottom:1px solid #fff;
|
|
|
|
// border:none;
|
|
|
|
input{
|
|
|
|
width:70%;
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
display:block;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
padding-left:4%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
p{
|
|
|
|
font-size:.16rem;
|
|
|
|
color:#000;
|
|
|
|
line-height:.5rem;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
text-align:center;
|
|
|
|
border:none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.center2{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
// background:pink;
|
|
|
|
border-bottom:1px solid #fff;
|
|
|
|
// border:none;
|
|
|
|
input{
|
|
|
|
width:70%;
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
display:block;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
padding-left:4%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
.van-dropdown-menu{
|
|
|
|
// width:20%;
|
|
|
|
height:100%;
|
|
|
|
// background-color:#11A7FC;
|
|
|
|
|
|
|
|
// background:red;
|
|
|
|
margin-top:0rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
color:#fff;
|
|
|
|
.van-dropdown-item{
|
|
|
|
height:.5rem;
|
|
|
|
width:90%;
|
|
|
|
font-size:.16rem;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
background:red;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
.center3{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
// background:pink;
|
|
|
|
border-bottom:1px solid #fff;
|
|
|
|
// border:none;
|
|
|
|
input{
|
|
|
|
width:70%;
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
display:block;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
// color:#fff;
|
|
|
|
padding-left:4%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
.van-dropdown-menu{
|
|
|
|
// width:20%;
|
|
|
|
height:.5rem;
|
|
|
|
margin-top:0rem;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
font-size:.16rem;
|
|
|
|
// color:#fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
.center4{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
// background:pink;
|
|
|
|
border-bottom:1px solid #fff;
|
|
|
|
// border:none;
|
|
|
|
input{
|
|
|
|
width:70%;
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
display:block;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
padding-left:4%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
.van-dropdown-menu{
|
|
|
|
// width:20%;
|
|
|
|
height:100%;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
// background:red;
|
|
|
|
font-size:.16rem;
|
|
|
|
|
|
|
|
color:#fff;
|
|
|
|
.van-dropdown-item{
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
// background:red;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
.center5{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
// background:pink;
|
|
|
|
border-bottom:1px solid #fff;
|
|
|
|
// border:none;
|
|
|
|
input{
|
|
|
|
width:70%;
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
display:block;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
padding-left:4%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
.van-dropdown-menu{
|
|
|
|
// width:20%;
|
|
|
|
height:100%;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
// background:red;
|
|
|
|
|
|
|
|
// color:#fff;
|
|
|
|
.van-dropdown-item{
|
|
|
|
height:.5rem;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
// background:red;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.center6{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
// background:pink;
|
|
|
|
border-bottom:1px solid #fff;
|
|
|
|
// border:none;
|
|
|
|
input{
|
|
|
|
width:70%;
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
display:block;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
padding-left:4%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
p{
|
|
|
|
font-size:.16rem;
|
|
|
|
color:#000;
|
|
|
|
line-height:.5rem;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.center7{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
// background:pink;
|
|
|
|
border-bottom:1px solid #fff;
|
|
|
|
// border:none;
|
|
|
|
input{
|
|
|
|
width:70%;
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
display:block;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
padding-left:4%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
.van-dropdown-menu{
|
|
|
|
// width:20%;
|
|
|
|
height:100%;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
// background:red;
|
|
|
|
|
|
|
|
color:#fff;
|
|
|
|
.van-dropdown-item{
|
|
|
|
height:.6rem;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
// background:red;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.center8{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
// background:pink;
|
|
|
|
border-bottom:1px solid #fff;
|
|
|
|
// border:none;
|
|
|
|
input{
|
|
|
|
width:70%;
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
display:block;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
padding-left:4%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
.van-dropdown-menu{
|
|
|
|
// width:20%;
|
|
|
|
height:100%;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
// background:red;
|
|
|
|
|
|
|
|
color:#fff;
|
|
|
|
.van-dropdown-item{
|
|
|
|
height:.5rem;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
// background:red;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.center9{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
// background:pink;
|
|
|
|
border-bottom:1px solid #fff;
|
|
|
|
// border:none;
|
|
|
|
input{
|
|
|
|
width:70%;
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
display:block;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
padding-left:4%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
p{
|
|
|
|
font-size:.16rem;
|
|
|
|
color:#000;
|
|
|
|
line-height:.5rem;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.center10{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
// background:pink;
|
|
|
|
border-bottom:1px solid #fff;
|
|
|
|
// border:none;
|
|
|
|
input{
|
|
|
|
width:70%;
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
display:block;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
padding-left:4%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
.van-dropdown-menu{
|
|
|
|
// width:20%;
|
|
|
|
height:100%;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
// background:red;
|
|
|
|
|
|
|
|
color:#fff;
|
|
|
|
.van-dropdown-item{
|
|
|
|
height:.5rem;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
background:red;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
.center11{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
// background:pink;
|
|
|
|
border-bottom:1px solid #fff;
|
|
|
|
// border:none;
|
|
|
|
input{
|
|
|
|
width:70%;
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
display:block;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
padding-left:4%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
.van-dropdown-menu{
|
|
|
|
// width:20%;
|
|
|
|
height:100%;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
// background:red;
|
|
|
|
|
|
|
|
color:#fff;
|
|
|
|
.van-dropdown-item{
|
|
|
|
height:.5rem;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
// background:red;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
.center12{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
// background:pink;
|
|
|
|
border-bottom:1px solid #fff;
|
|
|
|
// border:none;
|
|
|
|
input{
|
|
|
|
width:70%;
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
display:block;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
padding-left:4%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
p{
|
|
|
|
font-size:.16rem;
|
|
|
|
color:#000;
|
|
|
|
line-height:.5rem;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.center13{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
// background:pink;
|
|
|
|
border-bottom:1px solid #fff;
|
|
|
|
// border:none;
|
|
|
|
input{
|
|
|
|
width:70%;
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
display:block;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
padding-left:4%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
.van-dropdown-menu{
|
|
|
|
// width:20%;
|
|
|
|
height:100%;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
// background:red;
|
|
|
|
border:none;
|
|
|
|
// color:#fff;
|
|
|
|
.van-dropdown-item{
|
|
|
|
height:.5rem;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
// background:red;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
.center14{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
// background:pink;
|
|
|
|
border-bottom:1px solid #fff;
|
|
|
|
// border:none;
|
|
|
|
input{
|
|
|
|
width:70%;
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
display:block;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
padding-left:4%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
.el-dropdown-menu__item--divided:before{
|
|
|
|
border: 1px solid #11A7FC;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
}
|
|
|
|
.van-dropdown-menu{
|
|
|
|
// width:20%;
|
|
|
|
height:100%;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border: 1px solid #11A7FC;
|
|
|
|
// background:red;
|
|
|
|
|
|
|
|
color:#fff;
|
|
|
|
.van-dropdown-item{
|
|
|
|
height:.5rem;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
color:#fff;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.center15{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
// background:pink;
|
|
|
|
border-bottom:1px solid #fff;
|
|
|
|
// border:none;
|
|
|
|
input{
|
|
|
|
width:70%;
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
display:block;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
padding-left:4%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
p{
|
|
|
|
font-size:.16rem;
|
|
|
|
color:#000;
|
|
|
|
line-height:.5rem;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.center16{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
// background:pink;
|
|
|
|
border-bottom:1px solid #fff;
|
|
|
|
// border:none;
|
|
|
|
input{
|
|
|
|
width:70%;
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
display:block;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
padding-left:4%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
p{
|
|
|
|
font-size:.16rem;
|
|
|
|
color:#000;
|
|
|
|
line-height:.5rem;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.center17{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
// background:pink;
|
|
|
|
border-bottom:1px solid #fff;
|
|
|
|
// border:none;
|
|
|
|
input{
|
|
|
|
width:70%;
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
display:block;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
padding-left:4%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
p{
|
|
|
|
font-size:.16rem;
|
|
|
|
color:#000;
|
|
|
|
line-height:.5rem;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.center18{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
// background:pink;
|
|
|
|
border-bottom:1px solid #fff;
|
|
|
|
// border:none;
|
|
|
|
input{
|
|
|
|
width:70%;
|
|
|
|
height:.5rem;
|
|
|
|
font-size:.16rem;
|
|
|
|
display:block;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
padding-left:4%;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
p{
|
|
|
|
font-size:.16rem;
|
|
|
|
color:#000;
|
|
|
|
line-height:.5rem;
|
|
|
|
background-color:#11A7FC;
|
|
|
|
border:none;
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.btn{
|
|
|
|
width:100%;
|
|
|
|
height:.5rem;
|
|
|
|
background:#fff;
|
|
|
|
line-height:.5rem;
|
|
|
|
color:#11A7FC;
|
|
|
|
text-align:center;
|
|
|
|
font-size:.3rem;
|
|
|
|
margin-top:.2rem;
|
|
|
|
border-radius:.2rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
<style>
|
|
|
|
.van-dropdown-menu__item {
|
|
|
|
background: #11A7FC!important;
|
|
|
|
color:#fff!important;
|
|
|
|
|
|
|
|
}
|
|
|
|
</style> |
...
|
...
|
|
