同步git
parent
7d221fb75e
commit
855df5f5fd
|
|
@ -1392,6 +1392,17 @@
|
|||
opacity: .75;
|
||||
}
|
||||
|
||||
/* 通知 */
|
||||
.notice-list li>span:nth-of-type(2){
|
||||
width: 74%;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
word-break: break-all;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-box-orient: vertical;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
/* 响应式布局 */
|
||||
@media screen and (max-width:1280px) {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,168 @@
|
|||
<!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=""><img src="images/icon/icon-notice.png" alt="通知"></a><em>15</em></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 class="open-more">
|
||||
<a href="">个人中心</a>
|
||||
<a href="">修改密码</a>
|
||||
<a href="">退出登录</a>
|
||||
</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="recharge-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="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" class="active">充值记录</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 表单 -->
|
||||
<div class="from-list-bg wow fadeInUp">
|
||||
<ul class="from-list notice-list">
|
||||
<li class="wow fadeInUp">
|
||||
<span>通知时间</span>
|
||||
<span>内容</span>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<span>2022-04-06 10:34:02</span>
|
||||
<span>通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容</span>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<span>2022-04-06 10:34:02</span>
|
||||
<span>通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容</span>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<span>2022-04-06 10:34:02</span>
|
||||
<span>通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容</span>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<span>2022-04-06 10:34:02</span>
|
||||
<span>通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容</span>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<span>2022-04-06 10:34:02</span>
|
||||
<span>通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容</span>
|
||||
</li>
|
||||
<li class="wow fadeInUp">
|
||||
<span>2022-04-06 10:34:02</span>
|
||||
<span>通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容通知内容</span>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 分页 -->
|
||||
<div class="paging wow fadeInUp">
|
||||
<a href="" class="prev">上一页</a>
|
||||
<a href="" class="active">1</a>
|
||||
<a href="">2</a>
|
||||
<a href="">3</a>
|
||||
<a href="">4</a>
|
||||
<a href="">5</a>
|
||||
<a href="">6</a>
|
||||
<a href="">7</a>
|
||||
<a href="">8</a>
|
||||
<a href="">9</a>
|
||||
<a href="">10</a>
|
||||
<a href=""><em>></em></a>
|
||||
<a href="" class="next">下一页</a>
|
||||
</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>
|
||||
|
||||
<!-- 提示框 -->
|
||||
<div class="tips-box"><span></span><p></p></div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue