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
1 layui.use('element', function () {
2 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
3 //监听导航点击
4 element.on('nav(demo)', function (elem) {
5 //console.log(elem)
6 layer.msg(elem.text());
7 });
8 });
...\ No newline at end of file ...\ No newline at end of file
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
2 .main { 2 .main {
3 overflow-x: hidden; 3 overflow-x: hidden;
4 } 4 }
5 .navigation_crumbs {
6 height: 45px;
7 }
5 .personal_center { 8 .personal_center {
6 } 9 }
7 .personal_information { 10 .personal_information {
......
...@@ -4,213 +4,205 @@ ...@@ -4,213 +4,205 @@
4 <head> 4 <head>
5 <title>个人中心</title> 5 <title>个人中心</title>
6 <meta charset="UTF-8"> 6 <meta charset="UTF-8">
7 <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
8 <meta name="format-detection" content="telephone=no"> 8 <meta name="format-detection" content="telephone=no">
9 <meta name="renderer" content="webkit"> 9 <meta name="renderer" content="webkit">
10 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> 10 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
11 <meta http-equiv="Cache-Control" content="no-siteapp"/> 11 <meta http-equiv="Cache-Control" content="no-siteapp" />
12 <link rel="alternate icon" type="image/png" href="../../staticImages/logo-realestate.png"> 12 <link rel="alternate icon" type="image/png" href="../../staticImages/logo-realestate.png">
13 <link rel='icon' href='favicon.ico' type='image/x-ico'/> 13 <link rel='icon' href='favicon.ico' type='image/x-ico' />
14 <meta name="description" content=""/> 14 <meta name="description" content="" />
15 <meta name="keywords" content=""/> 15 <meta name="keywords" content="" />
16 <link rel="stylesheet" type="text/css" href="../../staticCss/common.css"/> 16 <link rel="stylesheet" type="text/css" href="../../staticCss/common.css" />
17 <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css"/> 17 <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
18 <link rel="stylesheet" type="text/css" href="./css/index.css"> 18 <link rel="stylesheet" type="text/css" href="./css/index.css">
19 </head> 19 </head>
20 20
21 <body> 21 <body>
22 <div class="main"> 22 <div class="main">
23 <div class="subject top-logo"> 23 <div class="subject top-logo">
24 <div class="top_logo_content"> 24 <div class="top_logo_content">
25 <h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台"/></a></h1> 25 <h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
26 <div class="top_logo_search"> 26 <div class="top_logo_search">
27 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" 27 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
28 autocomplete="off" class="layui-input"> 28 autocomplete="off" class="layui-input">
29 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i> 29 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
30 </div>
31 <ul class="login">
32 <li>
33 <a href="" title="登录">
34 登录
35 </a>
36 </li>
37 <li>
38 <a href="" title="注册">
39 注册
40 </a>
41 </li>
42 </ul>
30 </div> 43 </div>
31 <ul class="login"> 44 </div>
32 <li>登录</li> 45 <div class="navigation">
33 <li>注册</li> 46 <ul class="layui-nav layui-bg-blue" lay-filter="">
47 <li class="layui-nav-item"><a href="./../../staticIndex.html">首页</a></li>
48 <li class="layui-nav-item"><a href="./../../staticViews/xwdt/index.html">新闻动态</a></li>
49 <li class="layui-nav-item"><a href="">业务办理</a></li>
50 <li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li>
51 <li class="layui-nav-item">
52 <a href="javascript:;">查验中心</a>
53 <dl class="layui-nav-child">
54 <!-- 二级菜单 -->
55 <dd><a href="">移动模块</a></dd>
56 <dd><a href="">后台模版</a></dd>
57 <dd><a href="">电商平台</a></dd>
58 </dl>
59 </li>
60 <li class="layui-nav-item"><a href="">在线缴费</a></li>
61 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
34 </ul> 62 </ul>
35 </div> 63 </div>
36 </div> 64 <div class="navigation_crumbs">
37 <div class="navigation"> 65 <div class="contentBox">
38 <ul class="layui-nav layui-bg-blue" lay-filter="">
39 <li class="layui-nav-item"><a href="./../../staticIndex.html">首页</a></li>
40 <li class="layui-nav-item"><a href="./../../staticViews/xwdt/index.html">新闻动态</a></li>
41 <li class="layui-nav-item"><a href="">业务办理</a></li>
42 <li class="layui-nav-item"><a href="./../../staticViews/bszn/index.html">办事指南</a></li>
43 <li class="layui-nav-item">
44 <a href="javascript:;">查验中心</a>
45 <dl class="layui-nav-child">
46 <!-- 二级菜单 -->
47 <dd><a href="">移动模块</a></dd>
48 <dd><a href="">后台模版</a></dd>
49 <dd><a href="">电商平台</a></dd>
50 </dl>
51 </li>
52 <li class="layui-nav-item"><a href="">在线缴费</a></li>
53 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
54 </ul>
55 </div>
56 <div class="navigation_crumbs">
57 <div class="contentBox">
58 <span class="layui-breadcrumb"> 66 <span class="layui-breadcrumb">
59 <a href="../../staticIndex.html">首页</a> 67 <a href="../../staticIndex.html" title="首页">首页</a>
60 <a><cite>个人中心</cite></a> 68 <a title="个人中心"><cite>个人中心</cite></a>
61 </span> 69 </span>
70 </div>
62 </div> 71 </div>
63 </div> 72 <!-- -----------------------------------个人中心模块---------------------------------------------- -->
64 <!-- -----------------------------------个人中心模块---------------------------------------------- --> 73 <div class="personal_center contentBox">
65 <div class="personal_center contentBox"> 74 <div class="personal_information layui-bg-gray">
66 <div class="personal_information layui-bg-gray"> 75 <img src="../../staticImages/logo-realestate.png" alt="个人中心">
67 <img src="../../staticImages/logo-realestate.png" alt="个人中心"> 76 <ul>
68 <ul> 77 <li>
69 <li> 78 <span>姓名：</span>
70 <span>姓名：</span> 79 <p>任超</p>
71 <p>任超</p> 80 </li>
72 </li> 81 <li>
73 <li> 82 <span>登录时间：</span>
74 <span>登录时间：</span> 83 <p>2020-120-2</p>
75 <p>2020-120-2</p> 84 </li>
76 </li> 85 <li>
77 <li> 86 <span>联系方式：</span>
78 <span>联系方式：</span> 87 <p>1852555224</p>
79 <p>1852555224</p> 88 </li>
80 </li> 89 <li>
90 第25次次登录此平台
91 </li>
92 <li>
93 <span>身份证号码：</span>
94 <p>61012419930545464</p>
95 </li>
96 </ul>
97 </div>
98 </div>
99 <!-- ---------------------------业务模块------------------------------- -->
100 <div class="contentBox">
101 <ul class="business_module">
81 <li> 102 <li>
82 第25次次登录此平台 103 <a href="" title="我的业务">
104 我的业务
105 </a>
83 </li> 106 </li>
84 <li> 107 <li>
85 <span>身份证号码：</span> 108 <a href="../wdyy/index.html" title="我的预约">
86 <p>61012419930545464</p> 109 我的预约
87 </li>
88 </ul>
89 </div>
90 </div>
91 <!-- ---------------------------业务模块------------------------------- -->
92 <div class="contentBox">
93 <ul class="business_module">
94 <li>
95 <a href="">
96 我的业务
97 </a>
98 </li>
99 <li>
100 <a href="../wdyy/index.html">
101 我的预约
102 </a>
103 </li>
104 <li>
105 <a href="">
106 我的不动产
107 </a>
108 </li>
109 <li>
110 <a href="">
111 业务查询
112 </a>
113 </li>
114 <li>
115 <a href="">
116 我的支付
117 </a>
118 </li>
119 <li>
120 <a href="">
121 档案查询
122 </a>
123 </li>
124 </ul>
125 </div>
126 <div class="footer">
127 <div class="system_service">
128 <ul class="">
129 <li>
130 <a href="">
131 <span>公示公告</span>
132 </a> 110 </a>
133 </li> 111 </li>
134 <li> 112 <li>
135 <a href=""> 113 <a href="" title="我的不动产">
136 <span>法律法规</span> 114 我的不动产
137 </a> 115 </a>
138 </li> 116 </li>
139 <li> 117 <li>
140 <a href=""> 118 <a href="" title="业务查询">
141 <span>相应政策</span> 119 业务查询
142 </a> 120 </a>
143 </li> 121 </li>
144 <li> 122 <li>
145 <a href=""> 123 <a href="" title="我的支付">
146 <span>下载服务</span> 124 我的支付
147 </a> 125 </a>
148 </li> 126 </li>
149 <li> 127 <li>
150 <a href=""> 128 <a href="" title="档案查询">
151 <span>关于我们</span> 129 档案查询
152 </a> 130 </a>
153 </li> 131 </li>
154 </ul> 132 </ul>
155 </div> 133 </div>
156 <div class="subject"> 134 <div class="footer">
157 <div class="footer_logo"> 135 <div class="system_service">
158 <a href=""> 136 <ul class="">
159 <img src="./../../staticImages/jiguan.png"> 137 <li>
160 </a> 138 <a href="" title="公示公告">
139 <span>公示公告</span>
140 </a>
141 </li>
142 <li>
143 <a href="" title="法律法规">
144 <span>法律法规</span>
145 </a>
146 </li>
147 <li>
148 <a href="" title="相应政策">
149 <span>相应政策</span>
150 </a>
151 </li>
152 <li>
153 <a href="" title="下载服务">
154 <span>下载服务</span>
155 </a>
156 </li>
157 <li>
158 <a href="" title="关于我们">
159 <span>关于我们</span>
160 </a>
161 </li>
162 </ul>
163 </div>
164 <div class="subject">
165 <div class="footer_logo">
166 <a href="" title="党政机关">
167 <img src="./../../staticImages/jiguan.png" alt="党政机关" />
168 </a>
169 </div>
170 <ul>
171 <li>
172 西安市自然资源和规划局
173 </li>
174 <li>
175 电话：028-456465
176 </li>
177 <li>
178 地址：西安市丰城8路
179 </li>
180 <li>
181 网站标识吗：87987987
182 </li>
183 <li>
184 备案：陕IPC456465465
185 </li>
186 <li>
187 陕公网备案：456465465
188 </li>
189 </ul>
190 <ol>
191 <li>
192 <img src="./../../staticImages/code.png" alt="公众号" />
193 <p>扫描关注公众号</p>
194 </li>
195 <li>
196 <img src="./../../staticImages/code.png" alt="公众号" />
197 <p>扫描关注公众号</p>
198 </li>
199 </ol>
161 </div> 200 </div>
162 <ul>
163 <li>
164 西安市自然资源和规划局
165 </li>
166 <li>
167 电话：028-456465
168 </li>
169 <li>
170 地址：西安市丰城8路
171 </li>
172 <li>
173 网站标识吗：87987987
174 </li>
175 <li>
176 备案：陕IPC456465465
177 </li>
178 <li>
179 陕公网备案：456465465
180 </li>
181 </ul>
182 <ol>
183 <li>
184 <img src="./../../staticImages/code.png">
185 <p>扫描关注公众号</p>
186 </li>
187 <li>
188 <img src="./../../staticImages/code.png">
189 <p>扫描关注公众号</p>
190 </li>
191 </ol>
192 </div> 201 </div>
193 </div> 202 </div>
194 </div>
195 </body> 203 </body>
196 204
197 </html> 205 </html>
198 <!--[if (gte IE 9)|!(IE)]><!-->
199 <script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script> 206 <script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
200 <!--<![endif]-->
201 <script type="text/javascript" src="../../staticLib/handlebars/handlebars.min.js"></script>
202 <script type="text/javascript" src="../../staticLib/iscroll/iscroll-probe.js"></script>
203 <script type="text/javascript" src="../../staticLib/amazeui/amazeui.min.js"></script>
204 <script type="text/javascript" src="../../staticLib/raty/jquery.raty.js"></script>
205 <script type="text/javascript" src="../../staticJs/main.min.js?t=1"></script>
206 <script type="text/javascript" src="../../staticLib/layui/layui.js"></script> 207 <script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
207 <script type="text/javascript">
208 layui.use('element', function () {
209 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
210 //监听导航点击
211 element.on('nav(demo)', function (elem) {
212 //console.log(elem)
213 layer.msg(elem.text());
214 });
215 });
216 </script>
...\ No newline at end of file ...\ No newline at end of file
208 <script type="text/javascript" src="../../staticJs/grzx.js"></script>
...\ No newline at end of file ...\ No newline at end of file
......