Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
8d69b53e by 任超
Options

Merge branch 'static-state'

2 parents b5c01299 c231d6a8
Inline Side-by-side
Showing 12 changed files with 376 additions and 16 deletions
......@@ -64,14 +64,7 @@
<ul class="navigation-content">
<li id='index' class='layui-nav-item'><a href='/index.html' title='首页'>首页</a></li>
<li id='news' class='layui-nav-item'><a href='/staticViews/newsList/1.html' title='新闻动态'>新闻动态</a></li>
<li id='zwgk' class='layui-nav-item'>
<a href='javascript:;'>政务公开</a>
<dl class='layui-nav-child'>
<dd><a href='/staticViews/policyList/1.html'>相应政策</a></dd>
<dd><a href='/staticViews/lawList/1.html'>法律法规</a></dd>
<dd><a href='/staticViews/notice/1.html'>公示公告</a></dd>
</dl>
</li>
<li id='zwgk' class='layui-nav-item'><a href='/staticViews/policyList/1.html'>政务公开</a></li>
<li id='bszn' class='layui-nav-item'><a href='/staticViews/bszn.html' title='办事指南'>办事指南</a></li>
<li id='wssq' class='layui-nav-item'><a href='/staticViews/wssq.html' title='网上申请'>网上申请</a></li>
<li class='layui-nav-item'>
......
.apen-government-affairs {
width: 1200px;
margin: 0 auto;
margin-top: 10px;
overflow: hidden;
margin-bottom: 30px;
}
.nav-government {
width: 210px;
height: 500px;
background: #FFFFFF;
box-shadow: 0px 3px 6px 0px rgba(10, 14, 40, 0.06);
border: 1px solid #E9E9E9;
float: left;
margin-right: 30px;
}
.nav-government li {
height: 60px;
line-height: 60px;
text-align: center;
border-bottom: 1px solid #EAEAEA;
font-size: 16px;
cursor: pointer;
}
.nav-government li a {
color: #0E6BE9;
}
.nav-active {
color: #FFFFFF!important;
background: #498FFF;
}
.nav-active a {
color: #FFFFFF!important;
}
.nav-government li img {
width: 16px;
height: 16px;
position: relative;
top: 2px;
}
.government-content {
float: left;
width: 79%;
border-top: 1px solid #EAEAEA;
}
.government-content ul {
height: 454px;
}
.government-content li {
border-bottom: 1px solid #EAEAEA;
}
.government-content li a {
font-size: 14px;
color: #4A4A4A;
position: relative;
padding-left: 10px;
width: 700px;
overflow: hidden;
display: inline-block;
text-overflow:ellipsis;
white-space: nowrap;
line-height: 60px;
}
.government-content li a:hover {
color: #0091FF;
}
.government-content li a::before {
content: '';
position: absolute;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #4A4A4A;
left: 0;
top: 28px;
}
.government-content li img {
width: 21px;
height: 18px;
float: left;
position: relative;
top: 20px;
margin-right: 6px;
}
.government-content li span {
font-size: 16px;
float: right;
display: inline-block;
line-height: 60px;
color: #9B9B9B;
}
.page {
text-align: center;
margin-top: 10px;
}
.Top a {
width: 680px!important;
}
\ No newline at end of file

1.17 KB | W: | H:

