From e8d34192508469cdbb8db2e582ac25f32c4fd7ec Mon Sep 17 00:00:00 2001 From: "gary.fu" Date: Thu, 19 Jun 2025 18:21:51 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/custom-icons.css | 58 +++++++++++++++++++++++++ src/assets/main.css | 87 ++++++++++++++++++++++++++++++++++++- src/main.js | 1 + 3 files changed, 144 insertions(+), 2 deletions(-) create mode 100644 src/assets/custom-icons.css diff --git a/src/assets/custom-icons.css b/src/assets/custom-icons.css new file mode 100644 index 0000000..0846f3f --- /dev/null +++ b/src/assets/custom-icons.css @@ -0,0 +1,58 @@ +.custom-icon { + display: inline-block; + width: 1em; + height: 1em; + background-repeat: no-repeat; + background-size: 100% 100%; + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; +} + +.custom-logo { + --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' color='%23000'%3E%3Cpath d='M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12'/%3E%3Cpath d='M6 13.5L7.5 9l1.875 4.5M6 13.5L5.5 15m.5-1.5h3.375m0 0L10 15m2.5-3V9.7c0-.186 0-.28.024-.355a.5.5 0 0 1 .322-.32C12.92 9 13.013 9 13.2 9h1.3a1.5 1.5 0 0 1 0 3zm0 0v3m6-6v6'/%3E%3C/g%3E%3C/svg%3E"); +} + +.custom-markdown, .custom-icon-md { + --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' fill-opacity='0.15' d='M534 352V136H232v752h560V394H576a42 42 0 0 1-42-42m72.3 122H641c6.6 0 12 5.4 12 12v272c0 6.6-5.4 12-12 12h-27.2c-6.6 0-12-5.4-12-12V581.7L535 732.3c-2 4.3-6.3 7.1-11 7.1h-24.1a12 12 0 0 1-11-7.1l-66.8-150.2V758c0 6.6-5.4 12-12 12H383c-6.6 0-12-5.4-12-12V486c0-6.6 5.4-12 12-12h35c4.8 0 9.1 2.8 11 7.2l83.2 191l83.1-191c1.9-4.4 6.2-7.2 11-7.2'/%3E%3Cpath fill='%23000' d='M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7M602 137.8L790.2 326H602zM792 888H232V136h302v216a42 42 0 0 0 42 42h216z'/%3E%3Cpath fill='%23000' d='M429 481.2c-1.9-4.4-6.2-7.2-11-7.2h-35c-6.6 0-12 5.4-12 12v272c0 6.6 5.4 12 12 12h27.1c6.6 0 12-5.4 12-12V582.1l66.8 150.2a12 12 0 0 0 11 7.1H524c4.7 0 9-2.8 11-7.1l66.8-150.6V758c0 6.6 5.4 12 12 12H641c6.6 0 12-5.4 12-12V486c0-6.6-5.4-12-12-12h-34.7c-4.8 0-9.1 2.8-11 7.2l-83.1 191z'/%3E%3C/svg%3E"); +} + +.custom-api { + --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' fill-opacity='0.15' d='M254.9 582.3c-25 25-38.7 58.1-38.7 93.4s13.8 68.5 38.7 93.4c25 25 58.1 38.7 93.4 38.7s68.5-13.8 93.4-38.7l59.4-59.4l-186.8-186.8zm420.8-366.1c-35.3 0-68.5 13.8-93.4 38.7l-59.4 59.4l186.8 186.8l59.4-59.4c24.9-25 38.7-58.1 38.7-93.4s-13.8-68.5-38.7-93.4c-25-25-58.1-38.7-93.4-38.7'/%3E%3Cpath fill='%23000' d='M578.9 546.7a8.03 8.03 0 0 0-11.3 0L501 613.3L410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 0 0-11.3 0L363 475.3l-43-43a7.85 7.85 0 0 0-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2a199.45 199.45 0 0 0-58.6 140.4c-.2 39.5 11.2 79.1 34.3 113.1l-76.1 76.1a8.03 8.03 0 0 0 0 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3c51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3zM441.7 769.1a131.32 131.32 0 0 1-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7c-24.9-24.9-38.7-58.1-38.7-93.4s13.7-68.4 38.7-93.4l59.4-59.4l186.8 186.8zm476-620.3l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 0 0-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 0 0 0 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3c2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4M769.1 441.7l-59.4 59.4l-186.8-186.8l59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7s68.4 13.7 93.4 38.7c24.9 24.9 38.7 58.1 38.7 93.4s-13.8 68.4-38.7 93.4'/%3E%3C/svg%3E"); +} + +.custom-filetype-json { + --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM4.151 15.29a1.2 1.2 0 0 1-.111-.449h.764a.58.58 0 0 0 .255.384q.105.073.25.114q.142.041.319.041q.245 0 .413-.07a.56.56 0 0 0 .255-.193a.5.5 0 0 0 .084-.29a.39.39 0 0 0-.152-.326q-.152-.12-.463-.193l-.618-.143a1.7 1.7 0 0 1-.539-.214a1 1 0 0 1-.352-.367a1.1 1.1 0 0 1-.123-.524q0-.366.19-.639q.192-.272.528-.422q.337-.15.777-.149q.456 0 .779.152q.326.153.5.41q.18.255.2.566h-.75a.56.56 0 0 0-.12-.258a.6.6 0 0 0-.246-.181a.9.9 0 0 0-.37-.068q-.324 0-.512.152a.47.47 0 0 0-.185.384q0 .18.144.3a1 1 0 0 0 .404.175l.621.143q.326.075.566.211a1 1 0 0 1 .375.358q.135.222.135.56q0 .37-.188.656a1.2 1.2 0 0 1-.539.439q-.351.158-.858.158q-.381 0-.665-.09a1.4 1.4 0 0 1-.478-.252a1.1 1.1 0 0 1-.29-.375m-3.104-.033a1.3 1.3 0 0 1-.082-.466h.764a.6.6 0 0 0 .074.27a.5.5 0 0 0 .454.246q.285 0 .422-.164q.137-.165.137-.466v-2.745h.791v2.725q0 .66-.357 1.005q-.355.345-.985.345a1.6 1.6 0 0 1-.568-.094a1.15 1.15 0 0 1-.407-.266a1.1 1.1 0 0 1-.243-.39m9.091-1.585v.522q0 .384-.117.641a.86.86 0 0 1-.322.387a.9.9 0 0 1-.47.126a.9.9 0 0 1-.47-.126a.87.87 0 0 1-.32-.387a1.55 1.55 0 0 1-.117-.641v-.522q0-.386.117-.641a.87.87 0 0 1 .32-.387a.87.87 0 0 1 .47-.129q.265 0 .47.129a.86.86 0 0 1 .322.387q.117.255.117.641m.803.519v-.513q0-.565-.205-.973a1.46 1.46 0 0 0-.59-.63q-.38-.22-.916-.22q-.534 0-.92.22a1.44 1.44 0 0 0-.589.628q-.205.407-.205.975v.513q0 .562.205.973q.205.407.589.626q.386.217.92.217q.536 0 .917-.217q.384-.22.589-.626q.204-.41.205-.973m1.29-.935v2.675h-.746v-3.999h.662l1.752 2.66h.032v-2.66h.75v4h-.656l-1.761-2.676z'/%3E%3C/svg%3E"); +} + +.custom-filetype-xml { + --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM3.527 11.85h-.893l-.823 1.439h-.036L.943 11.85H.012l1.227 1.983L0 15.85h.861l.853-1.415h.035l.85 1.415h.908l-1.254-1.992zm.954 3.999v-2.66h.038l.952 2.159h.516l.946-2.16h.038v2.661h.715V11.85h-.8l-1.14 2.596h-.025L4.58 11.85h-.806v3.999zm4.71-.674h1.696v.674H8.4V11.85h.791z'/%3E%3C/svg%3E"); +} + +.custom-filetype-yaml { + --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M10 6.5V2H5.5A1.5 1.5 0 0 0 4 3.5v8.545l.252-.378a1.5 1.5 0 0 1 2.248-.286a1.5 1.5 0 0 1 2.342.447L10 14.146l1.159-2.316a1.5 1.5 0 0 1 2.341-.448a1.5 1.5 0 0 1 2.5 1.087V8h-4.5A1.5 1.5 0 0 1 10 6.5m1 0V2.25L15.75 7H11.5a.5.5 0 0 1-.5-.5M3.5 18a.5.5 0 0 0 .5-.5v-1.85l1.916-2.874a.5.5 0 0 0-.832-.555L3.5 14.6l-1.584-2.377a.5.5 0 0 0-.832.555L3 15.65v1.85a.5.5 0 0 0 .5.5m4.447-5.724A.5.5 0 0 0 7 12.5v5a.5.5 0 1 0 1 0v-2.882l1.553 3.105a.5.5 0 0 0 .894 0L12 14.618V17.5a.5.5 0 1 0 1 0v-5a.5.5 0 0 0-.947-.224L10 16.382zM15 12.5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 .5.5h3a.5.5 0 1 0 0-1H15z'/%3E%3C/svg%3E"); +} + +.custom-icon-json { + --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M6.816 3H7a1 1 0 0 1 0 2h-.18c-.825.005-1.12.101-1.23.182h-.001c-.022.016-.18.124-.18.828v3.893c0 .88-.45 1.526-.972 1.96c.523.428.971 1.07.971 1.955v4.172c0 .71.16.816.18.83c.11.08.404.175 1.231.18H7a1 1 0 1 1 0 2h-.189c-.797-.004-1.707-.062-2.394-.559c-.786-.568-1.009-1.476-1.009-2.451v-4.172c0-.142-.065-.312-.376-.507c-.321-.201-.763-.326-1.123-.359A1 1 0 0 1 1 11.956v-.166a1 1 0 0 1 .91-.996c.35-.031.79-.162 1.113-.371c.318-.205.385-.383.385-.52V6.01c0-.972.224-1.878 1.007-2.447c.687-.498 1.596-.559 2.396-.563zM16 4a1 1 0 0 1 1-1h.189c.8.004 1.71.065 2.396.563c.784.569 1.007 1.475 1.007 2.447v3.893c0 .137.067.315.385.52c.323.209.763.34 1.113.371a1 1 0 0 1 .91.996v.166a1 1 0 0 1-.91.996c-.359.033-.801.158-1.122.36c-.31.194-.376.364-.376.506v4.172c0 .975-.223 1.883-1.009 2.451c-.687.497-1.597.555-2.394.559H17a1 1 0 1 1 0-2h.18c.828-.005 1.121-.1 1.232-.18c.02-.014.18-.12.18-.83v-4.172c0-.884.448-1.527.971-1.956c-.521-.433-.971-1.08-.971-1.96V6.01c0-.704-.159-.812-.18-.827l-.002-.001c-.11-.08-.405-.177-1.23-.182H17a1 1 0 0 1-1-1M9 14a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1m3 0a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1m3 0a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1' clip-rule='evenodd'/%3E%3C/svg%3E"); +} + +.custom-icon-xml { + --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m18 16l4-4l-4-4M6 8l-4 4l4 4m8.5-12l-5 16'/%3E%3C/svg%3E"); +} + +.custom-icon-formUrlencoded, .custom-icon-formData { + --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3M6 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3m7-14h7a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-7M5 7H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h1m12-5h.01M13 12h.01'/%3E%3C/svg%3E"); +} + +.custom-icon-yaml { + --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath fill='%23000' d='m.5 5.629l21.754 34.15v21.646h13.959V39.779l22.775-34.15h-15.02L30.021 27.617L16.189 5.629zm63.994.13l-23.66 55.798h11.189l5.139-12.408h25.266l4.252 12.408h11.957L75.937 5.76zm5.992 11.774l7.744 20.475H61.843zm16.195 50.139v54.45H127.5v-11.636H98.636V67.672zm-64.428.011v54.687h11.734V84.647l12.28 25.355H55.5l12.7-26.246v38.602h11.256V67.682h-15.37L50.45 92.414L37.464 67.682z'/%3E%3C/svg%3E"); +} + +.custom-icon-zip { + --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M4.998 9V1H19.5L23 4.5V23H4M18 1v5h5M2 13h5v1l-4 4v1h5m3-7v8zm4 1v7zm5 2a2 2 0 0 0-2-2h-3v4h3a2 2 0 0 0 2-2Z'/%3E%3C/svg%3E"); +} diff --git a/src/assets/main.css b/src/assets/main.css index 0193fa5..76905a0 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -171,6 +171,12 @@ html, body, #app, .index-container { right:0; z-index: 999; border-radius: 0; + padding-left: 20px; +} +.el-dialog.is-fullscreen .el-dialog__header{ + margin-top: -20px; + padding-top: 20px; + background: inherit; } .el-dialog.is-fullscreen .el-dialog__footer{ bottom: var(--el-dialog-padding-primary); @@ -229,7 +235,7 @@ html, body, #app, .index-container { } .common-tabs .el-tabs__new-tab { - width: 50%; + width: auto; border: none; margin: 10px 10px 0 10px; justify-content: right; @@ -239,6 +245,10 @@ html, body, #app, .index-container { font-weight: bold; } +.el-header.tabs-header { + height: 40px; +} + .common-form.el-form--inline .el-select, .common-subform.el-form--inline .el-select{ --el-select-width: 200px; @@ -333,7 +343,7 @@ html, body, #app, .index-container { padding: 0; } -.product-book-card .el-card__body { +.data-card .el-card__body { padding: 10px; } @@ -426,3 +436,76 @@ html, body, #app, .index-container { .flex-grow { flex-grow: 1; } + +.common-params-edit .text-model-cls { + float: right; + width: calc(100% - 140px) !important; +} +.common-params-edit .el-upload-list { + margin-left: -515px; + width: 700px; +} + +.float-right { + float: right; +} + +.request-table { + overflow: auto; +} +.request-table .el-table__row { + cursor: pointer; +} +.request-table .current-row td:first-child{ + border-left: 4px solid var(--el-color-primary); +} +.request-table td{ + border-left: 4px solid transparent; +} + +.no-form-label .el-form-item__label { + display: none; +} + +.no-form-label { + margin-bottom: 0 +} + +.common-split { + display: flex; + flex-direction: row; +} + +.common-split .gutter { + background-color: #eee; + background-repeat: no-repeat; + background-position: 50%; +} + +.common-split .gutter.gutter-horizontal { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg=='); + cursor: col-resize; +} + +.common-split .gutter.gutter-vertical { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII='); + cursor: row-resize; +} + +.dark .common-split .gutter.gutter-horizontal, +.dark .common-split .gutter.gutter-vertical { + background-color: var(--el-color-black); +} + +.common-resize-vertical { + resize: vertical; + overflow: auto; +} + +.common-resize-horizontal { + resize: horizontal; + overflow: auto; +} +.disable-affix .el-affix--fixed { + position: unset; +} diff --git a/src/main.js b/src/main.js index 859bea3..d0f0f7d 100644 --- a/src/main.js +++ b/src/main.js @@ -12,6 +12,7 @@ import utils from '@/utils' import App from '@/App.vue' import router from '@/route/routes' +import './assets/custom-icons.css' import './assets/main.css' import MonacoEditor from '@/vendors/monaco-editor'