<template>
|
<!-- 我的信息 -->
|
<view class="font-14">
|
<view class="right mr-10">
|
<text class="gray">NO.354</text>
|
</view>
|
<view class="center">
|
<image class="header-img" src="../../static/images/default-avatar.png"></image>
|
</view>
|
<view class="mt-20 content">
|
<view class="input-group-row">
|
<text class="label">姓名<text class="require">*</text></text>
|
<input type="text" maxlength="20" placeholder="阿狸" placeholder-class='placeholder'/>
|
</view>
|
<view class="input-group-row">
|
<text class="label">英文名</text>
|
<input type="text" maxlength="20" placeholder="Lisa" placeholder-class='placeholder'/>
|
</view>
|
<view class="input-group-row">
|
<text class="label">手机号码<text class="require">*</text></text>
|
<input type="text" maxlength="20" placeholder="13170303460" placeholder-class='placeholder'/>
|
</view>
|
<view class="input-group-row">
|
<text class="label">性别<text class="require">*</text></text>
|
<view class="right-text">
|
<radio-group name="sex">
|
<label><radio value="男" color="#518EFF" class="radio" :checked="formData.sex==='男'"/>男</label>
|
<label><radio value="女" color="#518EFF" class="radio" :checked="formData.sex==='女'"/>女</label>
|
</radio-group>
|
</view>
|
</view>
|
<view class="input-group-row">
|
<text class="label">生日</text>
|
<view class="right-text">
|
<picker mode="date" @change="dateChange" :end="endDate">
|
<text :class="formData.birthday?'':'gray'">{{formData.birthday?formData.birthday:'请选择生日'}}</text>
|
</picker>
|
</view>
|
</view>
|
<view class="input-group-row">
|
<text class="label">Eamil</text>
|
<input type="text" maxlength="20" placeholder="请输入Eamil" placeholder-class='placeholder'/>
|
</view>
|
<view class="input-group-row">
|
<text class="label">服务签名</text>
|
<input type="text" maxlength="20" placeholder="请输入服务签名" placeholder-class='placeholder'/>
|
</view>
|
<view class="input-group-row">
|
<text class="label">住址</text>
|
<input type="text" maxlength="20" placeholder="请输入住址" placeholder-class='placeholder'/>
|
</view>
|
</view>
|
<button class="blue-btn sticky-footer">保存</button>
|
</view>
|
</template>
|
|
<script>
|
export default{
|
data(){
|
return{
|
formData: {
|
sex: '女',
|
}
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.header-img{
|
width: 60px;
|
height: 60px;
|
border-radius: 50%;
|
}
|
.content{
|
padding: 0 10px;
|
}
|
.content-row{
|
border-bottom: 1px solid #EDEAF4;
|
padding-bottom: 5px;
|
}
|
</style>
|
