Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
71daf211 by weimo934
Options

style():调整样式

1 parent d22f08cb
Inline Side-by-side
Showing 5 changed files with 47 additions and 63 deletions
......@@ -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
......