-
Notifications
You must be signed in to change notification settings - Fork 1
/
product_list.html
179 lines (172 loc) · 7.49 KB
/
product_list.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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>后台管理系统</title>
<meta name="author" content="LeonYang" />
<link rel="stylesheet" type="text/css" href="css/style.css">
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<![endif]-->
<script src="js/jquery.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script>
(function($) {
$(window).load(function() {
$("a[rel='load-content']").click(function(e) {
e.preventDefault();
var url = $(this).attr("href");
$.get(url, function(data) {
$(".content .mCSB_container").append(data); //load new content inside .mCSB_container
//scroll-to appended content
$(".content").mCustomScrollbar("scrollTo", "h2:last");
});
});
$(".content").delegate("a[href='top']", "click", function(e) {
e.preventDefault();
$(".content").mCustomScrollbar("scrollTo", $(this).attr("href"));
});
});
})(jQuery);
</script>
</head>
<body>
<!--header-->
<header>
<h1><img src="images/admin_logo.png" /></h1>
<ul class="rt_nav">
<li><a href="http://www.mycodes.net" target="_blank" class="website_icon">站点首页</a></li>
<li><a href="#" class="clear_icon">清除缓存</a></li>
<li><a href="#" class="admin_icon">LeonYang</a></li>
<li><a href="#" class="set_icon">账号设置</a></li>
<li><a href="login.html" class="quit_icon">安全退出</a></li>
</ul>
</header>
<!--aside nav-->
<!--aside nav-->
<aside class="lt_aside_nav content mCustomScrollbar">
<h2><a href="main.html">起始页</a></h2>
<ul>
<li>
<dl>
<dt>常用布局示例</dt>
<!--当前链接则添加class:active-->
<dd><a href="product_list.html" class="active">商品列表示例</a></dd>
<dd><a href="product_detail.html">商品详情示例</a></dd>
<dd><a href="recycle_bin.html">商品回收站示例</a></dd>
</dl>
</li>
<li>
<dl>
<dt>订单信息</dt>
<dd><a href="order_list.html">订单列表示例</a></dd>
<dd><a href="order_detail.html">订单详情示例</a></dd>
</dl>
</li>
<li>
<dl>
<dt>会员管理</dt>
<dd><a href="user_list.html">会员列表示例</a></dd>
<dd><a href="user_detail.html">添加会员（详情）示例</a></dd>
<dd><a href="user_rank.html">会员等级示例</a></dd>
<dd><a href="adjust_funding.html">会员资金管理示例</a></dd>
</dl>
</li>
<li>
<dl>
<dt>基础设置</dt>
<dd><a href="setting.html">站点基础设置示例</a></dd>
</dl>
</li>
<li>
<dl>
<dt>配送与支付设置</dt>
<dd><a href="express_list.html">配送方式</a></dd>
<dd><a href="pay_list.html">支付方式</a></dd>
</dl>
</li>
<li>
<dl>
<dt>在线统计</dt>
<dd><a href="discharge_statistic.html">流量统计</a></dd>
<dd><a href="sales_volume.html">销售额统计</a></dd>
</dl>
</li>
<li>
<p class="btm_infor">© LeonYang.cn 版权所有</p>
</li>
</ul>
</aside>
<section class="rt_wrap content mCustomScrollbar">
<div class="rt_content">
<div class="page_title">
<h2 class="fl">商品列表示例</h2>
<a href="product_detail.html" class="fr top_rt_btn add_icon">添加商品</a>
</div>
<section class="mtb">
<select class="select">
<option>下拉菜单</option>
<option>菜单1</option>
</select>
<input type="text" class="textbox textbox_225" placeholder="输入产品关键词或产品货号..." />
<input type="button" value="查询" class="group_btn" />
</section>
<table class="table">
<tr>
<th>缩略图</th>
<th>产品名称</th>
<th>货号</th>
<th>单价</th>
<th>单位</th>
<th>精品</th>
<th>新品</th>
<th>热销</th>
<th>库存</th>
<th>操作</th>
</tr>
<tr>
<td class="center"><img src="upload/goods01.jpg" width="50" height="50" /></td>
<td>这里是产品名称</td>
<td class="center">A15902</td>
<td class="center"><strong class="rmb_icon">59.00</strong></td>
<td class="center">包</td>
<td class="center"><a title="是" class="link_icon">Y</a></td>
<td class="center"><a title="否" class="link_icon">X</a></td>
<td class="center"><a title="是" class="link_icon">Y</td>
<td class="center">5559</td>
<td class="center">
<a href="http://www.mycodes.net" title="预览" class="link_icon" target="_blank">v</a>
<a href="product_detail.html" title="编辑" class="link_icon">e</a>
<a href="#" title="删除" class="link_icon">d</a>
</td>
</tr>
<tr>
<td class="center"><img src="upload/goods02.jpg" width="50" height="50" /></td>
<td>这里是产品名称</td>
<td class="center">A15902</td>
<td class="center"><strong class="rmb_icon">59.00</strong></td>
<td class="center">包</td>
<td class="center"><a title="是" class="link_icon">Y</a></td>
<td class="center"><a title="否" class="link_icon">X</a></td>
<td class="center"><a title="是" class="link_icon">Y</a></td>
<td class="center">5559</td>
<td class="center">
<a href="http://www.mycodes.net" title="预览" class="link_icon" target="_blank">v</a>
<a href="product_detail.html" title="编辑" class="link_icon">e</a>
<a href="#" title="删除" class="link_icon">d</a>
</td>
</tr>
</table>
<aside class="paging">
<a>第一页</a>
<a>1</a>
<a>2</a>
<a>3</a>
<a>…</a>
<a>1004</a>
<a>最后一页</a>
</aside>
</div>
</section>
</body>
</html>