优化

src/assets/js/navTools.js

@@ -96,7 +96,7 @@ let navTools = {
                 component: 'MinecraftDynmapRenderdataGen',
                 enabled: false
             },
-            'uuidConverter': {
+            'uuid-converter': {
                 title: 'UUID 转换',
                 desc: 'UUID 与 UUID Least、UUID Most 相互转换。',
                 component: 'MinecraftUUIDConverter',
@@ -125,8 +125,8 @@ let navTools = {
                 title: 'WebSocket',
                 desc: 'WebSocket 测试工具',
                 component: 'OtherWebSocket',
-                update: '2021-11-08',
+                update: '2021-11-14',
-                version: '2',
+                version: '3',
                 enabled: true
             },
         }

src/components/tools/OtherWebSocket.vue

@@ -1,6 +1,31 @@
 <template>
   <div class="tool-page">
 
+    <!-- 输入 -->
+    <div class="inputs">
+      <div class="title">输入</div>
+      <div class="content">
+        <div class="input-address">
+          <div class="title">连接地址</div>
+          <el-input v-model="address.suffix">
+            <el-select slot="prepend" v-model="address.prefix">
+              <el-option label="ws://" value="ws://"></el-option>
+              <el-option label="wss://" value="wss://"></el-option>
+            </el-select>
+          </el-input>
+        </div>
+        <div class="input-send">
+          <div class="title">发送内容</div>
+          <el-input
+            v-model="inputs"
+            type="textarea"
+            placeholder="在此处输入要发送的内容（换行符会被移除）"
+            :rows="2"
+          ></el-input>
+        </div>
+      </div>
+    </div>
+
     <!-- 操作 -->
     <div class="ctrl">
       <div class="title">操作</div>
@@ -42,31 +67,6 @@
       </div>
     </div>
 
-    <!-- 输入 -->
-    <div class="inputs">
-      <div class="title">输入</div>
-      <div class="content">
-        <div class="input-address">
-          <div class="title">连接地址</div>
-          <el-input v-model="address.suffix">
-            <el-select slot="prepend" v-model="address.prefix">
-              <el-option label="ws://" value="ws://"></el-option>
-              <el-option label="wss://" value="wss://"></el-option>
-            </el-select>
-          </el-input>
-        </div>
-        <div class="input-send">
-          <div class="title">发送内容</div>
-          <el-input
-            v-model="inputs"
-            type="textarea"
-            placeholder="在此处输入要发送的内容（换行符会被移除）"
-            :rows="2"
-          ></el-input>
-        </div>
-      </div>
-    </div>
-
     <!-- 日志 -->
     <div class="logs">
       <div class="title">日志</div>

src/views/Home.vue

@@ -38,7 +38,7 @@
 
         <!-- 内容 -->
         <el-main class="home-content">
-            <div class="wrapper" @contextmenu.prevent>
+            <div class="wrapper">
 
                 <!-- 搜索引擎 -->
                 <div v-show="show.searchEngine" class="search-engine">
@@ -162,8 +162,13 @@
                         @click="openLink(data.link, data.showOnly)"
                         @contextmenu.prevent="openDetail(data)"
                     >
-                        <span class="title">{{ node.label }}</span>
+                        <div class="row title">
-                        <span class="link">{{ data.link }}</span>
+                            <span>{{ node.label }}</span>
+                            <span v-if="data.desc"> - {{ data.desc }}</span>
+                        </div>
+                        <div class="row link">
+                            <span>{{ data.link }}</span>
+                        </div>
                     </div>
                 </el-tree>
 
@@ -589,6 +594,7 @@ export default {
     display: flex;
     align-items: center;
     flex-direction: column;
+}
 
 .search-bar {
     @barHeight: 2.8rem;
@@ -774,7 +780,6 @@ export default {
         }
     }
 }
-}
 
 /deep/ .link-search {
     @height: 2.8rem;
@@ -823,10 +828,11 @@ export default {
         flex-grow: 1;
         width: 0;
 
-        > span {
+        > div {
             display: block;
             overflow: hidden;
             text-overflow: ellipsis;
+            white-space: nowrap;
         }
 
         .title {