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

前端样式完成

master
Lee-1203 2022-05-12 11:29:08 +08:00
parent 5d2d0dd78d
commit 010880afca
8 changed files with 152 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
about.html
View File

@ -65,6 +65,7 @@
<a href="agreement.html">合作协议<em></em></a> <a href="agreement.html">合作协议<em></em></a>
<a href="about.html" class="active">关于我们<em></em></a> <a href="about.html" class="active">关于我们<em></em></a>
<a href="feedback.html">意见反馈<em></em></a> <a href="feedback.html">意见反馈<em></em></a>
<a href="operation.html">操作指南<em></em></a>
</div> </div>
<div class="page-content"> <div class="page-content">
<h1><span>关于我们</span></h1> <h1><span>关于我们</span></h1>

1
agreement.html
View File

@ -65,6 +65,7 @@
<a href="agreement.html" class="active">合作协议<em></em></a> <a href="agreement.html" class="active">合作协议<em></em></a>
<a href="about.html">关于我们<em></em></a> <a href="about.html">关于我们<em></em></a>
<a href="feedback.html">意见反馈<em></em></a> <a href="feedback.html">意见反馈<em></em></a>
<a href="operation.html">操作指南<em></em></a>
</div> </div>
<div class="page-content"> <div class="page-content">
<h1><span>合作协议</span></h1> <h1><span>合作协议</span></h1>

1
css/base.css
View File

@ -69,6 +69,7 @@ a{
button, button,
input, input,
textarea { textarea {
font-family: auto;
background: none; background: none;
border: 0; border: 0;
outline: none; /* 取消轮廓 */ outline: none; /* 取消轮廓 */

31
css/style.css
View File

@ -1289,6 +1289,32 @@
margin: 0 13px; margin: 0 13px;
} }
/* 提示框 */
.tips-box{
display: none;
min-width: 160px;
max-width: 240px;
background-color: #fff;
border-radius: 3px;
padding: 10px 10px;
text-align: center;
position: fixed;
top: 20%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 999;
}
.tips-box>span{
display: block;
font-size: 17px;
}
.tips-box>p{
font-size: 14px;
line-height: 1.8;
margin-top: 4px;
opacity: .8;
}
/* 响应式布局 */ /* 响应式布局 */
@media screen and (max-width:1280px) { @media screen and (max-width:1280px) {
@ -1846,6 +1872,11 @@
display: inline-block; display: inline-block;
margin-left: 0; margin-left: 0;
} }
/* 提示框 */
.tips-box{
top: 50%;
}
} }
@media screen and (max-width:414px) { @media screen and (max-width:414px) {

1
feedback.html
View File

@ -65,6 +65,7 @@
<a href="agreement.html">合作协议<em></em></a> <a href="agreement.html">合作协议<em></em></a>
<a href="about.html">关于我们<em></em></a> <a href="about.html">关于我们<em></em></a>
<a href="feedback.html" class="active">意见反馈<em></em></a> <a href="feedback.html" class="active">意见反馈<em></em></a>
<a href="operation.html">操作指南<em></em></a>
</div> </div>
<div class="page-content"> <div class="page-content">
<h1><span>意见反馈</span></h1> <h1><span>意见反馈</span></h1>

20
js/my-site.js
View File

@ -57,17 +57,23 @@ jQuery(function($){
autoplay:false, autoplay:false,
}) })
// 弹框事件
if($('.login-btn').length > 0){
$('.login-btn').click(function() {
$('.nav-bg').css('display','block');
$('.tips-box').css('display','block');
setTimeout(function() {
$('.nav-bg').css('display','none');
$('.tips-box').css('display','none');
call();
},1000)
})
}
// 记住密码
// if(screen.width <= 768){
// }else{
// }
// 手机导航按钮 // 手机导航按钮
$('.head .head-btn').click(function() { $('.head .head-btn').click(function() {
if ($('.head .head-btn').attr('class') == 'head-btn cur') { if ($('.head .head-btn').attr('class') == 'head-btn cur') {

8
login.html
View File

@ -75,7 +75,7 @@
</li> </li>
</ul> </ul>
<div class="agree"> <div class="agree">
<span><em class="password"></em>记住密码</span> <span><em class="set-pwd"></em>记住密码</span>
<a href="">忘记密码？</a> <a href="">忘记密码？</a>
</div> </div>
<button class="login-btn">立即登录</button> <button class="login-btn">立即登录</button>
@ -98,5 +98,11 @@
<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 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>
</div> </div>
<!-- 提示框 -->
<div class="tips-box">
<span>提 示</span>
<p>密码位数不正确</p>
</div>
</body> </body>
</html> </html>

97
operation.html Normal file
View File

@ -0,0 +1,97 @@
<!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">意见反馈<em></em></a>
<a href="operation.html" class="active">操作指南<em></em></a>
</div>
<div class="page-content">
<h1><span>操作指南</span></h1>
<div class="page-txt about-txt">
<p>操作指南操作指南操作指南操作指南操作指南操作指南操作指南操作指南</p>
<br />
<p>文字内容后台上传替换欢迎光临百度文库，请您仔细阅读以下条款，如果您对本协议的任何条款表示异议，您可以选择不进入百度文库；进入百度文库则意味着您已充分阅读、理解并同意遵守本协议下全部条款，并承诺遵守百度文库的统一管理要求。</p>
<p>客户的言行不得违反《计算机信息网络国际联网安全保护管理办法》、《互联网电子公告服务管理规定》、《维护互联网安全的决定》、《互联网新闻信息服务管理规定》等相关法律规定，不得在百度文库发布、传播或以其它方式传送含有下列内容之一的信息： 1） 反对宪法所确定的基本原则的； 2） 危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的； 3） 损害国家荣誉和利益的； 4） 煽动民族仇恨、民族歧视、破坏民族团结的； 5） 破坏国家宗教政策，宣扬邪教和封建迷信的； 6） 散布谣言，扰乱社会秩序，破坏社会稳定的； 7） 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的； 8） 侮辱或者诽谤他人，侵害他人合法权利的； 9） 煽动非法集会、结社、游行、示威、聚众扰乱社会秩序的</p>
<br />
<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>