feat: 🚀 文字调整

This commit is contained in:
2025-09-17 14:44:49 +08:00
parent 1068e87671
commit e259886cbc
4 changed files with 10 additions and 33 deletions

3
src/components.d.ts vendored
View File

@@ -17,7 +17,6 @@ declare module "vue" {
ElBreadcrumb: typeof import("element-plus/es")["ElBreadcrumb"]; ElBreadcrumb: typeof import("element-plus/es")["ElBreadcrumb"];
ElBreadcrumbItem: typeof import("element-plus/es")["ElBreadcrumbItem"]; ElBreadcrumbItem: typeof import("element-plus/es")["ElBreadcrumbItem"];
ElButton: typeof import("element-plus/es")["ElButton"]; ElButton: typeof import("element-plus/es")["ElButton"];
ElCheckbox: typeof import("element-plus/es")["ElCheckbox"];
ElContainer: typeof import("element-plus/es")["ElContainer"]; ElContainer: typeof import("element-plus/es")["ElContainer"];
ElDatePicker: typeof import("element-plus/es")["ElDatePicker"]; ElDatePicker: typeof import("element-plus/es")["ElDatePicker"];
ElDialog: typeof import("element-plus/es")["ElDialog"]; ElDialog: typeof import("element-plus/es")["ElDialog"];
@@ -30,7 +29,6 @@ declare module "vue" {
ElHeader: typeof import("element-plus/es")["ElHeader"]; ElHeader: typeof import("element-plus/es")["ElHeader"];
ElIcon: typeof import("element-plus/es")["ElIcon"]; ElIcon: typeof import("element-plus/es")["ElIcon"];
ElInput: typeof import("element-plus/es")["ElInput"]; ElInput: typeof import("element-plus/es")["ElInput"];
ElInputNumber: typeof import("element-plus/es")["ElInputNumber"];
ElMain: typeof import("element-plus/es")["ElMain"]; ElMain: typeof import("element-plus/es")["ElMain"];
ElMenu: typeof import("element-plus/es")["ElMenu"]; ElMenu: typeof import("element-plus/es")["ElMenu"];
ElMenuItem: typeof import("element-plus/es")["ElMenuItem"]; ElMenuItem: typeof import("element-plus/es")["ElMenuItem"];
@@ -45,7 +43,6 @@ declare module "vue" {
ElTabPane: typeof import("element-plus/es")["ElTabPane"]; ElTabPane: typeof import("element-plus/es")["ElTabPane"];
ElTabs: typeof import("element-plus/es")["ElTabs"]; ElTabs: typeof import("element-plus/es")["ElTabs"];
ElTag: typeof import("element-plus/es")["ElTag"]; ElTag: typeof import("element-plus/es")["ElTag"];
ElTooltip: typeof import("element-plus/es")["ElTooltip"];
Empty: typeof import("./components/ProTable/components/Empty.vue")["default"]; Empty: typeof import("./components/ProTable/components/Empty.vue")["default"];
Form: typeof import("./components/Form/index.vue")["default"]; Form: typeof import("./components/Form/index.vue")["default"];
FormItem: typeof import("./components/Form/components/FormItem.vue")["default"]; FormItem: typeof import("./components/Form/components/FormItem.vue")["default"];

View File

@@ -3,8 +3,6 @@
} }
.form-item { .form-item {
width: 344px !important; width: 344px !important;
// height: 32px;
margin-right: 12px !important; margin-right: 12px !important;
.form-item-select { .form-item-select {
width: 224px !important; width: 224px !important;
@@ -19,28 +17,7 @@
} }
} }
} }
.btn-box {
display: flex; // ::v-deep(.el-select__input) {
flex: 1; // font-size: 12px !important;
justify-content: flex-end; // }
}
.copyBtn {
display: flex;
align-items: center;
justify-content: center;
}
.down-box {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
margin-right: 15px;
cursor: pointer;
border: 1px solid #cccccc;
border-radius: 4px;
&:hover {
color: #4178d5 !important;
border: 1px solid rgb(65 120 213 / 50%);
}
}

View File

@@ -148,7 +148,7 @@
:disabled="item.disabled" :disabled="item.disabled"
:placeholder="item.placeholder" :placeholder="item.placeholder"
class="m-2 select" class="m-2 select"
style="width: 224px" style="width: 224px; font-size: 12px !important"
> >
<!-- 循环渲染选项label 为显示文本value 为实际提交值 --> <!-- 循环渲染选项label 为显示文本value 为实际提交值 -->
<el-option <el-option
@@ -310,4 +310,7 @@ const handleFormReset = () => {
</script> </script>
<style lang="scss" scope> <style lang="scss" scope>
@use "./index.scss"; @use "./index.scss";
.el-select__selected-item {
font-size: 12px;
}
</style> </style>

View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="tool-bar-ri"> <div class="tool-bar-ri">
<div class="header-icon"> <div class="header-icon">
<SearchMenu id="searchMenu" /> <!-- <SearchMenu id="searchMenu" /> -->
<Fullscreen id="fullscreen" /> <Fullscreen id="fullscreen" />
</div> </div>
@@ -10,7 +10,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import SearchMenu from "./components/SearchMenu.vue"; // import SearchMenu from "./components/SearchMenu.vue";
import Fullscreen from "./components/Fullscreen.vue"; import Fullscreen from "./components/Fullscreen.vue";
import Avatar from "./components/Avatar.vue"; import Avatar from "./components/Avatar.vue";
</script> </script>