-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathpopup.html
77 lines (72 loc) · 2.78 KB
/
popup.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.min.css">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
</head>
<body>
<main class="container">
<div class="page show" id="mainPage">
<svg id="openExtension" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>export-variant</title><path d="M12,1L8,5H11V14H13V5H16M18,23H6C4.89,23 4,22.1 4,21V9A2,2 0 0,1 6,7H9V9H6V21H18V9H15V7H18A2,2 0 0,1 20,9V21A2,2 0 0,1 18,23Z" /></svg>
<button id="addTool">添加工具</button>
<button id="openAdmin">后台管理</button>
<button id="openWebsite">前台页面</button>
<button id="openSetting">拓展设置</button>
</div>
<div class="page" id="confirmPage">
<!-- <p>确定添加工具吗？</p> -->
<div class="formBody">
<label for="name">名称
<input type="text" id="name" name="name" placeholder="请输入名称" required>
</label>
<label for="catelog">分类
<select id="catelog" name="catelog" placeholder="请选择分类" required>
</select>
</label>
<label for="url">网址
<input type="text" id="url" name="url" placeholder="请输入网址" required>
</label>
<label for="logo">图标
<input type="text" id="logo" name="logo" placeholder="请输入图标">
</label>
<label for="desc">描述
<input type="text" id="desc" name="desc" placeholder="请输入描述" required>
</label>
<label for="hide1">Hide
<input type="radio" id="hide1" name="hide" value="true">隐藏
<input type="radio" id="hide2" name="hide" value="false" checked>不隐藏
</label>
</div>
<div class="flex">
<button id="confirmAdd">确定</button>
<button id="cancelAdd">返回</button>
</div>
</div>
<div class="page" id="loadingPage">
<div class="loadingWraper">
<div>
<div class="lds-dual-ring"></div>
</div>
</div>
</div>
<div class="page" id="settingPage">
<div>
<label for="baseUrl">baseUrl
<input type="text" id="baseUrl" name="baseUrl" placeholder="请输入 baseUrl" required>
</label>
<label for="token">token
<input type="text" id="token" name="token" placeholder="请输入 token" required>
</label>
</div>
<div class="flex">
<button id="confirmSetting">确定</button>
<button id="cancelSetting">返回</button>
</div>
<button id="fetchCatelog">重新获取分类</button>
</div>
</main>
<script src="action.js"></script>
</body>
</html>