diff --git a/mock/tools.ts b/mock/tools.ts
index b3d866d..70e9a2f 100644
--- a/mock/tools.ts
+++ b/mock/tools.ts
@@ -131,7 +131,7 @@ function getTools() {
       id: 1,
       title: '单位换算',
       logo: 'https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg',
-      desc: '在线体积、重量、字节、长度、面积、时间、角度、速度、温度、压力、热量、功率等换算',
+      desc: '在线重量、长度、面积、时间、角度、速度、温度、压力、热量、功率等换算',
       url: '/unit',
       cateId: 4,
       cate: '教育学术'
diff --git a/src/components/JsonTran/JsonTran.vue b/src/components/JsonTran/JsonTran.vue
index a6d8d13..b502f0c 100644
--- a/src/components/JsonTran/JsonTran.vue
+++ b/src/components/JsonTran/JsonTran.vue
@@ -5,7 +5,7 @@ import { transferred, copy } from '@/utils/string';
 import { Codemirror } from "vue-codemirror";
 import { json } from '@codemirror/lang-json';
 import '@codemirror/search';
-import '@codemirror/view';
+import { lineNumbers } from '@codemirror/view';
 import '@codemirror/state';
 import '@codemirror/commands';
 // import { syntaxTree } from '@codemirror/language';
@@ -31,7 +31,7 @@ import '@codemirror/commands';
 const info = reactive({
   title: "Json在线转换",
   code: '',
-  extensions: [json()],
+  extensions: [json(), lineNumbers()],
   isParseErr: false,
   parseErr: ''
 })
diff --git a/src/components/RegTest/RegTest.vue b/src/components/RegTest/RegTest.vue
index 6a9186e..6fed2b3 100644
--- a/src/components/RegTest/RegTest.vue
+++ b/src/components/RegTest/RegTest.vue
@@ -2,10 +2,11 @@
 import { reactive } from 'vue'
 import DetailHeader from '@/components/Layout/DetailHeader/DetailHeader.vue'
 import { Codemirror } from "vue-codemirror"
+import { lineNumbers } from '@codemirror/view';
 
 const info = reactive({
   title: "正则表达式测试",
-  extensions: [],
+  extensions: [lineNumbers()],
   reg: '',
   content: `一些测试实例:
 邮箱1：demo@163.com
diff --git a/src/components/Unicode/Unicode.vue b/src/components/Unicode/Unicode.vue
index c5c6619..2cc3453 100644
--- a/src/components/Unicode/Unicode.vue
+++ b/src/components/Unicode/Unicode.vue
@@ -2,11 +2,13 @@
 import { reactive } from 'vue'
 import DetailHeader from '@/components/Layout/DetailHeader/DetailHeader.vue'
 import { Codemirror } from "vue-codemirror"
+import { lineNumbers } from '@codemirror/view';
 import { copy } from '@/utils/string'
 
+
 const info = reactive({
   title: "Unicode转中文",
-  extensions: [],
+  extensions: [lineNumbers()],
   content: '',
   tranRes: '',
 })