前端样式完成

master
Lee-1203 2022-05-11 17:45:44 +08:00
parent cc4e5c95dd
commit 9d7a88a997
27 changed files with 884 additions and 83 deletions

94
about.html Normal file
View File

@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="description" content="一线希望" />
<meta name="keywords" content="一线希望" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>关于我们-一线希望</title>
<link rel="stylesheet" type="text/css" href="./css/swiper-bundle.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/my-site.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1140">
<!-- logo -->
<h1 class="logo">
<a href="index.html"><img src="images/logo.png" alt="一线希望" title="一线希望"></a>
</h1>
<!-- 导航 -->
<ul class="nav">
<li class="active"><a href="solid.html">实体瘤</a></li>
<li><a href="blood.html">血液肿瘤</a></li>
<li><a href="other.html">其他</a></li>
<li><a href="operation.html">操作指南</a></li>
</ul>
<!-- 顶部右侧 -->
<div class="top-right">
<!-- 通知 -->
<div class="notice"><a href="">通知</a></div>
<!-- 用户信息 -->
<div class="login-registration">
<ins><img src="images/icon/icon-user.png" alt="高高兴"></ins>
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</header>
<!-- 主体内容 -->
<div class="main w1140 wow fadeInUp">
<div class="page-bg">
<div class="page-side">
<a href="agreement.html">合作协议<em></em></a>
<a href="about.html" class="active">关于我们<em></em></a>
<a href="feedback.html">意见反馈<em></em></a>
</div>
<div class="page-content">
<h1><span>关于我们</span></h1>
<div class="page-txt about-txt">
<p>文字内容后台上传替换欢迎光临百度文库,请您仔细阅读以下条款,如果您对本协议的任何条款表示异议,您可以选择不进入百度文库;进入百度文库则意味着您已充分阅读、理解并同意遵守本协议下全部条款,并承诺遵守百度文库的统一管理要求。</p>
<p>客户的言行不得违反《计算机信息网络国际联网安全保护管理办法》、《互联网电子公告服务管理规定》、《维护互联网安全的决定》、《互联网新闻信息服务管理规定》等相关法律规定,不得在百度文库发布、传播或以其它方式传送含有下列内容之一的信息: 1 反对宪法所确定的基本原则的; 2 危害国家安全,泄露国家秘密,颠覆国家政权,破坏国家统一的; 3 损害国家荣誉和利益的; 4 煽动民族仇恨、民族歧视、破坏民族团结的; 5 破坏国家宗教政策,宣扬邪教和封建迷信的; 6 散布谣言,扰乱社会秩序,破坏社会稳定的; 7 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的; 8 侮辱或者诽谤他人,侵害他人合法权利的; 9 煽动非法集会、结社、游行、示威、聚众扰乱社会秩序的</p>
<p><img src="images/about.png" alt="关于我们"></p>
<p>第7条 用户不得在百度文库内发布任何形式的广告。</p>
<p>第8条 用户应承担一切因其个人的行为而直接或间接导致的民事或刑事法律责任因用户行为给百度公司造成不利后果的用户应负责消除影响并承担因此导致的损失。第9条 百度文库拥有对违反本协议的用户进行处理的权利,直至禁止其在百度文库上传及下载文档、视频、音频,并依照其他条款或有关规则的约定采取进一步管理措施。</p>
<p>第10条 禁止任何使用刷分工具等非法软件进行批量、违规上传文档、视频、音频的行为。</p>
<p>第11条 任何用户发现文库文档、视频、音频内容涉嫌侮辱或者诽谤他人、侵害他人合法权益的或违反文库协议的,有权到文库投诉中心进行投诉合理使用”条件的除外),如用户违反本条款约定,则应独立承担因此产生的法律后果。</p>
</div>
</div>
</div>
</div>
<!-- 尾部 -->
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
</body>
</html>

89
agreement.html Normal file
View File

