tuning

src/App.vue

@@ -24,4 +24,13 @@ nav a {
 nav a.router-link-exact-active {
   color: #42b983;
 }
+*::-webkit-scrollbar {
+    display: none;
+}
+* {
+    scrollbar-width: none;
+}
+* {
+    -ms-overflow-style: none;
+}
 </style>

src/components/JsonEditor.vue

@@ -13,24 +13,6 @@ export default {
     },
     data(){
         return{
-            // 在data中添加测试数据
-            resultInfo: {
-                "test1": "1234",
-                "test2": "5678",
-                "test3": {
-                    "test3-1":3,
-                    "test3-2": [
-                        {
-                            "test3-2-1":"1233",
-                            "test3-2-2":"1155"
-                        },
-                        {
-                            "test3-2-3":"1377",
-                            "test3-2-4":"1499"
-                        }
-                    ]
-                }
-            },
 
         }
     },
@@ -54,7 +36,10 @@ export default {
     height: calc(100vh - 130px);
     width: 100%;
 }
-/deep/ .show[data-v-58159d48] {
+/*/deep/ .show[data-v-58159d48] {*/
-    display: none;
+/*    display: none;*/
+/*}*/
+/deep/ .jsoneditor-search {
+    position: relative;
 }
 </style>

src/views/HomeView.vue

@@ -1,17 +1,21 @@
 <template>
     <div class="common-layout">
         <el-container>
-            <el-header style="z-index: 9999 ;height: 60px;width: 100%;display: flex;flex-direction: row;justify-content: flex-start;position: fixed">
+            <el-header style="z-index: 9999 ;height: 30px;width: 100%;display: flex;flex-direction: row;justify-content: space-between;position: fixed">
-                <img :src="require('@/assets/logo.png')" style="height: 60px;width: auto">
+                <img :src="require('@/assets/logo.png')" style="height: 30px;width: auto;top: 10px;position: relative">
 <!--                <span style="font-size: 30px;font-weight: bold">Simple Json View</span>-->
+                <div style="display: flex;flex-direction: row;align-items: flex-end;height: 30px">
+                    <el-link :underline="false" href="https://landaiqing.space" target='_blank' style="font-size: medium">博客</el-link>
+                    <el-link :underline="false" href="https://landaiqing.space" target='_blank' style="font-size: medium;margin-left: 20px">源码</el-link>
+                </div>
             </el-header>
             <el-main style="width: 100%">
                 <div style="display: flex;flex-direction: row;align-items: center">
                     <el-input
                         autosize
-                        type="textarea"
+                        type="text"
-                        placeholder="输入接口链接"
+                        placeholder="输入接口链接或在下方输入Json"
-                        style="width: 100%;margin-bottom: 10px;margin-top: 60px"
+                        style="width: 100%;margin-bottom: 10px;margin-top: 30px"
                         @blur="getJson"
                         v-model="url"
                     >
@@ -21,6 +25,9 @@
                      <JsonEditor :json-data="jsonData"></JsonEditor>
 <!--                      <JsonSchema></JsonSchema>-->
             </el-main>
+            <el-footer style="height: 20px">
+                陕ICP备2023001488号 | 陕公网安备 61072902000127号
+            </el-footer>
         </el-container>
     </div>
 </template>
@@ -55,6 +62,7 @@ export default {
                 }).then( (res)=> {
                     that.jsonData=res;
                 }).catch((error)=>{
+                    that.jsonData=error;
                     ElNotification({
                         title: 'Error',
                         message: error,