mower-ng/launcher
4
0
Fork 0
Code Issues 15 Pull requests Releases 9 Activity

界面优化

Browse source 
1.日志的中文字体改为微软雅黑
2.帮助文档按钮外边距调整到和日志窗左边距一致
3.扩大默认窗口大小，使得PyPI可以初始展示到一行
4.表单label改为垂直居中
5.设置tab页的“新”标签设置垂直居中，并且不能影响菜单栏的高度
This commit is contained in:
li-xiaochen 2025-01-07 13:29:00 +08:00
parent 0661b6bbc3
commit 9295d9f2cf
8 changed files with 99 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

26
ui/src/App.vue
View file

@ -89,6 +89,7 @@ provide('new_version', new_version)
class="container"
v-model:value="conf.page"
@update:value="set_page"
justify-content="center"
>
<n-tab-pane :disabled="running" name="init" tab="初始化"><init /></n-tab-pane>
<n-tab-pane :disabled="running" name="update" tab="更新代码"><update /></n-tab-pane>
@ -96,15 +97,17 @@ provide('new_version', new_version)
<n-tab-pane :disabled="running" name="fix" tab="依赖修复"><fix /></n-tab-pane>
<n-tab-pane :disabled="running" name="settings">
<template #tab>
<n-space :wrap="false">
设置
<n-tag v-if="update_able" round type="success">新</n-tag>
</n-space>
<div class="tab-content">
<span>设置</span>
<n-tag v-if="update_able" class="tag" round type="success">新</n-tag>
</div>
</template>
<settings />
</n-tab-pane>
<template #suffix>
<n-button type="primary" secondary size="small" @click="show_doc">帮助文档</n-button>
<div class="suffix-container">
<n-button type="primary" secondary size="small" @click="show_doc">帮助文档</n-button>
</div>
</template>
</n-tabs>
</n-notification-provider>
@ -117,4 +120,17 @@ provide('new_version', new_version)
width: 100vw;
height: 100vh;
}
.suffix-container {
margin: 0 4px 6px 4px;
}
.tab-content {
position: relative;
}
.tag {
margin-left: 4px;
position: absolute;
top: 50%;
left: 100%;
transform: translateY(-50%);
}
</style>