-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
144 lines (134 loc) · 4.74 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title>美居精选</title>
<link rel="stylesheet" href="./lib/layui/css/layui.css" />
<style>
.layui-layout-admin .layui-header {
background-color: #fff;
color: #000;
border-bottom: 2px solid rgb(240, 97, 47);
}
.layui-nav {
background-color: #fff;
}
.layui-nav .layui-nav-item a {
color: #000;
}
.layui-nav-itemed > a {
color: #000 !important;
}
.layui-nav .layui-nav-item a:hover,
.layui-nav .layui-this a {
color: #000;
}
.layui-layout-admin .layui-body {
background-color: rgb(238, 238, 238);
bottom: 0;
padding-left: 20px;
padding-top: 40px;
overflow-y: hidden;
}
.layui-nav-tree .layui-nav-item a:hover {
background-color: #f5f5f5 !important;
color: rgb(240, 97, 47) !important;
}
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this a {
background-color: #f5f5f5 !important;
color: rgb(240, 97, 47) !important;
}
.layui-nav-itemed > .layui-nav-child {
background-color: #fff !important;
}
.layui-nav .layui-nav-more {
border-color: rgb(240, 97, 47) transparent transparent;
}
.layui-nav .layui-nav-mored,
.layui-nav-itemed > a .layui-nav-more {
border-color: transparent transparent rgb(240, 97, 47);
}
.layui-nav .layui-nav-child a {
padding: 0 30px;
}
.layui-nav-tree .layui-nav-bar {
background-color: rgb(240, 97, 47);
}
</style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo">美居精选</div>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item">
<a href="javascript:;" data-url="./index/email.html" data-id="4" data-text="进入店铺">
<span>进入店铺</span>
</a>
</li>
<li class="layui-nav-item">
<a href="javascript:;" data-url="./pages/home/message.html" data-id="4" data-text="消息中心">
<span>消息中心</span>
</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="javascript:;" id="logout-btn">退出</a></dd>
</dl>
</li>
</ul>
</div>
<div class="layui-side">
<div class="layui-side-scroll">
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
<ul id="sideNav" class="layui-nav layui-nav-tree" lay-filter="leftNav"></ul>
</div>
</div>
<div class="layui-body">
<!-- 面包屑 -->
<p style="position: absolute; top: 0; left: 0;margin: 10px; margin-left: 20px;">
<span id="layui-breadcrumb" class="layui-breadcrumb" lay-filter="layui-breadcrumb" lay-separator=">">
<!-- <a href="">装修商家后台</a> <a href="">首页</a> -->
</span>
</p>
<!-- 内容主体区域 -->
<iframe src="./pages/home/index.html" width="100%" height="100%" style="border: 0;" name="iframe" class="iframe"
id="iframe" framborder="0">
</iframe>
</div>
</div>
<script id="sideNavTemplate" type="text/html">
<!-- 左侧菜单模板 -->
{{# d.forEach(function(item, index){ }}
<li class="layui-nav-item
{{# if (item.this) { }} {{ 'layui-this' }} {{# } }}
{{# if (item.itemed) { }} {{ 'layui-nav-itemed' }} {{# } }}
">
<a href="javascript:;" data-id={{ index }} data-url="{{ item.href }}" data-text="{{ item.title }}">
<!-- <i class="iconfont">{{= item.icon }}</i> -->
<cite>{{ item.title }}</cite>
</a>
{{# if (item.children && item.children.length) { }}
<dl class="layui-nav-child">
{{# item.children.forEach(function(item2, index2){ }}
<dd class="{{# if (item2.this) { }} {{ 'layui-this' }} {{# } }}">
<a href="javascript:;" data-id={{ index2 }} data-url="{{ item2.href }}" data-text="{{ item2.title }}">
<!-- <span class="l-line"></span> -->
<cite>{{ item2.title }}</cite>
</a>
</dd>
{{# }); }}
</dl>
{{# }; }}
</li>
{{# }); }}
</script>
<script src="./lib/layui/layui.js"></script>
<script src="./scripts/main.js"></script>
</body>
</html>