1.17 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
});
$(function () {
addTabs('#zwgk');
});
\ No newline at end of file
......@@ -64,14 +64,7 @@ document.writeln(" <div class=\'layui-nav navigation layui-bg-blue\'>");
document.writeln(" <ul class=\'navigation-content\'>");
document.writeln(" <li id=\'index\' class=\'layui-nav-item\'><a href=\'/index.html\' title=\'首页\'>首页</a></li>");
document.writeln(" <li id=\'news\' class=\'layui-nav-item\'><a href=\'/staticViews/newsList/1.html\' title=\'新闻动态\'>新闻动态</a></li>");
document.writeln(" <li id=\'zwgk\' class=\'layui-nav-item\'>");
document.writeln(" <a href=\'javascript:;\'>政务公开</a>");
document.writeln(" <dl class=\'layui-nav-child\'>");
document.writeln(" <dd><a href=\'/staticViews/policyList/1.html\'>相应政策</a></dd>");
document.writeln(" <dd><a href=\'/staticViews/lawList/1.html\'>法律法规</a></dd>");
document.writeln(" <dd><a href=\'/staticViews/noticeList/1.html\'>公示公告</a></dd>");
document.writeln(" </dl>");
document.writeln(" </li>");
document.writeln(" <li id=\'zwgk\' class=\'layui-nav-item\'><a href=\'/staticViews/policyList/1.html\'>政务公开</a></li>");
document.writeln(" <li id=\'bszn\' class=\'layui-nav-item\'><a href=\'/staticViews/bszn.html\' title=\'办事指南\'>办事指南</a></li>");
document.writeln(" <li id=\'wssq\' class=\'layui-nav-item\'><a href=\'/staticViews/wssq.html\' title=\'网上申请\'>网上申请</a></li>");
document.writeln(" <li class=\'layui-nav-item\'>");
......
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>相应政策</title>
<script type="text/javascript" src="/staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="/staticCss/apen-government-affairs.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="/index.html">首页</a>
<a><cite>政务公开</cite></a>
</span>
</div>
</div>
<div class="apen-government-affairs">
<ul class="nav-government">
<li class="nav-active">
<img src="/staticImages/se-zc.png" />
<a href="">相应政策</a>
</li>
<li>
<img src="/staticImages/home-flfg.png" />
<a href="/staticViews/laws-regulations.html">法律法规</a>
</li>
<li>
<img src="/staticImages/home-gsgg.png" />
<a href="/staticViews/public-announcement.html">公示公告</a>
</li>
</ul>
<div class="government-content">
<ul>
<li>
<a href="/staticViews/policy/bcee62b739864eeb9766e01849c9bd51.html">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
<li>
<a href="">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
<li>
<a href="">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
<li>
<a href="">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
<li>
<a href="">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
<li>
<a href="">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
<li>
<a href="">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
</ul>
<div class="page">
<div class="layui-box layui-laypage layui-laypage-molv" id="layui-laypage-1">
<a href="./1.html" class="layui-disabled" title="首页">首页</a>
<span class="layui-laypage-curr">
<em class="layui-laypage-em" style="background-color:#0091FF;"></em>
<em>1</em>
</span>
<a href="./2.html">2</a>
<a href="./2.html" class="layui-laypage-next">&gt;</a>
<a href="./2.html" class="layui-laypage-last" title="尾页">尾页</a>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="/staticJs/apen-government-affairs.js"></script>
</html>
\ No newline at end of file
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>法律法规</title>
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="/staticCss/apen-government-affairs.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="/index.html">首页</a>
<a><cite>政务公开</cite></a>
</span>
</div>
</div>
<div class="apen-government-affairs">
<ul class="nav-government">
<li>
<img src="/staticImages/zc.png" />
<a href="/staticViews/corresponding-policies.html">相应政策</a>
</li>
<li class="nav-active">
<img src="/staticImages/sehome-flfg.png" />
<a href="">法律法规</a>
</li>
<li>
<img src="/staticImages/home-gsgg.png" />
<a href="/staticViews/public-announcement.html">公示公告</a>
</li>
</ul>
<div class="government-content">
<ul>
<li>
<img src="/staticImages/ding.png" />
<a href="/staticViews/policy/bcee62b739864eeb9766e01849c9bd51.html">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
<li>
<a href="">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
<li>
<a href="">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
<li>
<a href="">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
<li>
<a href="">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
<li>
<a href="">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
<li>
<a href="">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
</ul>
<div class="page">
<div class="layui-box layui-laypage layui-laypage-molv" id="layui-laypage-1">
<a href="./1.html" class="layui-disabled" title="首页">首页</a>
<span class="layui-laypage-curr">
<em class="layui-laypage-em" style="background-color:#0091FF;"></em>
<em>1</em>
</span>
<a href="./2.html">2</a>
<a href="./2.html" class="layui-laypage-next">&gt;</a>
<a href="./2.html" class="layui-laypage-last" title="尾页">尾页</a>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="/staticJs/apen-government-affairs.js"></script>
</html>
\ No newline at end of file
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>公示公告</title>
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="/staticCss/apen-government-affairs.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="/index.html">首页</a>
<a><cite>政务公开</cite></a>
</span>
</div>
</div>
<div class="apen-government-affairs">
<ul class="nav-government">
<li>
<img src="/staticImages/zc.png" />
<a href="/staticViews/corresponding-policies.html">相应政策</a>
</li>
<li>
<img src="/staticImages/home-flfg.png" />
<a href="/staticViews/laws-regulations.html">法律法规</a>
</li>
<li class="nav-active">
<img src="/staticImages/sehome-gsgg.png" />
<a href="">公示公告</a>
</li>
</ul>
<div class="government-content">
<ul>
<li class="Top">
<img src="/staticImages/gongshi.png" alt="公示">
<a href="/staticViews/policy/bcee62b739864eeb9766e01849c9bd51.html">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
<li>
<img src="/staticImages/gonggao.png" alt="公告">
<a href="">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
<li>
<a href="">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
<li>
<a href="">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
<li>
<a href="">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
<li>
<a href="">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
<li>
<a href="">解读：《地理信息公共服务平台管理办法地理信息公共服务平台管理办地理信息公共服务平台管理办地理信息公共服务平台管理办</a>
<span>2020-06-19</span>
</li>
</ul>
<div class="page">
<div class="layui-box layui-laypage layui-laypage-molv" id="layui-laypage-1">
<a href="./1.html" class="layui-disabled" title="首页">首页</a>
<span class="layui-laypage-curr">
<em class="layui-laypage-em" style="background-color:#0091FF;"></em>
<em>1</em>
</span>
<a href="./2.html">2</a>
<a href="./2.html" class="layui-laypage-next">&gt;</a>
<a href="./2.html" class="layui-laypage-last" title="尾页">尾页</a>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="/staticJs/apen-government-affairs.js"></script>
</html>
\ No newline at end of file