master
Lee-1203 2022-05-11 09:59:14 +08:00
parent 36e10fbfce
commit cb47d6e212
17 changed files with 85 additions and 71 deletions

View File

@ -74,7 +74,7 @@
</div>
</div>
<!-- 二级导航 -->
<div class="pull-nav w1140 wow fadeInUp">
<div class="pull-nav wow fadeInUp">
<div class="pull-nav-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
@ -96,7 +96,7 @@
</div>
</div>
<!-- 表单 -->
<div class="from-list-bg w1140 wow fadeInUp">
<div class="from-list-bg wow fadeInUp">
<ul class="from-list from-list-last from-list-collection">
<li class="wow fadeInUp">
<span>患者代号</span>

View File

@ -172,7 +172,7 @@
align-items: flex-start;
}
.index-content{
width: calc(100% - 285px);
width: calc(77.55% - 20px);
}
.search{
display: flex;
@ -364,6 +364,7 @@
.patient-bl p{
font-size: 14px;
opacity: .8;
text-align: justify;
}
.patient-br{
width: 200px;
@ -439,7 +440,7 @@
/* 侧边栏 */
.index-side{
width: 265px;
width: 22.45%;
padding: 33px 30px 40px;
background-color: #fff;
}
@ -781,6 +782,7 @@
.from-list li>ins{
width: 10%;
text-align: center;
padding-right: 10px;
}
.from-list li>ins a{
color: #0578ef;
@ -1095,44 +1097,31 @@
/* 响应式布局 */
@media screen and (max-width:1760px) {
}
@media screen and (max-width:1680px) {
}
@media screen and (max-width:1600px) {
}
@media screen and (max-width:1520px) {
}
@media screen and (max-width:1440px) {
}
@media screen and (max-width:1360px) {
}
@media screen and (max-width:1280px) {
.w1140{
width: 90%;
}
}
@media screen and (max-width:1200px) {
@media screen and (max-width:1080px) {
.index-content{
width: 100%;
}
.index-side{
display: none;
}
}
@media screen and (max-width:1120px) {
}
@media screen and (max-width:940px) {
@media screen and (max-width:980px) {
.from-list{
font-size: 14px;
}
.from-list li:first-child{
font-size: 15px;
}
.from-list li>ins{
width: 12%;
}
}
@media screen and (max-width:780px) {
@ -1149,7 +1138,7 @@
justify-content: space-between;
height: 50px;
}
.logo {
width: auto;
height: 36px;
@ -1163,6 +1152,7 @@
}
.top-right{
font-size: 14px;
width: calc(100% - 120px);
}
.login-registration ins{
width: 36px;
@ -1414,11 +1404,13 @@
padding: 10px;
height: 160px;
}
.upload-section{
padding-bottom: 25px;
}
.upload-section span,
.upload-section button{
width: 100px;
height: 100px;
padding-bottom: 25px;
margin-bottom: 0;
}
.information-btn{
@ -1486,7 +1478,7 @@
padding: 40px 10px 20px;
}
.login-txt h1{
font-size: 24px;
font-size: 28px;
text-align: center;
}
.login-txt>span{
@ -1504,31 +1496,53 @@
height: 36px;
font-size: 14px;
}
.login-information li>section{
.register-information li>span{
width: 80px;
margin-right: 10px;
font-size: 14px;
}
.register-information li>input{
width: calc(100% - 90px);
height: 36px;
font-size: 14px;
}
.register-information li>section{
width: calc(100% - 90px);
}
.login-information li>section input{
.register-information li>section input{
width: calc(58% - 10px);
height: 36px;
font-size: 15px;
font-size: 14px;
}
.code-btn{
width: 42%;
height: 36px;
font-size: 13px;
}
.login-btn{
display: block;
width: 130px;
height: 40px;
margin: 30px auto;
font-size: 15px;
}
.register-btn{
display: block;
width: 130px;
height: 40px;
margin: 20px auto;
font-size: 15px;
}
.agree{
width: 100%;
margin-left: 0;
justify-content: center;
justify-content: space-around;
}
.agree>span em{
width: 18px;
height: 18px;
}
.wechat-btn-bg{
width: 100%;
margin-left: 0;

View File

@ -63,12 +63,12 @@
<!-- 首页内容 -->
<div class="index-content wow fadeInUp">
<!-- 搜索 -->
<div class="search w100 wow fadeInUp">
<div class="search wow fadeInUp">
<input type="text" placeholder="请输入关键字搜索">
<button class="search-btn" type="submit">搜索</button>
</div>
<!-- 筛选 -->
<ul class="screen w100 wow fadeInUp">
<ul class="screen wow fadeInUp">
<li>
<strong>患者常驻地区</strong>
<section>
@ -149,7 +149,7 @@
</li>
</ul>
<!-- 患者列表 -->
<ul class="patient-list w100 wow fadeInUp">
<ul class="patient-list wow fadeInUp">
<li class="wow fadeInUp">
<div class="patient-top wow fadeInUp">
<span>

View File

@ -74,7 +74,7 @@
</div>
</div>
<!-- 二级导航 -->
<div class="pull-nav w1140 wow fadeInUp">
<div class="pull-nav wow fadeInUp">
<div class="pull-nav-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
@ -96,7 +96,7 @@
</div>
</div>
<!-- 表单 -->
<div class="from-list-bg w1140 wow fadeInUp">
<div class="from-list-bg wow fadeInUp">
<ul class="from-list from-list-collection">
<li class="wow fadeInUp">
<span>患者代号</span>

View File

@ -70,7 +70,7 @@
</div>
</div>
<!-- 二级导航 -->
<div class="pull-nav w1140 wow fadeInUp">
<div class="pull-nav wow fadeInUp">
<div class="pull-nav-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
@ -92,7 +92,7 @@
</div>
</div>
<!-- 表单 -->
<div class="from-list-bg w1140 wow fadeInUp">
<div class="from-list-bg wow fadeInUp">
<ul class="from-list from-list-patient">
<li class="wow fadeInUp">
<span>患者代号</span>

View File

@ -74,7 +74,7 @@
</div>
</div>
<!-- 二级导航 -->
<div class="pull-nav w1140 wow fadeInUp">
<div class="pull-nav wow fadeInUp">
<div class="pull-nav-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
@ -93,7 +93,7 @@
</div>
</div>
<!-- 表单 -->
<div class="from-list-bg w1140 wow fadeInUp">
<div class="from-list-bg wow fadeInUp">
<ul class="from-list from-list-patient">
<li class="wow fadeInUp">
<span>患者代号</span>

View File

@ -74,7 +74,7 @@
</div>
</div>
<!-- 二级导航 -->
<div class="pull-nav w1140 wow fadeInUp">
<div class="pull-nav wow fadeInUp">
<div class="pull-nav-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
@ -96,7 +96,7 @@
</div>
</div>
<!-- 表单 -->
<div class="from-list-bg w1140 wow fadeInUp">
<div class="from-list-bg wow fadeInUp">
<ul class="from-list from-list-collection">
<li class="wow fadeInUp">
<span>患者代号</span>

View File

@ -70,7 +70,7 @@
</div>
</div>
<!-- 二级导航 -->
<div class="pull-nav w1140 wow fadeInUp">
<div class="pull-nav wow fadeInUp">
<div class="pull-nav-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
@ -92,7 +92,7 @@
</div>
</div>
<!-- 表单 -->
<div class="from-list-bg w1140 wow fadeInUp">
<div class="from-list-bg wow fadeInUp">
<ul class="from-list from-list-five from-withdrawal-admin">
<li class="wow fadeInUp">
<span>充值账户</span>

View File

@ -74,7 +74,7 @@
</div>
</div>
<!-- 二级导航 -->
<div class="pull-nav w1140 wow fadeInUp">
<div class="pull-nav wow fadeInUp">
<div class="pull-nav-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">

View File

@ -74,7 +74,7 @@
</div>
</div>
<!-- 二级导航 -->
<div class="pull-nav w1140 wow fadeInUp">
<div class="pull-nav wow fadeInUp">
<div class="pull-nav-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
@ -96,7 +96,7 @@
</div>
</div>
<!-- 表单 -->
<div class="from-list-bg w1140 wow fadeInUp">
<div class="from-list-bg wow fadeInUp">
<ul class="from-list from-list-three">
<li class="wow fadeInUp">
<span>充值时间</span>

View File

@ -63,7 +63,7 @@
<div class="login-txt wow fadeInUp">
<h1>欢迎注册</h1>
<span>已有账号?<a href="login.html">登录</a></span>
<ul class="login-information">
<ul class="login-information register-information">
<li>
<span>手机号</span>
<input type="text" name="uname" placeholder="">

View File

@ -74,7 +74,7 @@
</div>
</div>
<!-- 二级导航 -->
<div class="pull-nav w1140 wow fadeInUp">
<div class="pull-nav wow fadeInUp">
<div class="pull-nav-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">

View File

@ -70,7 +70,7 @@
</div>
</div>
<!-- 二级导航 -->
<div class="pull-nav w1140 wow fadeInUp">
<div class="pull-nav wow fadeInUp">
<div class="pull-nav-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
@ -92,7 +92,7 @@
</div>
</div>
<!-- 表单 -->
<div class="from-list-bg w1140 wow fadeInUp">
<div class="from-list-bg wow fadeInUp">
<ul class="from-list from-list-six from-user-admin">
<li class="wow fadeInUp">
<span>用户名</span>

View File

@ -74,7 +74,7 @@
</div>
</div>
<!-- 二级导航 -->
<div class="pull-nav w1140 wow fadeInUp">
<div class="pull-nav wow fadeInUp">
<div class="pull-nav-swiper swiper">
<!-- 提现端 -->
<div class="swiper-wrapper">

View File

@ -70,7 +70,7 @@
</div>
</div>
<!-- 二级导航 -->
<div class="pull-nav w1140 wow fadeInUp">
<div class="pull-nav wow fadeInUp">
<div class="pull-nav-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
@ -92,7 +92,7 @@
</div>
</div>
<!-- 表单 -->
<div class="from-list-bg w1140 wow fadeInUp">
<div class="from-list-bg wow fadeInUp">
<ul class="from-list from-list-five from-withdrawal-admin">
<li class="wow fadeInUp">
<span>提现账户</span>

View File

@ -74,7 +74,7 @@
</div>
</div>
<!-- 二级导航 -->
<div class="pull-nav w1140 wow fadeInUp">
<div class="pull-nav wow fadeInUp">
<div class="pull-nav-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">

View File

@ -74,7 +74,7 @@
</div>
</div>
<!-- 二级导航 -->
<div class="pull-nav w1140 wow fadeInUp">
<div class="pull-nav wow fadeInUp">
<div class="pull-nav-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
@ -93,7 +93,7 @@
</div>
</div>
<!-- 表单 -->
<div class="from-list-bg w1140 wow fadeInUp">
<div class="from-list-bg wow fadeInUp">
<ul class="from-list from-list-three">
<li class="wow fadeInUp">
<span>提现时间</span>