优化后台文章页的标签表现

templates/admin/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>后台管理 - GoBlog</title>
     <link rel="icon" href="/static/images/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="/static/css/admin.css?v=3">
+    <link rel="stylesheet" href="/static/css/admin.css?v=4">
 </head>
 <body>
     <div class="admin-header">
@@ -58,7 +58,7 @@
     {{template "admin_modal_password" .}}
 
     <script>window.__currentUser = {{.CurrentUser }}</script>
-    <script src="/static/js/admin.js?v=21"></script>
+    <script src="/static/js/admin.js?v=22"></script>
 </body>
 </html>
 {{end}}
@@ -193,8 +193,15 @@
                         </div>
                     </div>
                     <div class="form-group">
-                        <label>标签（用逗号分隔）</label>
-                        <input type="text" id="post-tags" placeholder="标签1, 标签2, 标签3">
+                        <label>标签</label>
+                        <div class="tag-select" id="post-tag-select">
+                            <div class="tag-select-box" id="post-tag-box">
+                                <span class="tag-chips" id="post-tags-selected"></span>
+                                <input type="text" id="post-tags-input" class="tag-input" placeholder="输入标签名，回车添加" autocomplete="off">
+                            </div>
+                            <div class="tag-suggest hidden" id="post-tags-suggest"></div>
+                        </div>
+                        <small class="tag-hint">点击标签右上角 × 可移除；输入的内容若不存在，将作为新标签在保存时创建</small>
                     </div>
                     <div class="form-group">
                         <label>封面图</label>

templates/admin/login.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>登录 - GoBlog 后台管理</title>
     <link rel="icon" href="/static/images/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="/static/css/admin.css?v=3">
+    <link rel="stylesheet" href="/static/css/admin.css?v=4">
 </head>
 <body>
     <div id="login-page">