Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
3508e58d by 田浩浩
Options

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

2 parents f555efe6 48fc1e41
Expand all
Inline Side-by-side
Showing 18 changed files with 501 additions and 75 deletions
......@@ -73,4 +73,7 @@
.next_button {
text-align: center;
margin-bottom: 20px;
}
.next_button a {
color: #fff;
}
\ No newline at end of file
......
......@@ -10,6 +10,9 @@
background-color: #1E9FFF;
color: #fff;
}
.layui-icon-search {
color: #6D7278;
}
/* ----------------------公共样式-------------------------- */
.contentBox {
width: 1200px;
......@@ -78,15 +81,18 @@ div.top-logo {
}
div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */
font-size: 13px;
font-size: 14px;
color: #9B9B9B;
}
div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */
font-size: 13px;
font-size: 14px;
color: #9B9B9B;
}
div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */
font-size: 13px;
font-size: 14px;
color: #9B9B9B;
}
.top_logo_content {
height: 40px;
......@@ -101,11 +107,19 @@ div.top-logo .top_logo_search {
}
div.top-logo .top_logo_search input {
border-radius: 50px;
border: 2px solid #CBCBCB;
}
div.top-logo .login {
float: right;
margin-top: 8px;
}
.login li {
color: #6D7278;
font-size: 16px;
}
.login li a {
color: #6D7278;
}
div.top-logo .login a:hover {
color: #0091FF;
}
......@@ -121,11 +135,13 @@ div.top-logo .top_logo_search i {
}
.top-logo ul li {
display: inline-block;
padding: 0 8px;
padding: 0 12px;
}
.top-logo ul li:first-child {
border-right: 1px solid grey;
border-right: 2px solid #9B9B9B;
height: 13px;
line-height: 12px;
}
div.navigation {
......
......@@ -145,7 +145,7 @@ div.banner ul li a {
color: #0091FF;
}
.laws_regulations .laws_list li:not(:last-child) {
border-bottom: 1px dotted #DEDEDE;
border-bottom: 2px dotted #DEDEDE;
}
/* ---------------end----------------------- */
......@@ -376,7 +376,7 @@ div.c_one ul li {
line-height: 276%;
}
div.c_one ul li:not(:last-child) {
border-bottom: 2px dashed #f3f3f3;
border-bottom: 2px dashed #DEDEDE;
}
div.c_one ul li a {
......
......@@ -34,14 +34,14 @@
border-left-color: #1E9FFF;
}
.selected {
background-color: #5FB878!important;
background-color: #009688!important;
color: #fff!important;
}
.selected:hover {
background-color: #5FB878!important;
background-color: #009688!important;
}
.app_progress li.selected:after {
border-left-color: #5FB878;
border-left-color: #009688;
}
.line {
width: 62px;
......
......@@ -135,6 +135,11 @@ div.subject {
.leftContainer{
border-right: 1px solid #DEDEDE;
margin-top: 41px;
padding-bottom: 20px;
}
.leftContainer li {
border-bottom: 1px solid #EAEAEA;
margin-bottom: 25px;
}
.leftContainer li:last-child{
border-bottom: 1px solid #DEDEDE;
......@@ -144,12 +149,12 @@ div.subject {
height: 18px;
font-size: 18px;
font-weight: bold;
color: #4A4A4A;
color: #686666;
line-height: 18px;
cursor: pointer;
}
.left-top:hover {
color: #4A4A4A;
color: #686666;
}
.left-body {
......@@ -159,7 +164,7 @@ div.subject {
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #6D7278;
line-height: 21px;
line-height: 25px;
}
.left-buttom {
......@@ -207,7 +212,7 @@ div.subject {
}
.right-top h2 {
font-weight: 600;
cursor: pointer;
color: #686666;
}
.right-body {
......@@ -253,13 +258,14 @@ div.subject {
font-size: 18px;
margin-top: 20px;
font-weight: bold;
color: #4A4A4A;
color: #686666;
line-height: 18px;
}
.zcfg {
margin-top: 20px;
display: inline-block;
cursor: pointer;
}
.zcfg div {
......@@ -271,7 +277,7 @@ div.subject {
height: 14px;
font-size: 14px;
font-weight: bold;
color: #4A4A4A;
color: #686666;
line-height: 14px;
}
......@@ -281,7 +287,8 @@ div.subject {
display: inline-block;
font-weight: 400;
color: #6D7278;
line-height: 21px;
line-height: 23px;
margin: 10px 0;
}
.zcfg-bottom {
......
* {
padding: 0;
margin: 0;
.middle_active {
position: fixed;
top: 0;
z-index: 99;
}
.main {
overflow: hidden
}
.body {
color: #4A4A4A;
line-height: 25px;
}
.mainbody {
width: 1200px;
margin: 0 auto;
padding-top: 41px;
}
.navigation_crumbs {
width: 100%;
......@@ -340,6 +344,7 @@ div.navigation {
.commentInput {
height: 80px;
padding-left: 15px;
}
.comment-bottom div {
......@@ -385,17 +390,18 @@ div.navigation {
.commentInputImg {
height: 100px;
margin-right: 15px;
}
.commentInputImg, commentInputInput {
.commentInputImg{
float: left;
}
.commentInputInput {
padding-right: 15px;
}
.commentInput textarea {
height: 130px;
background: #FFFFFF;
border: 1px solid #DEDEDE;
margin-left: 20px;
}
.layui-textarea {
......@@ -413,6 +419,7 @@ div.navigation {
.Commentdetails {
margin-bottom: 20px;
padding-left: 15px;
}
.CommentdetailsTitle {
......@@ -500,11 +507,11 @@ div.navigation {
}
.pl-right-bottom {
height: 12px;
font-size: 12px;
height: 14px;
font-size: 14px;
font-weight: 400;
color: #9B9B9B;
line-height: 12px;
line-height: 14px;
display: inline-block;
margin-top: 10px;
}
......@@ -515,8 +522,8 @@ div.navigation {
.plhf-main {
background-color: #F7F7F7;
margin-top: 20px;
width: 690px;
margin-top: 30px;
width: 710px;
margin-left: 15px;
}
......@@ -526,6 +533,9 @@ div.navigation {
width: 650px;
margin-left: 15px;
}
.plhf-top {
margin-bottom: 5px;
}
.plhf-top div:first-child, .plhf-top div:last-child {
float: left;
......@@ -610,7 +620,7 @@ div.navigation {
}
.right-top h2 {
font-size: 27px;
font-size: 20px;
}
......@@ -627,10 +637,12 @@ div.navigation {
width: 200px;
height: 125px;
margin-top: 20px;
margin-bottom: 5px;
}
.tj img, .tj span {
float: left;
color: #4A4A4A;
}
.tj-title {
......@@ -643,11 +655,11 @@ div.navigation {
.tj-date {
width: 90px;
height: 12px;
font-size: 12px;
height: 14px;
font-size: 14px;
font-weight: 400;
color: #9B9B9B;
line-height: 12px;
line-height: 16px;
}
.right-bottom {
......
.content_box {
width: 1200px;
margin: 0 auto;
min-height:calc(100vh - 227px);
padding: 20px 0;
}
.title {
height: 16px;
padding: 10px 0;
margin: 15px 0;
padding-left: 10px;
}
.title h2 {
font-weight: 600;
height: 16px;
line-height: 16px;
padding-left: 5px;
border-left: 3px solid #ffffff;
float: left;
}
.title i {
font-size: 24px;
position: relative;
top: -5px;
color: #ffffff;
left: 198px;
}
.layui-icon {
cursor: pointer;
}
.tabs_title i{
font-size: 24px;
position: relative;
top: -10px;
color: #0091FF;
}
.layui-tab {
width: 23%;
display: inline-block;
}
.layui-tab-bar {
display: none;
}
.img_update {
border: 1px solid #eeeeee;
overflow: hidden;
}
.fileBox{ margin:10px;width: 330px;float: left; }
#fileSpan{display:inline-block;width:300px;height:150px;border:2px dashed #ccc;text-align:center;line-height:150px;position: relative;}
#fileInput {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
}
.fileList_parent{margin:20px;display:none;}
.fileList_parent {
float: left;
}
.operation {
color: #0091FF;
cursor: pointer;
}
.fileList tr {
line-height: 28px;
}
.next_button {
text-align: center;
margin: 15px 0;
}
.next_button a {
color: #ffffff;
}
\ No newline at end of file
.content_box {
width: 1200px;
margin: 0 auto;
}
.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;
}
.next_button {
text-align: center;
margin: 10px 0;
}
.next_button a {
color: #ffffff;
}
.form_title h2 {
font-weight: 600;
border-left: 3px solid #0091FF;
height: 16px;
line-height: 16px;
padding-left: 5px;
margin: 15px 0;
}
.layui-form-item .layui-inline {
width: 48%;
}
.layui-layer-dialog .layui-layer-content {
line-height: 24px;
}
\ No newline at end of file
......@@ -118,7 +118,7 @@ div.subject {
.xw {
display: block;
padding-top: 10px;
height: 150px;
height: 112px;
cursor: pointer;
}
......@@ -142,6 +142,11 @@ div.subject {
.leftContainer{
border-right: 1px solid #DEDEDE;
margin-top: 28px;
padding-bottom: 20px;
}
.leftContainer li{
border-bottom: 1px solid #EAEAEA;
margin-bottom: 25px;
}
.leftContainer li:last-child{
border-bottom: 1px solid #DEDEDE;
......@@ -151,16 +156,15 @@ div.subject {
height: 18px;
font-size: 18px;
font-weight: bold;
color: #4A4A4A;
color: #686666;
line-height: 18px;
cursor: pointer;
}
.left-top:hover {
color: #4A4A4A;
color: #686666;
}
.left-body {
height: 60px;
font-size: 14px;
font-weight: 400;
color: #6D7278;
......@@ -206,7 +210,7 @@ div.subject {
height: 18px;
font-size: 18px;
font-weight: 500;
color: #4A4A4A;
color: #686666;
line-height: 0;
}
.right-top h2 {
......@@ -275,8 +279,9 @@ div.subject {
height: 14px;
font-size: 14px;
font-weight: bold;
color: #4A4A4A;
color: #686666;
line-height: 14px;
margin-bottom: 5px;
}
.zcfg-body {
......
$(function () {
let Mydate = new Date()
let year = Mydate.getFullYear();
let minutes = Mydate.getMinutes()
let hour = Mydate.getHours();
let date = Mydate.getDate()
let month = Mydate.getMonth();
$('.date div:first-child').text(year)
$('.date div:nth-child(2)').text(month + 1 + "/" + date)
$('.date div:last-child').text(hour + ":" + minutes)
})
$(window).scroll(function () {
let juli = $(document).scrollTop();
if (juli > 360) {
$('.left-left').addClass('middle_active');
} else {
$('.left-left').removeClass('middle_active');
}
})
layui.use('element', function () {
var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
//console.log(elem)
layer.msg(elem.text());
});
});
\ No newline at end of file
$(function () {
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
layer.msg(elem.text());
});
});
addTabs('#wssq')
// 业务
layui.use(['form'], function () {
var form = layui.form
//监听提交
form.on('submit(demo1)', function (data) {
layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
})
return false;
});
});
})
......@@ -14,30 +14,6 @@
"classify": "作家",
"score": 57,
"state": 1
},
{
"username": "user-1",
"sex": "男",
"city": "城市-1",
"sign": "签名-1",
"experience": 884,
"logins": 58,
"wealth": 64928690,
"classify": "词人",
"score": 27,
"state": 1
},
{
"username": "user-2",
"sex": "女",
"city": "城市-2",
"sign": "签名-2",
"experience": 650,
"logins": 77,
"wealth": 6298078,
"classify": "酱油",
"score": 31,
"state": 0
}
]
}
\ No newline at end of file
......
......@@ -17,7 +17,7 @@
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="../wssq/index.html">网上申请</a>
<a href="./wssq.html">网上申请</a>
<a><cite>在线申请</cite></a>
</span>
</div>
......@@ -219,7 +219,9 @@
</li>
</ul>
<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="./yysq.html">下一步</a>
</button>
</div>
</div>
</div>
......
......@@ -22,10 +22,10 @@
<div class="left">
<ul class="leftContainer">
<li>
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./xwxq.html" target="_blank">
前三季度主要指标由负转正 中国经济持续稳定恢复
</a>
<a class="xw" href="./../xwxq/index.html" target="_blank">
<a class="xw" href="./xwxq.html" target="_blank">
<div class="xw-left">
<img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
......@@ -56,10 +56,10 @@
</a>
</li>
<li>
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./xwxq.html" target="_blank">
前三季度主要指标由负转正 中国经济持续稳定恢复
</a>
<a class="xw" href="./../xwxq/index.html" target="_blank">
<a class="xw" href="./xwxq.html" target="_blank">
<div class="xw-left">
<img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
......@@ -90,10 +90,10 @@
</a>
</li>
<li>
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./xwxq.html" target="_blank">
前三季度主要指标由负转正 中国经济持续稳定恢复
</a>
<a class="xw" href="./../xwxq/index.html" target="_blank">
<a class="xw" href="./xwxq.html" target="_blank">
<div class="xw-left">
<img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
......@@ -124,10 +124,10 @@
</a>
</li>
<li>
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./../xwxq/index.html" target="_blank">
<a class="left-top" title="前三季度主要指标由负转正 中国经济持续稳定恢复" href="./xwxq.html" target="_blank">
前三季度主要指标由负转正 中国经济持续稳定恢复
</a>
<a class="xw" href="./xwxq/index.html" target="_blank">
<a class="xw" href="./xwxq.html" target="_blank">
<div class="xw-left">
<img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
......
<!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/yysq.css">
<link rel="stylesheet" type="text/css" href="../staticCss/progress.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="active">
<span>2</span>
申请
</li>
<div class="line"></div>
<li>
<span>3</span>
完税
</li>
<div class="line"></div>
<li>
<span>4</span>
认证
</li>
<div class="line"></div>
<li>
<span>5</span>
领证方式
</li>
<div class="line"></div>
<li>
<span>6</span>
缴费
</li>
<div class="line"></div>
<li>
<span>7</span>
公示
</li>
</ul>
<div class="title layui-bg-green">
<h2>买方信息/共有情况</h2>
</div>
<div class="tabs_title">
<div class="layui-tab layui-tab-brief" lay-filter="status">
<ul class="layui-tab-title">
<li class="layui-this" lay-id="1">单独所有</li>
<li lay-id="2">共同共有</li>
<li lay-id="3">按份共有</li>
</ul>
<div class="layui-tab-content"></div>
</div>
<i class="layui-icon layui-icon-add-circle tableAdd"></i>
</div>
<table id="buyInfo" lay-filter="buyInfo"></table>
<div class="title layui-bg-green">
<h2>卖方信息</h2>
<i class="layui-icon layui-icon-add-circle tableAdd1"></i>
</div>
<table id="sellInfo" lay-filter="sellInfo"></table>
<div class="title layui-bg-green">
<h2>申报材料</h2>
</div>
<div class="img_update">
<div class="fileBox">
<div id="fileSpan" class="vm">
<input type="file" multiple id="fileInput" />
<p class="file_name">
点击或拖拽文件上传
</p>
</div>
</div>
<table width="36%" border="1" class="fileList_parent">
<tbody class="fileList">
</table>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="./yyws.html">
下一步
</a>
</button>
</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/yysq.js"></script>
<script type="text/html" id="barDemo">
<i class="layui-icon layui-icon-reduce-circle" lay-event="edit"></i>
</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/progress.css">
<link rel="stylesheet" type="text/css" href="../staticCss/yyws.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="active">
<span>3</span>
完税
</li>
<div class="line"></div>
<li>
<span>4</span>
认证
</li>
<div class="line"></div>
<li>
<span>5</span>
领证方式
</li>
<div class="line"></div>
<li>
<span>6</span>
缴费
</li>
<div class="line"></div>
<li>
<span>7</span>
公示
</li>
</ul>
<div class="input_search">
<div class="form_title">
<h2>信息校验</h2>
</div>
<form class="layui-form" action="">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">完税证明号</label>
<div class="layui-input-block">
<input type="text" name="title" required lay-verify="required" placeholder="请输完税证明号"
class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">发票代码</label>
<div class="layui-input-block">
<input type="text" name="idcard" required lay-verify="required" placeholder="请输发票代码"
class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">发票号码</label>
<div class="layui-input-block">
<input type="tel" name="code" required lay-verify="required" maxlength="18" placeholder="请输发票号码"
class="layui-input">
</div>
</div>
<div class="layui-inline" style="padding-left: 30px;box-sizing: border-box;">
<button type="reset" class="layui-btn layui-btn-primary">重 置</button>
<button type="submit" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="demo1">
查 询
</button>
</div>
</div>
</form>
<div class="query_results">
</div>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">下一步</button>
</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/yyws.js"></script>
</html>
\ No newline at end of file