@ -0,0 +1,89 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="description" content="一线希望" />
<meta name="keywords" content="一线希望" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>关于我们-一线希望</title>
<link rel="stylesheet" type="text/css" href="./css/swiper-bundle.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/my-site.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1140">
<!-- logo -->
<h1 class="logo">
<a href="index.html"><img src="images/logo.png" alt="一线希望" title="一线希望"></a>
</h1>
<!-- 导航 -->
<ul class="nav">
<li class="active"><a href="solid.html">实体瘤</a></li>
<li><a href="blood.html">血液肿瘤</a></li>
<li><a href="other.html">其他</a></li>
<li><a href="operation.html">操作指南</a></li>
</ul>
<!-- 顶部右侧 -->
<div class="top-right">
<!-- 通知 -->
<div class="notice"><a href="">通知</a></div>
<!-- 用户信息 -->
<div class="login-registration">
<ins><img src="images/icon/icon-user.png" alt="高高兴"></ins>
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</header>
<!-- 主体内容 -->
<div class="main w1140 wow fadeInUp">
<div class="page-bg">
<div class="page-side">
<a href="agreement.html" class="active">合作协议<em></em></a>
<a href="about.html">关于我们<em></em></a>
<a href="feedback.html">意见反馈<em></em></a>
</div>
<div class="page-content">
<h1><span>合作协议</span></h1>
<div class="page-txt agreement-txt">
<p>文字内容后台上传替换欢迎光临百度文库,请您仔细阅读以下条款,如果您对本协议的任何条款表示异议,您可以选择不进入百度文库;进入百度文库则意味着您已充分阅读、理解并同意遵守本协议下全部条款,并承诺遵守百度文库的统一管理要求。</p> <br /> <p>第一章 总则</p> <p>第1条 “百度”、“百度文库”为百度公司注册商标,任何人未经百度公司许可不得以任何形式擅自使用。</p> <p>第2条 百度文库是百度公司为网友提供的信息存储空间,是供网友在线分享文档、视频、音频的开放平台。</p> <p>第3条 百度文库所有权、经营权、管理权均属百度公司。</p> <br /> <p>第二章 文库用户</p> <p>第4条 凡是注册用户和浏览用户均为百度文库用户(以下统称“用户”)。</p> <p>第5条 用户享有言论自由的权利。</p> <p>第6条 客户的言行不得违反《计算机信息网络国际联网安全保护管理办法》、《互联网电子公告服务管理规定》、《维护互联网安全的决定》、《互联网新闻信息服务管理规定》等相关法律规定,不得在百度文库发布、传播或以其它方式传送含有下列内容之一的信息: 1 反对宪法所确定的基本原则的; 2 危害国家安全,泄露国家秘密,颠覆国家政权,破坏国家统一的; 3 损害国家荣誉和利益的; 4 煽动民族仇恨、民族歧视、破坏民族团结的; 5 破坏国家宗教政策,宣扬邪教和封建迷信的; 6 散布谣言,扰乱社会秩序,破坏社会稳定的; 7 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的; 8 侮辱或者诽谤他人,侵害他人合法权利的; 9 煽动非法集会、结社、游行、示威、聚众扰乱社会秩序的</p>
<br /> <p>第7条 用户不得在百度文库内发布任何形式的广告。</p> <p>第8条 用户应承担一切因其个人的行为而直接或间接导致的民事或刑事法律责任,因用户行为给百度公司造成不利后果的,用户应负责消除影响,并承担因此导致的损失。</p> <p>第9条 百度文库拥有对违反本协议的用户进行处理的权利,直至禁止其在百度文库上传及下载文档、视频、音频,并依照其他条款或有关规则的约定采取进一步管理措施。</p> <p>第10条 禁止任何使用刷分工具等非法软件进行批量、违规上传文档、视频、音频的行为。</p> <p>第11条 任何用户发现文库文档、视频、音频内容涉嫌侮辱或者诽谤他人、侵害他人合法权益的或违反文库协议的,有权到文库投诉中心进行投诉。合理使用”条件的除外),如用户违反本条款约定,则应独立承担因此产生的法律后果。</p>
</div>
</div>
</div>
</div>
<!-- 尾部 -->
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
</body>
</html>

