Lee
/
yxxw-html
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

lee

master
Lee-1203 2022-05-09 18:08:45 +08:00
parent 4f3f5b20f0
commit 167752fe5f
2 changed files with 73 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
css/style.css
View File

@ -806,6 +806,69 @@
width: 18%; width: 18%;
} }
/* 个人资料页样式 */
.information{
background-color: #fff;
padding: 18px;
border: 1px solid #e9ebed;
margin-bottom: 42px;
}
.information-list{
width: 78%;
margin: 0 auto;
}
.information-list li{
margin-top: 20px;
font-size: 16px;
color: #6b6b6b;
}
.information-list li>span em{
color: #ff0000;
margin-left: 5px;
}
.information-list li input{
width: 100%;
height: 52px;
padding: 0 15px;
border: 1px solid #e9ebed;
border-radius: 5px;
margin-top: 10px;
font-size: 14px;
color: #6b6b6b;
}
.half-section,
.select-section{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.half-section input{
width: calc(50% - 8px) !important;
}
.select-section select{
width: calc(33.33% - 10px);
height: 52px;
padding: 0 15px;
border: 1px solid #e9ebed;
border-radius: 5px;
margin-top: 10px;
font-size: 14px;
color: #6b6b6b;
background-image: url(../images/icon/icon-arrow.png);
background-repeat: no-repeat;
background-position: calc(100% - 15px) center;
background-size: 11px 7px;
}
.information-btn{
display: block;
width: 240px;
height: 56px;
background-color: #00ffff;
border: 1px solid #00ffff;
font-size: 16px;
margin: 24px auto 40px;
}

19
user.html
View File

@ -132,46 +132,46 @@
<div class="information"> <div class="information">
<ul class="information-list"> <ul class="information-list">
<li> <li class="wow fadeInUp">
<span>真实姓名<em>*</em></span> <span>真实姓名<em>*</em></span>
<section> <section>
<input type="text" placeholder="请填写您的真实姓名，方便账户核对" value=""> <input type="text" placeholder="请填写您的真实姓名，方便账户核对" value="">
</section> </section>
</li> </li>
<li> <li class="wow fadeInUp">
<span>联系电话<em>*</em></span> <span>联系电话<em>*</em></span>
<section> <section>
<input type="text" value="13852526262"> <input type="text" value="13852526262">
</section> </section>
</li> </li>
<li> <li class="wow fadeInUp">
<span>邮箱</span> <span>邮箱</span>
<section> <section>
<input type="text" placeholder="请填写邮箱号码" value=""> <input type="text" placeholder="请填写邮箱号码" value="">
</section> </section>
</li> </li>
<li> <li class="wow fadeInUp">
<span>微信号</span> <span>微信号</span>
<section> <section>
<input type="text" placeholder="请填写邮箱微信号" value=""> <input type="text" placeholder="请填写邮箱微信号" value="">
</section> </section>
</li> </li>
<li> <li class="wow fadeInUp">
<span>公司/职位</span> <span>公司/职位</span>
<section> <section class="half-section">
<input type="text" placeholder="请填写公司名称" value=""> <input type="text" placeholder="请填写公司名称" value="">
<input type="text" placeholder="请填写职位名称" value=""> <input type="text" placeholder="请填写职位名称" value="">
</section> </section>
</li> </li>
<li> <li class="wow fadeInUp">
<span>个人账户<em>*</em></span> <span>个人账户<em>*</em></span>
<section> <section>
<input type="text" placeholder="请填写个人账户" value=""> <input type="text" placeholder="请填写个人账户" value="">
</section> </section>
</li> </li>
<li> <li class="wow fadeInUp">
<span>常驻地址</span> <span>常驻地址</span>
<section> <section class="select-section">
<select name="province"> <select name="province">
<option value="">北京</option> <option value="">北京</option>
<option value="">上海</option> <option value="">上海</option>
@ -191,6 +191,7 @@
</section> </section>
</li> </li>
</ul> </ul>
<button class="information-btn wow fadeInUp">确认提交</button>
</div> </div>
</div> </div>