Skip to content

任超 / js.portalStaticPage

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

style:个人中心

1 parent 2fa0aa4f
Inline Side-by-side
Showing 3 changed files with 172 additions and 169 deletions
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
//console.log(elem)
layer.msg(elem.text());
});
});
\ No newline at end of file
......@@ -2,6 +2,9 @@
.main {
overflow-x: hidden;
}
.navigation_crumbs {
height: 45px;
}
.personal_center {
}
.personal_information {
......
......@@ -4,213 +4,205 @@
<head>
<title>个人中心</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="../../staticImages/logo-realestate.png">
<link rel='icon' href='favicon.ico' type='image/x-ico'/>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<link rel="stylesheet" type="text/css" href="../../staticCss/common.css"/>
<link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css"/>
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="../../staticCss/common.css" />
<link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="./css/index.css">
</head>
<body>
<div class="main">
<div class="subject top-logo">
<div class="top_logo_content">
<h1><a href="index.html"><img src="./../../staticImages/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 class="main">
<div class="subject top-logo">
<div class="top_logo_content">
<h1><a href="index.html"><img src="./../../staticImages/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>
<a href="" title="登录">
登录
</a>
</li>
<li>
<a href="" title="注册">
注册
</a>
</li>
</ul>
</div>
<ul class="login">
<li>登录</li>
<li>注册</li>
</div>
<div class="navigation">
<ul class="layui-nav layui-bg-blue" lay-filter="">
<li class="layui-nav-item"><a href="./../../staticIndex.html">首页</a></li>
<li class="layui-nav-item"><a href="./../../staticViews/xwdt/index.html">新闻动态</a></li>
<li class="layui-nav-item"><a href="">业务办理</a></li>
<li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li>
<li class="layui-nav-item">
<a href="javascript:;">查验中心</a>
<dl class="layui-nav-child">
<!-- 二级菜单 -->
<dd><a href="">移动模块</a></dd>
<dd><a href="">后台模版</a></dd>
<dd><a href="">电商平台</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="">在线缴费</a></li>
<li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
</ul>
</div>
</div>
<div class="navigation">
<ul class="layui-nav layui-bg-blue" lay-filter="">
<li class="layui-nav-item"><a href="./../../staticIndex.html">首页</a></li>
<li class="layui-nav-item"><a href="./../../staticViews/xwdt/index.html">新闻动态</a></li>
<li class="layui-nav-item"><a href="">业务办理</a></li>
<li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li>
<li class="layui-nav-item">
<a href="javascript:;">查验中心</a>
<dl class="layui-nav-child">
<!-- 二级菜单 -->
<dd><a href="">移动模块</a></dd>
<dd><a href="">后台模版</a></dd>
<dd><a href="">电商平台</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="">在线缴费</a></li>
<li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
</ul>
</div>
<div class="navigation_crumbs">
<div class="contentBox">
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../staticIndex.html">首页</a>
<a><cite>个人中心</cite></a>
<a href="../../staticIndex.html" title="首页">首页</a>
<a title="个人中心"><cite>个人中心</cite></a>
</span>
</div>
</div>
</div>
<!-- -----------------------------------个人中心模块---------------------------------------------- -->
<div class="personal_center contentBox">
<div class="personal_information layui-bg-gray">
<img src="../../staticImages/logo-realestate.png" alt="个人中心">
<ul>
<li>
<span>姓名：</span>
<p>任超</p>
</li>
<li>
<span>登录时间：</span>
<p>2020-120-2</p>
</li>
<li>
<span>联系方式：</span>
<p>1852555224</p>
</li>
<!-- -----------------------------------个人中心模块---------------------------------------------- -->
<div class="personal_center contentBox">
<div class="personal_information layui-bg-gray">
<img src="../../staticImages/logo-realestate.png" alt="个人中心">
<ul>
<li>
<span>姓名：</span>
<p>任超</p>
</li>
<li>
<span>登录时间：</span>
<p>2020-120-2</p>
</li>
<li>
<span>联系方式：</span>
<p>1852555224</p>
</li>
<li>
第25次次登录此平台
</li>
<li>
<span>身份证号码：</span>
<p>61012419930545464</p>
</li>
</ul>
</div>
</div>
<!-- ---------------------------业务模块------------------------------- -->
<div class="contentBox">
<ul class="business_module">
<li>
第25次次登录此平台
<a href="" title="我的业务">
我的业务
</a>
</li>
<li>
<span>身份证号码：</span>
<p>61012419930545464</p>
</li>
</ul>
</div>
</div>
<!-- ---------------------------业务模块------------------------------- -->
<div class="contentBox">
<ul class="business_module">
<li>
<a href="">
我的业务
</a>
</li>
<li>
<a href="../wdyy/index.html">
我的预约
</a>
</li>
<li>
<a href="">
我的不动产
</a>
</li>
<li>
<a href="">
业务查询
</a>
</li>
<li>
<a href="">
我的支付
</a>
</li>
<li>
<a href="">
档案查询
</a>
</li>
</ul>
</div>
<div class="footer">
<div class="system_service">
<ul class="">
<li>
<a href="">
<span>公示公告</span>
<a href="../wdyy/index.html" title="我的预约">
我的预约
</a>
</li>
<li>
<a href="">
<span>法律法规</span>
<a href="" title="我的不动产">
我的不动产
</a>
</li>
<li>
<a href="">
<span>相应政策</span>
<a href="" title="业务查询">
业务查询
</a>
</li>
<li>
<a href="">
<span>下载服务</span>
<a href="" title="我的支付">
我的支付
</a>
</li>
<li>
<a href="">
<span>关于我们</span>
<a href="" title="档案查询">
档案查询
</a>
</li>
</ul>
</div>
<div class="subject">
<div class="footer_logo">
<a href="">
<img src="./../../staticImages/jiguan.png">
</a>
<div class="footer">
<div class="system_service">
<ul class="">
<li>
<a href="" title="公示公告">
<span>公示公告</span>
</a>
</li>
<li>
<a href="" title="法律法规">
<span>法律法规</span>
</a>
</li>
<li>
<a href="" title="相应政策">
<span>相应政策</span>
</a>
</li>
<li>
<a href="" title="下载服务">
<span>下载服务</span>
</a>
</li>
<li>
<a href="" title="关于我们">
<span>关于我们</span>
</a>
</li>
</ul>
</div>
<div class="subject">
<div class="footer_logo">
<a href="" title="党政机关">
<img src="./../../staticImages/jiguan.png" alt="党政机关" />
</a>
</div>
<ul>
<li>
西安市自然资源和规划局
</li>
<li>
电话：028-456465
</li>
<li>
地址：西安市丰城8路
</li>
<li>
网站标识吗：87987987
</li>
<li>
备案：陕IPC456465465
</li>
<li>
陕公网备案：456465465
</li>
</ul>
<ol>
<li>
<img src="./../../staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
<li>
<img src="./../../staticImages/code.png" alt="公众号" />
<p>扫描关注公众号</p>
</li>
</ol>
</div>
<ul>
<li>
西安市自然资源和规划局
</li>
<li>
电话：028-456465
</li>
<li>
地址：西安市丰城8路
</li>
<li>
网站标识吗：87987987
</li>
<li>
备案：陕IPC456465465
</li>
<li>
陕公网备案：456465465
</li>
</ul>
<ol>
<li>
<img src="./../../staticImages/code.png">
<p>扫描关注公众号</p>
</li>
<li>
<img src="./../../staticImages/code.png">
<p>扫描关注公众号</p>
</li>
</ol>
</div>
</div>
</div>
</body>
</html>
<!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
<!--<![endif]-->
<script type="text/javascript" src="../../staticLib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="../../staticLib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="../../staticLib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="../../staticLib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="../../staticJs/main.min.js?t=1"></script>
<script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
<script type="text/javascript">
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
//console.log(elem)
layer.msg(elem.text());
});
});
</script>
\ No newline at end of file
<script type="text/javascript" src="../../staticJs/grzx.js"></script>
\ No newline at end of file
......