View File

@ -258,7 +258,7 @@
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>

View File

@ -163,7 +163,7 @@
/* 首页样式 */
.main{
margin-top: 86px;
min-height: calc(100vh - 244px);
min-height: calc(100vh - 204px);
}
.index-main{
display: flex;
@ -484,6 +484,7 @@
/* 登录/注册页样式 */
.login-main{
margin-bottom: 40px;
min-height: calc(100vh - 244px);
}
.login{
display: flex;
@ -827,7 +828,7 @@
width: 18%;
}
/* 个人资料页样式 */
/* 修改个人资料页样式 */
.information{
background-color: #fff;
padding: 18px;
@ -1073,6 +1074,192 @@
.order-btn{
margin: 44px auto;
}
/* 个人资料页样式 */
.user-information{
background-color: #fff;
padding: 18px 38px;
border: 1px solid #e9ebed;
margin-bottom: 42px;
}
.information-item li{
display: flex;
align-items: center;
height: 68px;
border-bottom: 1px solid #e9ebed;
font-size: 16px;
color: #6b6b6b;
}
.information-item li>span{
width: 22%;
text-indent: 17%;
}
.information-item li>span em{
color: #ff0000;
margin-left: 5px;
}
.user-information .information-btn{
margin: 52px auto 25px 22%;
}
/* 底部单页样式 */
.page-bg{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 38px;
}
.page-side{
width: 174px;
background-color: #fff;
}
.page-side>a{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 52px;
padding: 0 20px 0 22px;
font-size: 16px;
}
.page-side>a em{
display: none;
}
.page-side>.active{
background-color: #00ffff;
}
.page-side>.active em{
display: block;
width: 10px;
height: 11px;
background-image: url(../images/icon/icon-arrow-right.png);
background-size: 100%;
}
.page-content{
width: calc(100% - 204px);
padding: 0 26px 34px;
background-color: #fff;
}
.page-content>h1{
display: flex;
align-items: center;
height: 67px;
border-bottom: 1px solid #eaebeb;
}
.page-content>h1 span{
font-size: 22px;
line-height: 66px;
border-bottom: 1px solid #00ffff;
}
.page-content .page-txt{
font-size: 14px;
line-height: 2;
margin-top: 14px;
}
.page-content .page-txt img{
max-width: 100%;
margin: 10px auto;
}
.page-txt.feedback-txt{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 30px;
}
.page-txt.feedback-txt>input,
.page-txt.feedback-txt>textarea{
width: calc(50% - 8px);
height: 52px;
padding: 0 15px;
margin-bottom: 16px;
border: 1px solid #eaebeb;
border-radius: 5px;
font-size: 14px;
color: #383838;
}
.page-txt.feedback-txt>textarea{
width: 100%;
height: 232px;
padding: 15px;
line-height: 1.8;
}
/* 改变表单默认值样式 */
.feedback-txt>input::-webkit-input-placeholder,
.feedback-txt>textarea::-webkit-input-placeholder{
color:#6b6b6b;
}
.feedback-txt>input::-moz-placeholder,
.feedback-txt>textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */
color:#6b6b6b;
}
.feedback-txt>input:-moz-placeholder,
.feedback-txt>textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
color:#6b6b6b;
}
.feedback-txt>input:-ms-input-placeholder,
.feedback-txt>textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
color:#6b6b6b;
}
.feedback-btn{
display: block;
width: 180px;
height: 56px;
background-color: #00ffff;
border: 1px solid #00ffff;
font-size: 16px;
margin: 30px auto;
transition: all .6s;
}
.feedback-btn:hover{
background-color: #fff;
color: #00ffff;
}
/* 搜索结果页 */
.search-result{
background-color: #fff;
padding: 0 20px 20px;
margin: 22px auto 36px;
}
.search-result>h2{
font-size: 20px;
line-height: 66px;
border-bottom: 1px solid #eaebeb;
}
.search-list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 16px;
}
.search-list li{
display: flex;
align-items: center;
width: calc(50% - 8px);
height: 38px;
}
.search-list li>a{
width: calc(100% - 11px);
font-size: 14px;
line-height: 38px;
display: -webkit-box;
-webkit-line-clamp: 1;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.search-list li>em{
width: 4px;
height: 4px;
margin-right: 7px;
background-color: #383838;
transform: rotateZ(45deg);
}
/* 尾部 */
.footer{
padding: 20px 0 30px;
@ -1428,7 +1615,7 @@
margin-bottom: 0;
}
.information-btn{
width: 200px;
width: 120px;
height: 40px;
font-size: 15px;
margin: 25px auto;
@ -1564,6 +1751,82 @@
margin-left: 0;
}
/* 搜索结果页面 */
.search-result{
margin-bottom: 25px;
}
.search-result>h2{
line-height: 50px;
}
.search-result{
padding: 0 10px 10px;
}
.search-list li{
width: 100%;
}
/* 底部单页 */
.page-bg{
flex-wrap: wrap;
}
.page-side{
display: flex;
justify-content: space-around;
align-items: center;
width: 100%;
margin-bottom: 10px;
}
.page-side>a{
justify-content: center;
padding: 0;
font-size: 15px;
}
.page-side>.active em{
transform: rotateZ(90deg);
margin-left: 6px;
}
.page-content{
width: 100%;
padding: 10px;
}
.page-content>h1{
height: 51px;
}
.page-content>h1 span{
font-size: 18px;
line-height: 50px;
}
.page-txt.feedback-txt>input,
.page-txt.feedback-txt>textarea{
width: 100%;
padding: 0 10px;
}
.page-txt.feedback-txt>textarea{
height: 160px;
padding: 10px;
}
.feedback-btn{
height: 40px;
width: 120px;
font-size: 15px;
}
/* 个人资料展示 */
.user-information{
padding: 10px;
}
.information-item li{
font-size: 14px;
}
.information-item li>span{
width: 24%;
text-indent: 0;
}
.user-information .information-btn{
margin: 25px auto;
}
/* 尾部 */
.footer{
padding: 15px 0;

93
feedback.html Normal file
View File

@ -0,0 +1,93 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="description" content="一线希望" />
<meta name="keywords" content="一线希望" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>关于我们-一线希望</title>
<link rel="stylesheet" type="text/css" href="./css/swiper-bundle.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/my-site.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1140">
<!-- logo -->
<h1 class="logo">
<a href="index.html"><img src="images/logo.png" alt="一线希望" title="一线希望"></a>
</h1>
<!-- 导航 -->
<ul class="nav">
<li class="active"><a href="solid.html">实体瘤</a></li>
<li><a href="blood.html">血液肿瘤</a></li>
<li><a href="other.html">其他</a></li>
<li><a href="operation.html">操作指南</a></li>
</ul>
<!-- 顶部右侧 -->
<div class="top-right">
<!-- 通知 -->
<div class="notice"><a href="">通知</a></div>
<!-- 用户信息 -->
<div class="login-registration">
<ins><img src="images/icon/icon-user.png" alt="高高兴"></ins>
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</header>
<!-- 主体内容 -->
<div class="main w1140 wow fadeInUp">
<div class="page-bg">
<div class="page-side">
<a href="agreement.html">合作协议<em></em></a>
<a href="about.html">关于我们<em></em></a>
<a href="feedback.html" class="active">意见反馈<em></em></a>
</div>
<div class="page-content">
<h1><span>意见反馈</span></h1>
<div class="page-txt feedback-txt">
<input type="text" name="gName" placeholder="您的称呼">
<input type="text" name="gPhone" placeholder="您的联系方式">
<input type="text" name="gEmail" placeholder="您的邮箱">
<input type="text" name="gWeChat" placeholder="您的微信号">
<textarea name="gMsg" placeholder="您的留言内容"></textarea>
</div>
<button class="feedback-btn">确认提交</button>
</div>
</div>
</div>
<!-- 尾部 -->
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
</body>
</html>

BIN
images/about.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 394 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -452,7 +452,7 @@
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>

View File

@ -27,6 +27,12 @@ jQuery(function($){
window.location.href = "/withdrawal-page.html";
});
// 修改资料跳转
$('#edit-information').click(function() {
window.location.href = "/user-edit.html";
});
// 首页筛选展示更多
$('.screen .more-btn').click(function() {
if($(this).find('ins').html() == '更多'){

View File

@ -258,7 +258,7 @@
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>

View File

@ -93,7 +93,7 @@
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>

View File

@ -117,7 +117,7 @@
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>

View File

@ -254,7 +254,7 @@
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>

View File

@ -255,7 +255,7 @@
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>

View File

@ -258,7 +258,7 @@
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>

View File

@ -237,7 +237,7 @@
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>

View File

@ -126,7 +126,7 @@
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>

View File

@ -207,7 +207,7 @@
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>

View File

@ -99,7 +99,7 @@
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>

98
search.html Normal file
View File

@ -0,0 +1,98 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="description" content="一线希望" />
<meta name="keywords" content="一线希望" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>搜索结果-一线希望</title>
<link rel="stylesheet" type="text/css" href="./css/swiper-bundle.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/my-site.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1140">
<!-- logo -->
<h1 class="logo">
<a href="index.html"><img src="images/logo.png" alt="一线希望" title="一线希望"></a>
</h1>
<!-- 导航 -->
<ul class="nav">
<li class="active"><a href="solid.html">实体瘤</a></li>
<li><a href="blood.html">血液肿瘤</a></li>
<li><a href="other.html">其他</a></li>
<li><a href="operation.html">操作指南</a></li>
</ul>
<!-- 顶部右侧 -->
<div class="top-right">
<!-- 通知 -->
<div class="notice"><a href="">通知</a></div>
<!-- 用户信息 -->
<div class="login-registration">
<ins><img src="images/icon/icon-user.png" alt="高高兴"></ins>
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</header>
<!-- 主体内容 -->
<div class="main w1140 wow fadeInUp">
<div class="search-bg">
<!-- 搜索 -->
<div class="search wow fadeInUp">
<input type="text" placeholder="请输入关键字搜索">
<button class="search-btn" type="submit">搜索</button>
</div>
<!-- 搜索结果 -->
<div class="search-result">
<h2>搜索结果</h2>
<ul class="search-list">
<li><em></em><a href="">主要诊断:实体瘤 - 血液肿瘤 - 三级菜单名 年龄65</a></li>
<li><em></em><a href="">主要诊断:实体瘤 - 血液肿瘤 - 三级菜单名 年龄65</a></li>
<li><em></em><a href="">主要诊断:实体瘤 - 血液肿瘤 - 三级菜单名 年龄65</a></li>
<li><em></em><a href="">主要诊断:实体瘤 - 血液肿瘤 - 三级菜单名 年龄65</a></li>
<li><em></em><a href="">主要诊断:实体瘤 - 血液肿瘤 - 三级菜单名 年龄65</a></li>
<li><em></em><a href="">主要诊断:实体瘤 - 血液肿瘤 - 三级菜单名 年龄65</a></li>
<li><em></em><a href="">主要诊断:实体瘤 - 血液肿瘤 - 三级菜单名 年龄65</a></li>
<li><em></em><a href="">主要诊断:实体瘤 - 血液肿瘤 - 三级菜单名 年龄65</a></li>
<li><em></em><a href="">主要诊断:实体瘤 - 血液肿瘤 - 三级菜单名 年龄65</a></li>
<li><em></em><a href="">主要诊断:实体瘤 - 血液肿瘤 - 三级菜单名 年龄65</a></li>
</ul>
</div>
</div>
</div>
<!-- 尾部 -->
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
</body>
</html>

View File

@ -221,7 +221,7 @@
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>

View File

@ -254,7 +254,7 @@
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>

208
user-edit.html Normal file
View File

@ -0,0 +1,208 @@
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<meta name="description" content="一线希望" />
<meta name="keywords" content="一线希望" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="robots" content="noarchive"/>
<meta name="google" value="notranslate">
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<title>个人资料修改-一线希望</title>
<link rel="stylesheet" type="text/css" href="./css/swiper-bundle.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script src="./js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/my-site.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- 头部导航 -->
<header class="header w100">
<div class="head w1140">
<!-- logo -->
<h1 class="logo">
<a href="index.html"><img src="images/logo.png" alt="一线希望" title="一线希望"></a>
</h1>
<!-- 导航 -->
<ul class="nav">
<li class="active"><a href="solid.html">实体瘤</a></li>
<li><a href="blood.html">血液肿瘤</a></li>
<li><a href="other.html">其他</a></li>
<li><a href="operation.html">操作指南</a></li>
</ul>
<!-- 顶部右侧 -->
<div class="top-right">
<!-- 通知 -->
<div class="notice"><a href="">通知</a></div>
<!-- 用户信息 -->
<div class="login-registration">
<ins><img src="images/icon/icon-user.png" alt="高高兴"></ins>
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
<div class="head-btn">
<i class="bar-top"></i>
<i class="bar-cen"></i>
<i class="bar-bom"></i>
</div>
</div>
</header>
<!-- 主体内容 -->
<div class="main w1140 wow fadeInUp">
<div class="survey wow fadeInUp">
<div class="survey-left wow fadeInUp">
<span><img src="images/avatar.png" alt="高高兴"></span>
<section>
<h2>高高兴</h2>
<p>联系方式13852526255</p>
</section>
</div>
<div class="survey-right wow fadeInUp">
<span>账户余额:<strong>5526.00</strong></span>
<button class="withdrawal-btn">立即提现</button>
</div>
</div>
<!-- 二级导航 -->
<div class="pull-nav wow fadeInUp">
<div class="pull-nav-swiper swiper">
<!-- 提现端 -->
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="user.html">个人资料</a>
</div>
<div class="swiper-slide">
<a href="upload.html">上传患者信息</a>
</div>
<div class="swiper-slide">
<a href="patient.html">患者信息列表</a>
</div>
<div class="swiper-slide">
<a href="withdrawal.html">提现记录</a>
</div>
</div>
<!-- 充值端 -->
<div class="swiper-wrapper hide">
<div class="swiper-slide">
<a href="user.html">个人资料</a>
</div>
<div class="swiper-slide">
<a href="purchased.html">已购买患者信息</a>
</div>
<div class="swiper-slide">
<a href="locking.html">我的锁定</a>
</div>
<div class="swiper-slide">
<a href="collection.html">我的收藏</a>
</div>
<div class="swiper-slide">
<a href="recharge.html">充值记录</a>
</div>
</div>
<!-- 管理员端 -->
<div class="swiper-wrapper hide">
<div class="swiper-slide">
<a href="user.html">个人资料</a>
</div>
<div class="swiper-slide">
<a href="user-admin.html">用户信息</a>
</div>
<div class="swiper-slide">
<a href="patient-admin.html">患者信息</a>
</div>
<div class="swiper-slide">
<a href="withdrawal-admin.html">提现记录</a>
</div>
<div class="swiper-slide">
<a href="recharge-admin.html">充值记录</a>
</div>
</div>
</div>
</div>
<!-- 表单 -->
<div class="information">
<ul class="information-list">
<li class="wow fadeInUp">
<span>真实姓名<em>*</em></span>
<section>
<input type="text" placeholder="请填写您的真实姓名,方便账户核对" value="">
</section>
</li>
<li class="wow fadeInUp">
<span>联系电话<em>*</em></span>
<section>
<input type="text" readonly="readonly" value="13852526262">
</section>
</li>
<li class="wow fadeInUp">
<span>邮箱</span>
<section>
<input type="text" placeholder="请填写邮箱" value="">
</section>
</li>
<li class="wow fadeInUp">
<span>微信号</span>
<section>
<input type="text" placeholder="请填写微信号" value="">
</section>
</li>
<li class="wow fadeInUp">
<span>公司/职位</span>
<section class="half-section">
<input type="text" placeholder="请填写公司名称" value="">
<input type="text" placeholder="请填写职位名称" value="">
</section>
</li>
<li class="wow fadeInUp">
<span>个人账户<em>*</em></span>
<section>
<input type="text" placeholder="请填写个人账户" value="">
</section>
</li>
<li class="wow fadeInUp">
<span>常驻地址</span>
<section class="select-section">
<select name="province">
<option value="">四川</option>
<option value="">上海</option>
<option value="">广州</option>
</select>
<select name="city">
<option value="">成都</option>
<option value="">南充</option>
<option value="">绵阳</option>
</select>
<select name="area">
<option value="">金牛区</option>
<option value="">武侯区</option>
<option value="">锦江区</option>
</select>
<input type="text" placeholder="请填写详细信息" value="">
</section>
</li>
</ul>
<button class="information-btn wow fadeInUp">确认提交</button>
</div>
</div>
<!-- 尾部 -->
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
</body>
</html>

View File

@ -129,69 +129,19 @@
</div>
</div>
</div>
<!-- 表单 -->
<div class="information">
<ul class="information-list">
<li class="wow fadeInUp">
<span>真实姓名<em>*</em></span>
<section>
<input type="text" placeholder="请填写您的真实姓名,方便账户核对" value="">
</section>
</li>
<li class="wow fadeInUp">
<span>联系电话<em>*</em></span>
<section>
<input type="text" readonly="readonly" value="13852526262">
</section>
</li>
<li class="wow fadeInUp">
<span>邮箱</span>
<section>
<input type="text" placeholder="请填写邮箱" value="">
</section>
</li>
<li class="wow fadeInUp">
<span>微信号</span>
<section>
<input type="text" placeholder="请填写微信号" value="">
</section>
</li>
<li class="wow fadeInUp">
<span>公司/职位</span>
<section class="half-section">
<input type="text" placeholder="请填写公司名称" value="">
<input type="text" placeholder="请填写职位名称" value="">
</section>
</li>
<li class="wow fadeInUp">
<span>个人账户<em>*</em></span>
<section>
<input type="text" placeholder="请填写个人账户" value="">
</section>
</li>
<li class="wow fadeInUp">
<span>常驻地址</span>
<section class="select-section">
<select name="province">
<option value="">四川</option>
<option value="">上海</option>
<option value="">广州</option>
</select>
<select name="city">
<option value="">成都</option>
<option value="">南充</option>
<option value="">绵阳</option>
</select>
<select name="area">
<option value="">金牛区</option>
<option value="">武侯区</option>
<option value="">锦江区</option>
</select>
<input type="text" placeholder="请填写详细信息" value="">
</section>
</li>
<!-- 资料展示 -->
<div class="user-information wow fadeInUp">
<ul class="information-item">
<li><span>真实姓名<em>*</em></span>高高兴</li>
<li><span>联系电话<em>*</em></span>13882034424</li>
<li><span>邮箱</span>1004585859@qq.com</li>
<li><span>微信号</span>13882034424</li>
<li><span>公司/职位</span>四川科技有限公司/公司职员</li>
<li><span>个人账户<em>*</em></span>585452244566544444</li>
<li><span>常驻地址</span>四川省 成都市 锦江区 红星路四段125号</li>
</ul>
<button class="information-btn wow fadeInUp">确认提交</button>
<button class="information-btn wow fadeInUp" id="edit-information">修改个人资料</button>
</div>
</div>
@ -199,7 +149,7 @@
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>

View File

@ -237,7 +237,7 @@
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>

View File

@ -116,7 +116,7 @@
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>

View File

@ -204,7 +204,7 @@
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
<div class="foot w1140 wow fadeInUp">
<div class="foot-nav">
<a href="">合作协议</a><a href="">关于我们</a><a href="">意见反馈</a>
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
</div>
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>