r41/category.html · 约 2457 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6<title>分类管理</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="wrap">
11<div class="header">
12 <div class="top"><span class="role">后台管理</span><span style="margin-left:auto;font-size:12px;opacity:.85">驰旭教育</span></div>
13 <h1>分类管理</h1>
14 <div class="sub">课程分类 · 6 个一级 / 23 个二级</div>
15</div>
16<div class="kpi" style="margin-top:12px">
17 <div class="box"><div class="num">6</div><div class="lab">一级分类</div></div>
18 <div class="box"><div class="num" style="color:var(--secondary)">23</div><div class="lab">二级分类</div></div>
19</div>
20<div class="section-title"><span>分类目录</span><span class="more">拖拽排序</span></div>
21<div class="tree">
22 <div class="p"><span>💻</span>编程开发<span class="n" style="margin-left:auto">328 门</span></div>
23 <div class="c"><span>·</span>前端开发<span class="n">96 门</span></div>
24 <div class="c"><span>·</span>后端开发<span class="n">142 门</span></div>
25 <div class="c"><span>·</span>数据分析<span class="n">90 门</span></div>
26</div>
27<div class="tree" style="margin-top:12px">
28 <div class="p"><span>🎨</span>设计创意<span class="n" style="margin-left:auto">186 门</span></div>
29 <div class="c"><span>·</span>UI/UX 设计<span class="n">88 门</span></div>
30 <div class="c"><span>·</span>平面设计<span class="n">98 门</span></div>
31</div>
32<div class="tree" style="margin-top:12px">
33 <div class="p"><span>📈</span>职场技能<span class="n" style="margin-left:auto">204 门</span></div>
34 <div class="c"><span>·</span>理财投资<span class="n">72 门</span></div>
35 <div class="c"><span>·</span>办公效率<span class="n">132 门</span></div>
36</div>
37<div class="seg" style="margin-top:14px"><div class="sg" style="flex:1"><button class="btn line" style="width:100%">+ 新增一级</button></div><div class="sg" style="flex:1"><button class="btn" style="width:100%">+ 新增二级</button></div></div>
38<div class="bottom-nav"><a class="nav-item active" href="category.html"><span class="icon">🏷️</span>分类管理</a><a class="nav-item" href="orders.html"><span class="icon">🧾</span>订单管理</a></div><div class="safe-bottom"></div>
39</div>
40
41</body>
42</html>