diff --git a/src/router/modules/able.ts b/src/router/modules/able.ts
index bc881acd2..087228c95 100644
--- a/src/router/modules/able.ts
+++ b/src/router/modules/able.ts
@@ -10,13 +10,21 @@ export default {
rank: able
},
children: [
+ {
+ path: "/components/mqtt-client",
+ name: "MqttClient",
+ component: () => import("@/views/able/mqtt-client.vue"),
+ meta: {
+ title: $t("menus.hsMqtt"),
+ extraIcon: "IF-pure-iconfont-new svg"
+ }
+ },
{
path: "/able/verify",
name: "Verify",
component: () => import("@/views/able/verify.vue"),
meta: {
- title: $t("menus.hsVerify"),
- extraIcon: "IF-pure-iconfont-new svg"
+ title: $t("menus.hsVerify")
}
},
{
@@ -56,8 +64,7 @@ export default {
name: "Ripple",
component: () => import("@/views/able/ripple.vue"),
meta: {
- title: $t("menus.hsRipple"),
- extraIcon: "IF-pure-iconfont-new svg"
+ title: $t("menus.hsRipple")
}
},
{
@@ -164,15 +171,6 @@ export default {
title: $t("menus.hsVideoFrame")
}
},
- {
- path: "/components/mqtt-client",
- name: "MqttClient",
- component: () => import("@/views/able/mqtt-client.vue"),
- meta: {
- title: $t("menus.hsMqtt"),
- extraIcon: "IF-pure-iconfont-new svg"
- }
- },
{
path: "/able/danmaku",
name: "Danmaku",
diff --git a/src/views/able/mqtt-client.vue b/src/views/able/mqtt-client.vue
index 4a880204c..c63f3804b 100644
--- a/src/views/able/mqtt-client.vue
+++ b/src/views/able/mqtt-client.vue
@@ -196,16 +196,18 @@ onUnmounted(() => {
:underline="false"
href="https://github.com/mqttjs/MQTT.js"
target="_blank"
- >MQTT.js
+ MQTT.js
+
和 免费的公共MQTT代理
EMQX
+ EMQX
+
实现的一套 MQTT 客户端。