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

lee

master
Lee-1203 2022-05-11 09:59:14 +08:00
parent 36e10fbfce
commit cb47d6e212
17 changed files with 85 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
collection.html
View File

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

100
css/style.css
View File

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

6
index.html
View File

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

4
locking.html
View File

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

4
patient-admin.html
View File

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

4
patient.html
View File

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

4
purchased.html
View File

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

4
recharge-admin.html
View File

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

2
recharge-page.html
View File

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

4
recharge.html
View File

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

2
register.html
View File

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

2
upload.html
View File

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

4
user-admin.html
View File

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

2
user.html
View File

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

4
withdrawal-admin.html
View File

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

2
withdrawal-page.html
View File

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

4
withdrawal.html
View File

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