Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
284a360e by 田浩浩
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/portalStaticPage

2 parents 71b8117c 0bece580
Inline Side-by-side
Showing 20 changed files with 580 additions and 63 deletions
......@@ -11,9 +11,9 @@
</head>
<body>
<div class="top-logo loadheader"></div>
<div class="navigation loadheader"></div>
<div>
<!-- <div class="top-logo loadheader"></div>
<div class="navigation loadheader"></div> -->
<div class="homeindex">
<div class="banner">
<div class="layui-carousel" id="banner_swiper">
<div carousel-item>
......
.content_box {
width: 1200px;
margin: 0 auto;
min-height:calc(100vh - 207px);
color: #4a4a4a;
}
.name_title {
padding: 10px;
margin:15px 0;
}
.name_title h2 {
display: inline-block;
font-weight: 600;
margin-right: 10px;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.name_title p {
display: inline-block;
color: #0091FF;
}
\ No newline at end of file
......@@ -12,7 +12,9 @@ div.banner, div.c_one, div.c_two, div.c_three, div.c_four, div.c_five, div.foote
text-align: center;
}
.homeindex {
min-height:calc(100vh - 207px);
}
div.banner {
height: 500px;
......
......@@ -49,4 +49,24 @@
display: inline-block;
border-bottom: 2px dotted#dddddd;
margin-bottom: 4px;
}
.next_button button {
width: 140px;
height: 42px;
position: relative;
}
.next_button a {
color: #ffffff;
display: block;
position: absolute;
width: 140px;
height: 42px;
text-align: center;
line-height: 42px;
left: 0;
top: 0;
}
.next_button a:hover {
color: #ffffff;
}
\ No newline at end of file
......
......@@ -25,9 +25,6 @@
text-align: center;
margin: 10px 0;
}
.next_button a {
color: #ffffff;
}
.nav_title {
padding: 10px 0 10px 10px;
margin:25px 0;
......@@ -40,19 +37,7 @@
line-height: 14px;
font-weight: 600;
}
.info_query ul li {
width: 31%;
margin-right: 20px;
display: inline-block;
margin-bottom: 15px;
}
.info_query ul li:last-child {
margin-right: 0;
}
.info_query ul li p {
display: inline-block;
}
.info_query ul li input {
display: inline-block;
width: 300px;
.video_authentication {
text-align: center;
height: 300px;
}
\ No newline at end of file
......
.content_box {
width: 1200px;
margin: 0 auto;
min-height:calc(100vh - 207px);
color: #4a4a4a;
}
.name_title {
padding: 10px;
margin:15px 0;
}
.name_title h2 {
display: inline-block;
font-weight: 600;
margin-right: 10px;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
}
.name_title p {
display: inline-block;
color: #0091FF;
}
.audit_progress {
padding: 30px 20px;
border: 1px solid #eeeeee;
margin: 20px 0;
}
.audit_progress h2 {
font-size: 16px;
font-weight: 600;
color: #5FB878;
line-height: 16px;
}
/* ------------缴费信息---------------- */
.payment_information h3, .payment_channel h3{
height: 16px;
padding-left: 5px;
border-left: 3px solid #0091FF;
line-height: 18px;
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
}
.payment_information ul{
font-size: 0;
}
.payment_information ul li{
display: inline-block;
width: 50%;
font-size: 14px;
line-height: 28px;
}
.payment_information ul li span {
color: #9B9B9B;
}
.payment_information ul li p, .payment_information h5 ,.payment_information h6 {
display: inline-block;
margin-left: 5px;
}
.payment_information h5 , .payment_information h6 {
color: #FA6400;
}
.payment_information ul li h5 {
font-size: 18px;
font-weight: 600;
}
/* ----------------------缴费通道------------------------------- */
.payment_channel {
margin: 20px 0;
}
.payment_channel ul {
font-size: 0;
}
.payment_channel ul li {
display: inline-block;
width: 50%;
text-align: center;
cursor: pointer;
}
.payment_channel ul li img {
width: 60px;
height: 60px;
}
.payment_channel ul li span {
display: block;
text-align: center;
font-size: 16px;
margin-top: 5px;
}
.code {
text-align: center;
}
.code img {
width: 150px;
height: 150px;
}
/* ------------------支付成功----------------------- */
.payment_success h5 {
text-align: center;
}
.payment_success h5 img {
width: 50px;
height: 50px;
}
.payment_success h5 p {
text-align: center;
font-weight: 600;
margin-top: 5px;
}
.payment_success ul {
margin-top: 20px;
width: 236px;
line-height: 36px;
margin: 0 auto;
margin-top: 30px;
}
.payment_success ul li {
text-align: left;
}
.payment_success ul li span{
color: #9B9B9B;
}
.payment_success ul li p {
display: inline-block;
}
.next_button {
text-align: center;
margin: 30px 0 100px 0;
}
\ No newline at end of file
......@@ -163,12 +163,16 @@ div.subject {
.left-body {
width: 687px;
height: 60px;
height: 72px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6D7278;
line-height: 25px;
line-height: 26px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.left-buttom {
......
......@@ -173,6 +173,11 @@ div.subject {
font-weight: 400;
color: #6D7278;
line-height: 25px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.left-buttom {
......
......@@ -2,6 +2,7 @@
width: 1200px;
margin: 0 auto;
min-height:calc(100vh - 207px);
color: #4a4a4a;
}
.name_title {
padding: 10px;
......@@ -24,6 +25,47 @@
text-align: center;
margin: 10px 0;
}
.next_button a {
color: #ffffff;
.audit_progress {
padding: 30px 20px;
border: 1px solid #eeeeee;
border-radius: 4px;
margin-top: 30px;
}
.audit_progress h2 {
font-size: 18px;
color: #5FB878;
font-weight: 600;
margin-bottom: 5px;
}
.audit_progress p {
color: #FA6400;
}
/* ------------受理信息--------------- */
.acceptance_information {
margin: 20px 0;
}
.acceptance_information h3{
height: 16px;
padding-left: 5px;
border-left: 3px solid #0091FF;
line-height: 18px;
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
}
.acceptance_information ul {
font-size: 0;
}
.acceptance_information ul li {
display: inline-block;
width: 50%;
font-size: 14px;
line-height: 28px;
}
.acceptance_information ul li span {
color: #9B9B9B;
}
.acceptance_information ul li p {
display: inline-block;
}
\ No newline at end of file
......
$(function () {
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
});
addTabs('#wssq')
// 业务
})
$(function () {
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
});
addTabs('#wssq')
// 业务
})
\ 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/progress.css">
<link rel="stylesheet" type="text/css" href="../staticCss/dzzs.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a><cite>在线申请</cite></a>
</span>
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<ul class="app_progress">
<li class="selected">
<span>1</span>
信息效验
</li>
<div class="line"></div>
<li class="selected">
<span>2</span>
填报信息
</li>
<div class="line"></div>
<li class="selected">
<span>3</span>
完税核税
</li>
<div class="line"></div>
<li class="selected">
<span>4</span>
身份认证
</li>
<div class="line"></div>
<li class="selected">
<span>5</span>
资料审核
</li>
<div class="line"></div>
<li class="selected">
<span>6</span>
线上缴费
</li>
<div class="line"></div>
<li class="active">
<span>7</span>
生成电子证书
</li>
</ul>
<!-- --------------------------------- -->
<div class="certificate_list">
<ul>
<li>
</li>
</ul>
</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/dzzs.js"></script>
</html>
\ No newline at end of file
......@@ -7,8 +7,8 @@
</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/xwxq.css">
<script type="text/javascript" src="../../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../../staticCss/xwxq.css">
</head>
<body>
......@@ -17,8 +17,8 @@
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../index.html">首页</a>
<a href="./xwdt.html">新闻动态</a>
<a href="../../index.html">首页</a>
<a href="../xwdt.html">新闻动态</a>
<a><cite>新闻详情</cite></a>
</span>
</div>
......@@ -275,8 +275,8 @@
</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/xwxq.js"></script>
<script type="text/javascript" src="../../staticJs/common.js"></script>
<script type="text/javascript" src="../../staticJs/down.js"></script>
<script type="text/javascript" src="../../staticJs/xwxq.js"></script>
</html>
\ No newline at end of file
......
......@@ -68,32 +68,9 @@
<div class="nav_title">
<h2>买方</h2>
</div>
<ul>
<li>
<span>权利人</span>：
<p>任超</p>
</li>
<li>
<span>证件类型</span>：
<p>身份证</p>
</li>
<li>
<span>证件号</span>：
<p>78979798798798</p>
</li>
<li>
<span>联系方式</span>：
<p>156587979</p>
</li>
<li>
<span>验证码</span>：
<input type="tel" name="title" id="tel" maxlength="11" lay-verify="phone" placeholder="请输入手机号"class="layui-input">
</li>
<li>
<button type="button"
class="layui-btn layui-btn-radius layui-btn-primary feachBtn layui-btn-sm">获取验证码</button>
</li>
</ul>
<div class="video_authentication">
视频认证
</div>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
......
<!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/progress.css">
<link rel="stylesheet" type="text/css" href="../staticCss/xsjf.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a><cite>在线申请</cite></a>
</span>
</div>
</div>
<div class="content_box">
<div class="name_title layui-bg-gray">
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<ul class="app_progress">
<li class="selected">
<span>1</span>
信息效验
</li>
<div class="line"></div>
<li class="selected">
<span>2</span>
填报信息
</li>
<div class="line"></div>
<li class="selected">
<span>3</span>
完税核税
</li>
<div class="line"></div>
<li class="selected">
<span>4</span>
身份认证
</li>
<div class="line"></div>
<li class="selected">
<span>5</span>
资料审核
</li>
<div class="line"></div>
<li class="active">
<span>6</span>
线上缴费
</li>
<div class="line"></div>
<li>
<span>7</span>
生成电子证书
</li>
</ul>
<!-- ------------------开始支付----------------- -->
<div class="audit_progress">
<h2>您的申请已提交,工作人员会在15个工作日内完成审核！</h2>
</div>
<!-- ------------------缴费信息----------------- -->
<div class="payment_information">
<h3>
缴费信息
</h3>
<ul>
<li>
<span>受理编号：</span>
<p>7897987989798</p>
</li>
<li>
<span>受理日期：</span>
<p>7979798797</p>
</li>
<li>
<span>收费事项：</span>
<p>商品房转移买卖转移登记（个人）登记费</p>
</li>
<li>
<span>应缴金额：</span>
<h5>600元</h5>
</li>
<li>
<span>收费明细：</span>
<h6>工本费10元 </h6>
<h6>快递费20元</h6>
<h6>不动产登记费80元</h6>
</li>
</ul>
</div>
<!-- ------------------缴费通道----------------- -->
<div class="payment_channel">
<h3>缴费通道</h3>
<ul>
<li>
<img src="../staticImages/wechat.png">
<span>微信</span>
</li>
<li>
<img src="../staticImages/alipay.png" alt="">
<span>支付宝</span>
</li>
</ul>
<div class="code">
<img src="../staticImages/code.png">
</div>
</div>
<!-- ------------------支付成功----------------- -->
<div class="payment_success">
<h5>
<img src="../staticImages/success.png">
<p>支付成功</p>
</h5>
<ul>
<li>
<span>支付流水号：</span>
<p>67879798798798</p>
</li>
<li>
<span>支付时间：</span>
<p>79879879</p>
</li>
<li>
<span>支付金额：</span>
<p>550.00元</p>
</li>
</ul>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="">下一步</a>
</button>
</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/xsjf.js"></script>
</html>
\ No newline at end of file
......@@ -97,7 +97,7 @@
<a class="left-top" title=" {{ item.headline }}" href="./xwxq.html" target="_blank">
{{ item.headline }}
</a>
<a class="xw" href="./xwxq.html" target="_blank">
<a class="xw" href="./news/xwxq.html" target="_blank">
<div class="xw-left">
<img
src="{{ item.cover }}">
......
......@@ -6,7 +6,7 @@
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>立即办理-身份认证</title>
<title>立即办理-资料审核</title>
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../staticCss/progress.css">
<link rel="stylesheet" type="text/css" href="../staticCss/zlsh.css">
......@@ -63,8 +63,95 @@
生成电子证书
</li>
</ul>
<div class="audit_progress">
<h2>您的申请已提交,工作人员会在15个工作日内完成审核！</h2>
<p>
您可以在“ 个人中心-我的业务”查看办理进度
</p>
</div>
<div class="acceptance_information">
<h3>受理信息</h3>
<ul>
<li>
<span>权利类型：</span>
<p>房屋等建筑物、构筑物所有权</p>
</li>
<li>
<span>业务类型：</span>
<p>
商品房买卖转移登记（个人）
</p>
</li>
<li>
<span>受理编号：</span>
<p>78979879879</p>
</li>
<li>
<span>受理日期：</span>
<p>
2023-5-9
</p>
</li>
</ul>
</div>
<!-- ---------------房屋信息----------------- -->
<div class="acceptance_information">
<h3>房屋信息</h3>
<ul>
<li>
<span>不动产单元号：</span>
<p>450101 450002 GB 00740W00000000</p>
</li>
<li>
<span>产权证号：</span>
<p>70205004005GB10030</p>
</li>
<li>
<span>坐落：</span>
<p>
XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室
</p>
</li>
<li>
<span>面积：</span>
<p>526</p>
</li>
<li>
<span>合同备案号：</span>
<p>YS000000000001</p>
</li>
</ul>
</div>
<!-- ----------买方信息--------- -->
<div class="acceptance_information">
<h3>买方信息</h3>
<ul>
<li>
<span>姓名：</span>
<p>郭小美</p>
</li>
<li>
<span>证件类型：</span>
<p>身份证</p>
</li>
<li>
<span>证件号码：</span>
<p>611312317987</p>
</li>
<li>
<span>联系电话：</span>
<p>1977897987987</p>
</li>
</ul>
</div>
<!-- -------受理流程------------ -->
<div class="acceptance_process">
<h3>受理流程</h3>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">下一步</button>
<button type="button" class="layui-btn layui-btn-normal">
<a href="./xsjf.html">下一步</a>
</button>
</div>
</div>
</body>
......