Skip to content

任超 / js.portalStaticPage

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

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

2 parents 972be9d7 5fe135c4
Inline Side-by-side
Showing 8 changed files with 138 additions and 64 deletions
......@@ -3,6 +3,7 @@
<head>
<title>网上“一窗办事”登记系统</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
......@@ -458,7 +459,7 @@
});
});
layui.use('util', function () {
var util = layui.util;
let util = layui.util;
//执行
util.fixbar({
bar1: true,
......
......@@ -77,7 +77,87 @@ div.top-logo .top_logo_search i {
float: left;
}
/*------------------首页 end------------*/
/* --------------------导航tab------------------------- */
.navigation_crumbs {
width: 100%;
height: 45px;
padding: 10px 0;
line-height: 25px;
background: #FAFAFA;
border: 1px solid #E6E6E6;
}
.navigation_crumbs .layui-breadcrumb a:hover {
color: #f46143!important;
}
.contentBox {
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.one_content {
border: 1px solid #DEDEDE;;
margin-top: 30px;
}
.one_content .layui-tab {
margin: 0;
}
.one_content .layui-tab-title li {
width: 100px;
font-weight: 600;
color: #6D7278;
}
.one_content .layui-tab-title .layui-this {
color: #4A4A4A;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
border-color: #006CFF;
}
.layui-tab .layui-tab-brief .layui-this {
color: #006CFF;
}
.layui-tab .layui-tab-brief li {
width: 90px;
}
.online_business {
margin-top: 20px;
}
.online_business h2 {
width: 100%;
height: 43px;
line-height: 43px;
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #DEDEDE;
padding-left: 15px;
box-sizing: border-box;
}
.online_list {
padding-bottom: 20px;
overflow: hidden;
}
.online_list li{
width: 45%!important;
float: left;
height: 60px;
line-height: 60px;
border-bottom: 1px dotted #DEDEDE;
}
.online_list li:nth-child(even) {
margin-left: 10%;
}
.online_list li a{
display: block;
width: 100%;
}
.online_list li a:hover span{
color: #f46143;
}
.online_list li a button {
float: right;
margin-top: 15px;
}
/* ---------------------------------------------------- */
.top-logo ul li {
display: inline-block;
padding: 0 8px;
......
......@@ -53,6 +53,15 @@
<li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
</ul>
</div>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="">办事指南</a>
<a><cite>业务指南</cite></a>
</span>
</div>
</div>
<div class="mainbody">
<div class="title">
<span>党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量</span>
......
......@@ -18,17 +18,14 @@
</head>
<body>
<div class="main">
<div class="subject top-logo">
<div class="top_logo_content">
<h1><a href="index.html"><img src="./../../images/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>
......@@ -227,7 +224,6 @@
<img src="./../../images/code.png">
<p>扫描关注公众号</p>
</li>
</ol>
</div>
</div>
......@@ -248,16 +244,16 @@
$('.gg').click(function () {
window.location.href = "./../ggxq/index.html"
})
})
layui.use('laypage', function () {
let laypage = layui.laypage;
//执行一个laypage实例
laypage.render({
elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
, count: 50 //数据总数，从服务端得到
, prev: '<'
, next: '>'
, theme: '#0091FF'
layui.use('laypage', function () {
let laypage = layui.laypage;
//执行一个laypage实例
laypage.render({
elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
, count: 50 //数据总数，从服务端得到
, prev: '<'
, next: '>'
, theme: '#0091FF'
});
});
});
})
</script>
\ No newline at end of file
......
......@@ -260,21 +260,19 @@
<script type="text/javascript" src="../../lib/layui/layui.js"></script>
<script type="text/javascript">
layui.use('laypage', function () {
var laypage = layui.laypage;
//执行一个laypage实例
laypage.render({
elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
, count: 50 //数据总数，从服务端得到
, prev: '<'
, next: '>'
, theme: '#0091FF'
$(function () {
$('.xw').click(function () {
window.location.href = "./../xwxq/index.html";
})
let laypage = layui.laypage;
//执行一个laypage实例
laypage.render({
elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
, count: 50 //数据总数，从服务端得到
, prev: '<'
, next: '>'
, theme: '#0091FF'
});
});
});
</script>
<script type="text/javascript">
$(function () {
$('.xw').click(function () {
window.location.href = "./../xwxq/index.html";
})
})
</script>
\ No newline at end of file
......
......@@ -330,6 +330,7 @@ div.navigation {
margin-top: 20px;
padding-top: 20px;
display: inline-block;
width: 100%;
}
.pl-left, .pl-right {
......@@ -403,35 +404,34 @@ div.navigation {
.plhf-main {
background-color: #F7F7F7;
margin-top: 20px;
width: 750px;
width: 690px;
margin-left: 15px;
}
.plhf {
padding: 20px;
display: inline-block;
width: 775px;
width: 650px;
margin-left: 15px;
}
.plhf-top div {
.plhf-top div:first-child, .plhf-top div:last-child {
float: left;
}
.plhf-top div:nth-child(1) {
.plhf-top span:first-child {
width: 43px;
height: 14px;
font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
font-weight: bold;
color: #4A4A4A;
line-height: 14px;
}
.plhf-top div:nth-child(2) {
.plhf-top span:last-child {
height: 14px;
width: 700px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #4A4A4A;
line-height: 14px;
......@@ -441,7 +441,6 @@ div.navigation {
float: left;
height: 14px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #9B9B9B;
line-height: 14px;
......@@ -463,10 +462,12 @@ div.navigation {
.left, .right {
float: left;
}
.left2{
.left2 {
width: 80px;
float: left;
}
.right {
width: 200px;
margin-left: 15px;
......
......@@ -150,12 +150,8 @@
<div class="plhf">
<div class="plhf-body">
<div class="plhf-top">
<div>
<span>博文:</span>
</div>
<div>
<span>他们又不是中国人，几代人生活在美国，早就是美国人了，，管我们屁事啊</span>
</div>
</div>
<div class="plhf-bottom">
<div>
......@@ -170,12 +166,8 @@
<div class="plhf">
<div class="plhf-body">
<div class="plhf-top">
<div>
<span>博文:</span>
</div>
<div>
<span>他们又不是中国人，几代人生活在美国，早就是美国人了，，管我们屁事啊</span>
</div>
</div>
<div class="plhf-bottom">
<div>
......@@ -371,8 +363,18 @@
<script type="text/javascript" src="../../js/main.min.js?t=1"></script>
<script type="text/javascript" src="../../lib/layui/layui.js"></script>
<script type="text/javascript">
$(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 > 550) {
$('.left-left').addClass('middle_active');
......@@ -381,16 +383,3 @@
}
})
</script>
<script type="text/javascript">
$(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)
})
</script>
\ No newline at end of file
......
......@@ -307,7 +307,7 @@
<script type="text/javascript" src="../../lib/layui/layui.js"></script>
<script>
layui.use('element', function () {
var $ = layui.jquery
let $ = layui.jquery
, element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
});
</script>
\ No newline at end of file
......