Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
d8356ddc by 任超
Options

style：样式

1 parent 4726b327
Inline Side-by-side
Showing 4 changed files with 225 additions and 201 deletions
......@@ -222,6 +222,7 @@ div.navigation {
font-weight: 400;
color: #4A4A4A;
line-height: 24px;
padding-bottom: 30px;
}
/* -----------------底部start----------------------------- */
div.footer {
......
......@@ -53,7 +53,7 @@
<li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
</ul>
</div>
<div class="navigation_crumbs">
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../staticIndex.html">首页</a>
......@@ -196,4 +196,12 @@
}
});
});
layui.use('element', function(){
var element = layui.element;
//监听Tab切换，以改变地址hash值
element.on('tab(docDemoTabBrief)', function(){
location.hash = 'test1='+ this.getAttribute('lay-id');
});
});
</script>
\ No newline at end of file
......
......@@ -3,10 +3,23 @@
padding: 0;
}
.main {
}
::-webkit-input-placeholder { /* WebKit browsers */
font-size: 13px;
color: #9B9B9B;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
font-size: 13px;
color: #9B9B9B;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
font-size: 13px;
color: #9B9B9B;
}
input {
padding-left: 10px;
}
/*================首页 start=====================*/
div a {
color: #000000;
......@@ -123,6 +136,7 @@ div.navigation {
line-height: 25px;
background: #FAFAFA;
border: 1px solid #E6E6E6;
box-sizing: border-box;
}
.navigation_crumbs .layui-breadcrumb a:hover {
color: #f46143!important;
......@@ -226,6 +240,7 @@ div.navigation {
background: #FFFFFF;
border-radius: 2px;
border: 1px solid #CBCBCB;
margin-left: 10px;
}
.top button {
......@@ -269,7 +284,6 @@ div.navigation {
.body {
display: flex;
justify-items: left;
border-top: 1px solid #CBCBCB;
}
.body div {
......
<!DOCTYPE html>
<html lang="en">
<head>
<title>公示公告</title>
<meta charset="UTF-8">
......@@ -15,227 +16,227 @@
<link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="./css/index.css">
</head>
<body>
<div class="main">
<div class="subject top-logo">
<div class="top_logo_content">
<h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台"/></a></h1>
<div class="top_logo_search">
<input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" autocomplete="off"
class="layui-input">
<i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
<div class="main">
<div class="subject top-logo">
<div class="top_logo_content">
<h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
<div class="top_logo_search">
<input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
autocomplete="off" class="layui-input">
<i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
</div>
<ul class="login">
<li>登录</li>
<li>注册</li>
</ul>
</div>
<ul class="login">
<li>登录</li>
<li>注册</li>
</div>
<div class="navigation">
<ul class="layui-nav layui-bg-blue" lay-filter="">
<li class="layui-nav-item "><a href="./../../staticIndex.html">首页</a></li>
<li class="layui-nav-item layui-this"><a href="./../../staticViews/xwdt/index.html">新闻动态</a></li>
<li class="layui-nav-item"><a href="">业务办理</a></li>
<li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li>
<li class="layui-nav-item">
<a href="javascript:;">查验中心</a>
<dl class="layui-nav-child">
<!-- 二级菜单 -->
<dd><a href="">移动模块</a></dd>
<dd><a href="">后台模版</a></dd>
<dd><a href="">电商平台</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="">在线缴费</a></li>
<li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
</ul>
</div>
</div>
<div class="navigation">
<ul class="layui-nav layui-bg-blue" lay-filter="">
<li class="layui-nav-item "><a href="./../../staticIndex.html">首页</a></li>
<li class="layui-nav-item layui-this"><a href="./../../staticViews/xwdt/index.html">新闻动态</a></li>
<li class="layui-nav-item"><a href="">业务办理</a></li>
<li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li>
<li class="layui-nav-item">
<a href="javascript:;">查验中心</a>
<dl class="layui-nav-child">
<!-- 二级菜单 -->
<dd><a href="">移动模块</a></dd>
<dd><a href="">后台模版</a></dd>
<dd><a href="">电商平台</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="">在线缴费</a></li>
<li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
</ul>
</div>
<div class="navigation_crumbs">
<div class="contentBox">
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../staticIndex.html">首页</a>
<a><cite>公示公告</cite></a>
</span>
</div>
</div>
<div class="mainbody">
<div class="top">
<div class="top-title">
<span>标题内容:</span><input type="text" placeholder="请输入标题">
</div>
<div class="top-date ">
发布时间:<input type="date" placeholder="选择时间">
</div>
<div class="top-serach ">
<button>查询</button>
</div>
</div>
<div class="filter">
<div>
<span>全部</span>
</div>
<div>
<span>公示</span>
</div>
<div>
<span>公告</span>
</div>
</div>
<div class="body">
<div class="left">
<div class="gg">
<div class="gg-tag">
公告
</div>
<span>
党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
</span>
<div class="mainbody">
<div class="top">
<div class="top-title">
<span>标题内容:</span><input type="text" placeholder="请输入标题">
</div>
<div class="gg">
<div class="gg-tag">
公告
</div>
<span>
党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
</span>
<div class="top-date ">
发布时间:<input type="date" placeholder="选择时间">
</div>
<div class="gg">
<div class="gg-tag">
公告
</div>
<span>
党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
</span>
<div class="top-serach ">
<button>查询</button>
</div>
<div id="page"></div>
</div>
<div class="right">
<div class="right-top">
<h2>新闻推荐</h2>
</div>
<div class="right-body">
<div class="tj">
<img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
<span class="tj-title">
爬山虎国土空间信息化解决方案
</span>
<span class="tj-date">
2020-12-12
</span>
</div>
<div class="tj">
<img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
<span class="tj-title">
爬山虎国土空间信息化解决方案终极方案
</span>
<span class="tj-date">
2020-12-12
</span>
</div>
</div>
<div class="right-bottom">
<div class="right-bottom-top">
<span>政策法规推荐</span>
</div>
<div class="zcfg">
<div class="zcfg-top">
<span>爬山虎国土空间规划信息化解决</span>
</div>
<div class="zcfg-body">
<span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
</div>
<div class="zcfg-bottom">
<span>2020-10-28</span>
</div>
</div>
<div class="zcfg">
<div class="zcfg-top">
<span>爬山虎国土空间规划信息化解决</span>
<div class="layui-tab layui-tab-brief" lay-filter="">
<ul class="layui-tab-title">
<li class="layui-this">全部</li>
<li>公示</li>
<li>公告</li>
</ul>
<div class="layui-tab-content">
<div class="body">
<div class="left">
<div class="gg">
<button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70%
国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目
央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目
央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70%
国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
</div>
<div class="gg">
<button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70%
国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目
央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目
央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70%
国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
</div>
<div class="gg">
<button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70%
国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目
央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目
央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70%
国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
</div>
<div id="page"></div>
</div>
<div class="zcfg-body">
<span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
</div>
<div class="zcfg-bottom">
<span>2020-10-28</span>
<div class="right">
<div class="right-top">
<h2>新闻推荐</h2>
</div>
<div class="right-body">
<div class="tj">
<img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
<span class="tj-title">
爬山虎国土空间信息化解决方案
</span>
<span class="tj-date">
2020-12-12
</span>
</div>
<div class="tj">
<img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
<span class="tj-title">
爬山虎国土空间信息化解决方案终极方案
</span>
<span class="tj-date">
2020-12-12
</span>
</div>
</div>
<div class="right-bottom">
<div class="right-bottom-top">
<span>政策法规推荐</span>
</div>
<div class="zcfg">
<div class="zcfg-top">
<span>爬山虎国土空间规划信息化解决</span>
</div>
<div class="zcfg-body">
<span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
</div>
<div class="zcfg-bottom">
<span>2020-10-28</span>
</div>
</div>
<div class="zcfg">
<div class="zcfg-top">
<span>爬山虎国土空间规划信息化解决</span>
</div>
<div class="zcfg-body">
<span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
</div>
<div class="zcfg-bottom">
<span>2020-10-28</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="system_service">
<ul class="">
<li>
<a href="">
<span>公示公告</span>
</a>
</li>
<li>
<a href="">
<span>法律法规</span>
</a>
</li>
<li>
<a href="">
<span>相应政策</span>
</a>
</li>
<li>
<a href="">
<span>下载服务</span>
</a>
</li>
<li>
<div class="footer">
<div class="system_service">
<ul class="">
<li>
<a href="">
<span>公示公告</span>
</a>
</li>
<li>
<a href="">
<span>法律法规</span>
</a>
</li>
<li>
<a href="">
<span>相应政策</span>
</a>
</li>
<li>
<a href="">
<span>下载服务</span>
</a>
</li>
<li>
<a href="">
<span>关于我们</span>
</a>
</li>
</ul>
</div>
<div class="subject">
<div class="footer_logo">
<a href="">
<span>关于我们</span>
<img src="./../../staticImages/jiguan.png">
</a>
</li>
</ul>
</div>
<div class="subject">
<div class="footer_logo">
<a href="">
<img src="./../../staticImages/jiguan.png">
</a>
</div>
<ul>
<li>
西安市自然资源和规划局
</li>
<li>
电话：028-456465
</li>
<li>
地址：西安市丰城8路
</li>
<li>
网站标识吗：87987987
</li>
<li>
备案：陕IPC456465465
</li>
<li>
陕公网备案：456465465
</li>
</ul>
<ol>
<li>
<img src="./../../staticImages/code.png">
<p>扫描关注公众号</p>
</li>
<li>
<img src="./../../staticImages/code.png">
<p>扫描关注公众号</p>
</li>
</ol>
</div>
<ul>
<li>
西安市自然资源和规划局
</li>
<li>
电话：028-456465
</li>
<li>
地址：西安市丰城8路
</li>
<li>
网站标识吗：87987987
</li>
<li>
备案：陕IPC456465465
</li>
<li>
陕公网备案：456465465
</li>
</ul>
<ol>
<li>
<img src="./../../staticImages/code.png">
<p>扫描关注公众号</p>
</li>
<li>
<img src="./../../staticImages/code.png">
<p>扫描关注公众号</p>
</li>
</ol>
</div>
</div>
</div>
</body>
</html>
<!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
......