From 25c746e94e572c122465a582dfa7ba0fe8c953ff Mon Sep 17 00:00:00 2001 From: "huangzhelong.byte" Date: Wed, 26 Mar 2025 21:03:37 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=A0=87=E7=AD=BE=E9=A1=B5?= =?UTF-8?q?=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/public/iconfont.css | 18 +++- app/public/iconfont.woff2 | Bin 3280 -> 3572 bytes app/src/components/main-panel/index.vue | 40 ++++++- app/src/components/main-panel/panel.ts | 10 +- app/src/hook/css.ts | 2 +- app/src/views/connect/connection.ts | 17 +++ app/src/views/connect/index.vue | 137 ++++++++++++++++++++---- 7 files changed, 194 insertions(+), 30 deletions(-) diff --git a/app/public/iconfont.css b/app/public/iconfont.css index 15fcef9..33474da 100644 --- a/app/public/iconfont.css +++ b/app/public/iconfont.css @@ -1,8 +1,8 @@ @font-face { font-family: "iconfont"; /* Project id 4870215 */ - src: url('iconfont.woff2?t=1742978562991') format('woff2'), - url('iconfont.woff?t=1742978562991') format('woff'), - url('iconfont.ttf?t=1742978562991') format('truetype'); + src: url('iconfont.woff2?t=1742992580860') format('woff2'), + url('iconfont.woff?t=1742992580860') format('woff'), + url('iconfont.ttf?t=1742992580860') format('truetype'); } .iconfont { @@ -13,6 +13,18 @@ -moz-osx-font-smoothing: grayscale; } +.icon-blank:before { + content: "\e602"; +} + +.icon-add:before { + content: "\e60c"; +} + +.icon-delete:before { + content: "\e672"; +} + .icon-company:before { content: "\e6f5"; } diff --git a/app/public/iconfont.woff2 b/app/public/iconfont.woff2 index f45d776fe8b5a0997a17a5e8160ff7f38c2e580a..58c9b1e4e11266e2da573295563f304a7fea89f1 100644 GIT binary patch literal 3572 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 literal 3280 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 diff --git a/app/src/components/main-panel/index.vue b/app/src/components/main-panel/index.vue index e9879a0..58e5516 100644 --- a/app/src/components/main-panel/index.vue +++ b/app/src/components/main-panel/index.vue @@ -3,12 +3,17 @@
- + + {{ tab.name }} + + + > +
@@ -27,7 +32,6 @@ defineComponent({ name: 'main-panel' }); .main-panel-container { display: flex; - align-items: center; justify-content: center; flex-direction: column; width: 100%; @@ -54,6 +58,13 @@ defineComponent({ name: 'main-panel' }); .tabs-container .tab { margin: 5px; + border-radius: .5em; + background-color: var(--sidebar); + padding: 10px; +} + +.tabs-container .tab .iconfont { + margin-right: 10px; } .tabs-container .add-button { @@ -62,4 +73,23 @@ defineComponent({ name: 'main-panel' }); border-radius: .5em; } +.tabs-container .add-button { + cursor: pointer; + font-size: 20px; + margin-left: 5px; + border-radius: .5em; + height: 35px; + width: 35px; + display: flex; + align-items: center; + justify-content: center; + transition: var(--animation-3s); +} + +.tabs-container .add-button:hover { + color: var(--main-color); + background-color: var(--sidebar); + transition: var(--animation-3s); +} + \ No newline at end of file diff --git a/app/src/components/main-panel/panel.ts b/app/src/components/main-panel/panel.ts index dabaefc..052e80b 100644 --- a/app/src/components/main-panel/panel.ts +++ b/app/src/components/main-panel/panel.ts @@ -1,11 +1,15 @@ import { reactive } from 'vue'; export const tabs = reactive({ - content: [], - + content: [ + { + name: '空白的测试', + icon: 'icon-blank', + type: 'blank' + } + ], }); export function addNewTab() { console.log(); - } \ No newline at end of file diff --git a/app/src/hook/css.ts b/app/src/hook/css.ts index de7b75e..2f7b68f 100644 --- a/app/src/hook/css.ts +++ b/app/src/hook/css.ts @@ -7,7 +7,7 @@ export function setDefaultCss() { document.body.style.setProperty('--el-color-primary-light-3', 'var(--main-color)'); document.body.style.setProperty('--el-text-color-secondary', 'var(--foreground)'); document.body.style.setProperty('--el-text-color-regular', 'var(--foreground)'); - document.body.style.setProperty('--el-border-color', 'var(--main-color)'); + document.body.style.setProperty('--el-border-color', 'var(--vscode-input-border)'); document.body.style.setProperty('--el-fill-color-blank', 'var(--sidebar)'); document.body.style.setProperty('--el-fill-color-light', 'var(--vscode-button-hoverBackground)'); document.body.style.setProperty('--el-switch-on-color', 'var(--main-color)'); diff --git a/app/src/views/connect/connection.ts b/app/src/views/connect/connection.ts index ccb5d75..6f75c6b 100644 --- a/app/src/views/connect/connection.ts +++ b/app/src/views/connect/connection.ts @@ -18,6 +18,23 @@ export const connectionCommand = reactive({ commandString: '' }); +export interface EnvItem { + key: string + value: string +} + +export interface IConnectionEnv { + data: EnvItem[] + newKey: string + newValue: string +} + +export const connectionEnv = reactive({ + data: [], + newKey: '', + newValue: '' +}); + export function onconnectionmethodchange() { console.log(); diff --git a/app/src/views/connect/index.vue b/app/src/views/connect/index.vue index 1971657..de76785 100644 --- a/app/src/views/connect/index.vue +++ b/app/src/views/connect/index.vue @@ -3,47 +3,105 @@
{{ t('connection-method') }} - - + +
{{ t('command') }} - +
{{ t('env-var') }} - +
+ + + + + + + + +
+ +
+ + + +
+ +
+
+ + + + + +
+
+
- - +
+ + Connect + +
\ No newline at end of file