tuning
This commit is contained in:
parent
d4ed37e534
commit
943b4c0b87
@ -24,4 +24,13 @@ nav a {
|
|||||||
nav a.router-link-exact-active {
|
nav a.router-link-exact-active {
|
||||||
color: #42b983;
|
color: #42b983;
|
||||||
}
|
}
|
||||||
|
*::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
* {
|
||||||
|
scrollbar-width: none;
|
||||||
|
}
|
||||||
|
* {
|
||||||
|
-ms-overflow-style: none;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -13,24 +13,6 @@ export default {
|
|||||||
},
|
},
|
||||||
data(){
|
data(){
|
||||||
return{
|
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);
|
height: calc(100vh - 130px);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
/deep/ .show[data-v-58159d48] {
|
/*/deep/ .show[data-v-58159d48] {*/
|
||||||
display: none;
|
/* display: none;*/
|
||||||
|
/*}*/
|
||||||
|
/deep/ .jsoneditor-search {
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
@ -1,17 +1,21 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="common-layout">
|
<div class="common-layout">
|
||||||
<el-container>
|
<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>-->
|
<!-- <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-header>
|
||||||
<el-main style="width: 100%">
|
<el-main style="width: 100%">
|
||||||
<div style="display: flex;flex-direction: row;align-items: center">
|
<div style="display: flex;flex-direction: row;align-items: center">
|
||||||
<el-input
|
<el-input
|
||||||
autosize
|
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"
|
@blur="getJson"
|
||||||
v-model="url"
|
v-model="url"
|
||||||
>
|
>
|
||||||
@ -21,6 +25,9 @@
|
|||||||
<JsonEditor :json-data="jsonData"></JsonEditor>
|
<JsonEditor :json-data="jsonData"></JsonEditor>
|
||||||
<!-- <JsonSchema></JsonSchema>-->
|
<!-- <JsonSchema></JsonSchema>-->
|
||||||
</el-main>
|
</el-main>
|
||||||
|
<el-footer style="height: 20px">
|
||||||
|
陕ICP备2023001488号 | 陕公网安备 61072902000127号
|
||||||
|
</el-footer>
|
||||||
</el-container>
|
</el-container>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -55,6 +62,7 @@ export default {
|
|||||||
}).then( (res)=> {
|
}).then( (res)=> {
|
||||||
that.jsonData=res;
|
that.jsonData=res;
|
||||||
}).catch((error)=>{
|
}).catch((error)=>{
|
||||||
|
that.jsonData=error;
|
||||||
ElNotification({
|
ElNotification({
|
||||||
title: 'Error',
|
title: 'Error',
|
||||||
message: error,
|
message: error,
|
||||||
|
Reference in New Issue
Block a user