Skip to content

任超 / js.portalStaticPage

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

style:公示公告模块

1 parent c327a35b
Inline Side-by-side
Showing 9 changed files with 50 additions and 389 deletions
......@@ -238,173 +238,27 @@
证书核验
</li>
</ul>
<ul class="business-search">
<li url-id="business">
<img src="/staticImages/yewusearch.png" />
业务查询
</li>
<li url-id="guide">
<img src="/staticImages/banshizhinan.png" />
办事指南
</li>
<li url-id="pay">
<img src="/staticImages/xianshangjiaofei.png" />
线上缴费
</li>
<li url-id="logistics">
<img src="/staticImages/wuliugenzong.png" />
物流跟踪
</li>
</ul>
</div>
</div>
<!-- 法律法规 -->
<div class="laws_regulations">
<div class="regulations title">
<div class="regulations_content">
<h2>
<a href="./staticViews/flfg.html" title="法律法规">
<p>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconbanshizhinan"></use>
</svg>
<span>法律法规</span>
</p>
<i>查看全部 ></i>
</a>
</h2>
<ul class="laws_list" id="ulLaws">
</ul>
</div>
</div>
<!-- 相应政策 -->
<div class="policy title">
<div class="policy_content">
<h2>
<a href="./staticViews/xyzc.html" title="相应政策">
<p>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconzhengce"></use>
</svg>
<span>相应政策</span>
</p>
<i>查看全部 ></i>
</a>
</h2>
<ul class="laws_list" id="policies"></ul>
</div>
</div>
</div>
<!-- 常见问题，政民互动 -->
<div class="common_question">
<div class="subject_con">
<dl class="subject">
<dt class="title">
<h2>
<a href="" title="常见问题">
<p>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconchangjianwenda"></use>
</svg>
<span>常见问题</span>
</p>
<i>查看全部 ></i>
</a>
</h2>
</dt>
<div class="list_content">
<dd>
<a href="" title="基础问题">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
基础问题
</a>
<a href="" title="继承登记">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
继承登记
</a>
</dd>
<dd>
<a href="" title="一手商品房办证">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
一手商品房办证
</a>
<a href="" title="抵押登记">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
抵押登记
</a>
</dd>
<dd>
<a href="" title="二手房办证">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
二手房办证
</a>
<a href="" title="预售及网签">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
预售及网签
</a>
</dd>
<dd>
<a href="" title="经济适用房登记">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
经济适用房登记
</a>
<a href="" title="夫妻加减名变更">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
夫妻加减名变更
</a>
</dd>
<dd>
<a href="" title="变更登记">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
变更登记
</a>
<a href="" title="夫妻离婚变更">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconwenhao"></use>
</svg>
夫妻离婚变更
</a>
</dd>
</div>
</dl>
<dl class="interact">
<dt class="title">
<h2>
<a href="" title="政民互动">
<p>
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconzhengminhudong"></use>
</svg>
<span>政民互动</span>
</p>
<i>查看全部 ></i>
</a>
</h2>
</dt>
<div class="list_content_right">
<dd>
<a title="在线评价">
<img src="./staticImages/zxpj.png" alt="在线评价" />
<p>在线评价</p>
</a>
</dd>
<dd>
<a title="在线留言">
<img src="./staticImages/zxly.png" alt="在线留言" />
<p>在线留言</p>
</a>
</dd>
<dd>
<a title="在线互动">
<img src="./staticImages/zxhd.png" alt="在线互动" />
<p>在线互动</p>
</a>
</dd>
</div>
</dl>
</div>
</div>
<!-- -->
<!-- 友情链接 -->
<div class="c_five Links">
<div class="subject">
......
......@@ -12,229 +12,6 @@
text-align: center;
}
/* ---------------法律法规 start----------------------- */
.laws_regulations {
width: 1220px;
margin: 0 auto;
padding: 40px 0;
overflow: hidden;
}
.laws_regulations .regulations, .policy {
width: 50%;
}
.laws_regulations .regulations_content, .policy_content {
height: 370px;
border-radius: 2px;
border: 1px solid #DEDEDE;
margin: 0 10px;
}
.laws_regulations .policy{
float: right;
}
.laws_regulations .regulations{
float: left;
}
.laws_regulations .title h2 a{
display: block;
padding: 20px;
height: 60px;
box-sizing: border-box;
border-bottom: 1px solid #DEDEDE;
width: 100%;
}
.laws_regulations .title h2 a p{
font-weight: 600;
color: #4A4A4A;
float: left;
height: 37px;
border-bottom: 2px solid #006CFF;
position: relative;
top: 1px;
}
.laws_regulations .title h2 a p .icon {
width: 22px;
height: 21px;
}
.laws_regulations .title h2 a p span {
position: relative;
font-size: 20px;
top: -3px;
margin-left: 3px;
}
.laws_regulations .title h2 i{
font-style: normal;
float: right;
font-size: 14px;
color: #9B9B9B;
}
.laws_regulations .title h2 i:hover {
color: #0091FF;
}
.laws_regulations .laws_list {
padding: 0 21px;
}
.laws_regulations .laws_list li{
height: 50px;
line-height: 50px;
padding-left: 3px;
}
.laws_regulations .laws_list li a{
display: block;
white-space:nowrap; /*文本不换行*/
text-overflow:ellipsis;/*设置超出部分显示...*/
-o-text-overflow:ellipsis;
overflow: hidden;
width: 90%;
}
.laws_regulations .laws_list li a:hover {
color: #0091FF;
}
.laws_regulations .laws_list li:not(:last-child) {
border-bottom: 1px dashed #DEDEDE;
}
/* -------------常见问题start--------------------- */
.common_question {
padding: 40px;
background: #F6F9FB;
}
.common_question .subject_con {
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.common_question .subject, .interact{
border-radius: 2px;
width: 49%;
border: 1px solid #E7ECEF;
background-color: #ffffff;
}
.common_question .list_content , .list_content_right{
padding: 10px 20px 20px 20px;
box-sizing: border-box;
}
.common_question .list_content dd {
height: 50px;
line-height: 50px;
}
.common_question .list_content dd a{
display: inline-block;
width: 40%;
height: 50px;
line-height: 50px;
border-bottom: 1px dashed #DEDEDE;
}
.common_question .list_content dd a .icon {
width: 20px;
height: 20px;
position: relative;
top: 5px;
margin-right: 5px;
}
.common_question .list_content dd a:hover {
color: #0091FF;
}
.common_question .list_content dd a:first-child {
float: left;
}
.common_question .list_content dd a:last-child {
float: right;
}
.common_question .list_content dd:last-child a{
border: none;
}
.common_question .subject {
float: left;
}
.common_question .interact {
float: right;
}
.common_question .title h2 a{
display: block;
padding: 20px;
box-sizing: border-box;
height: 60px;
box-sizing: border-box;
border-bottom: 1px solid #E6E6E6;
width: 100%;
}
.common_question .title h2 a p{
font-weight: 600;
color: #4A4A4A;
float: left;
height: 37px;
border-bottom: 2px solid #006CFF;
position: relative;
top: 1px;
}
.common_question .title h2 a p .icon {
width: 22px;
height: 21px;
float: left;
}
.common_question .title h2 a p span {
position: relative;
font-size: 20px;
margin-left: 5px;
float: left;
top: -4px;
}
.common_question .title h2 i{
font-style: normal;
float: right;
font-size: 14px;
color: #9B9B9B;
}
.common_question .title h2 i:hover {
color: #0091FF;
}
.common_question .list_content_right {
text-align: center;
padding-bottom: 8px;
box-sizing: border-box;
overflow: hidden;
}
.common_question .list_content_right dd{
width: 49%;
float: left;
height: 130px;
text-align: center;
}
.common_question .list_content_right dd {
border-right: 1px dashed #DEDEDE;
border-bottom: 1px dashed #DEDEDE;
}
.common_question .list_content_right dd:nth-of-type(n+3) {
border-bottom: none;
}
.common_question .list_content_right dd:nth-child(even){
border-right: none;
}
.common_question .list_content_right dd a {
display: block;
position: relative;
top:50%;
height: 70px;
transform:translateY(-50%);
}
.common_question .list_content_right dd a img{
width: 70px;
height: 70px;
display: inline-block;
}
.common_question .list_content_right dd a p{
display: inline-block;
position: relative;
left: 6px;
top: -28px;
cursor: pointer;
}
.common_question .list_content_right dd a p:hover {
color: #0091FF;
}
.news_title_content:hover span{
color: #4A4A4A;
}
......@@ -734,7 +511,7 @@ div.c_five ul li a img {
background: url('/staticImages/idanganbg.png') no-repeat right bottom;
background-size: 65px 66px;
}
.business-list-rightItem ul:nth-of-type(1) li:not(:last-child) {
.business-list-rightItem ul li:not(:last-child) {
margin-right: 20px;
}
.business-list-rightItem ul:nth-of-type(1) li img {
......@@ -742,4 +519,31 @@ div.c_five ul li a img {
height: 35px;
position: relative;
top: 10px;
}
.business-list-rightItem ul:nth-of-type(2) {
font-size: 0;
margin-top: 23px;
}
.business-list-rightItem ul:nth-of-type(2) li {
display: inline-block;
width: 227px;
height: 150px;
background: #FFFFFF;
box-shadow: 0px 3px 6px 0px rgba(10, 14, 40, 0.06);
border-radius: 2px;
border: 1px solid #E9E9E9;
color: #686666;
font-size: 20px;
box-sizing: border-box;
text-align: center;
color: #686666;
cursor: pointer;
}
.business-list-rightItem ul:nth-of-type(2) li img {
display: block;
width: 34px;
height: 37px;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 20px;
}
\ No newline at end of file
......
......@@ -92,6 +92,9 @@ function getSearchUrl(level) {
progress: '/staticViews/convenienceService/progressInquiry.html',
appointment : '/staticViews/yyxz.html',
certificate: '/staticViews/convenienceService/certificateVerification.html',
business: '/staticViews/convenienceService/businessInquiry.html',
guide: '/staticViews/bszn.html',
pay: '/staticViews/zxjf.html',
default: 'gologin',
}
return resultMap[level] || resultMap.default;
......