全局表格及按钮样式优化
This commit is contained in:
3
components.d.ts
vendored
3
components.d.ts
vendored
@@ -19,7 +19,6 @@ declare module 'vue' {
|
||||
ADropdown: typeof import('ant-design-vue/es')['Dropdown']
|
||||
AForm: typeof import('ant-design-vue/es')['Form']
|
||||
AFormItem: typeof import('ant-design-vue/es')['FormItem']
|
||||
AImage: typeof import('ant-design-vue/es')['Image']
|
||||
AInput: typeof import('ant-design-vue/es')['Input']
|
||||
AInputPassword: typeof import('ant-design-vue/es')['InputPassword']
|
||||
AMenu: typeof import('ant-design-vue/es')['Menu']
|
||||
@@ -43,7 +42,6 @@ declare module 'vue' {
|
||||
HoldTraceOrder: typeof import('./src/components/traceOrderManage/holdTraceOrder.vue')['default']
|
||||
ILucideBuilding: typeof import('~icons/lucide/building')['default']
|
||||
ILucideChevronDown: typeof import('~icons/lucide/chevron-down')['default']
|
||||
ILucideChevronLeft: typeof import('~icons/lucide/chevron-left')['default']
|
||||
ILucideChevronUp: typeof import('~icons/lucide/chevron-up')['default']
|
||||
ILucideCopy: typeof import('~icons/lucide/copy')['default']
|
||||
ILucideCpu: typeof import('~icons/lucide/cpu')['default']
|
||||
@@ -52,7 +50,6 @@ declare module 'vue' {
|
||||
ILucideRefreshCw: typeof import('~icons/lucide/refresh-cw')['default']
|
||||
ILucideRotateCcw: typeof import('~icons/lucide/rotate-ccw')['default']
|
||||
ILucideRotateCw: typeof import('~icons/lucide/rotate-cw')['default']
|
||||
ILucideSave: typeof import('~icons/lucide/save')['default']
|
||||
ILucideShieldCheck: typeof import('~icons/lucide/shield-check')['default']
|
||||
ILucideUser: typeof import('~icons/lucide/user')['default']
|
||||
RouterLink: typeof import('vue-router')['RouterLink']
|
||||
|
||||
11
src/assets/styles/custom/ant-design.scss
Normal file
11
src/assets/styles/custom/ant-design.scss
Normal file
@@ -0,0 +1,11 @@
|
||||
.ant-table {
|
||||
.ant-table-thead > tr > th {
|
||||
font-weight: bold;
|
||||
font-size: clamp(14px, 1.2vw, 18px);
|
||||
}
|
||||
|
||||
.ant-table-tbody > tr > td {
|
||||
padding: 12px 8px;
|
||||
font-size: clamp(12px, 1vw, 16px);
|
||||
}
|
||||
}
|
||||
@@ -1 +1,2 @@
|
||||
@forward './button';
|
||||
@forward './ant-design';
|
||||
@@ -80,17 +80,5 @@ function rowClick(record: TableItem) {
|
||||
.table-wrapper {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
|
||||
.custom-table {
|
||||
:deep(.ant-table-thead > tr > th) {
|
||||
font-weight: bold;
|
||||
font-size: clamp(14px, 1.2vw, 20px);
|
||||
}
|
||||
|
||||
:deep(.ant-table-tbody > tr > td) {
|
||||
padding: 12px 8px;
|
||||
font-size: clamp(14px, 1vw, 20px);
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -122,7 +122,7 @@ fetchBoundEquipmentList()
|
||||
<a-input size="large" v-model:value="equipmentInput" @pressEnter="fetchEquipmentInfo" placeholder="按下回车搜索" />
|
||||
</a-col>
|
||||
<a-col :span="3">
|
||||
<a-button type="primary" size="large" @click="handleBind">绑定</a-button>
|
||||
<a-button size="large" @click="handleBind">绑定</a-button>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<div class="description-wrapper">
|
||||
|
||||
@@ -146,13 +146,13 @@ fetchPrimaryMaterialList()
|
||||
<a-input v-model:value="carrierInput" @pressEnter="insertCarrier" placeholder="按下回车录入" allow-clear />
|
||||
</a-form-item>
|
||||
<a-form-item>
|
||||
<a-button type="primary" @click="insertCarrier">录入</a-button>
|
||||
<a-button @click="insertCarrier">录入</a-button>
|
||||
</a-form-item>
|
||||
<a-form-item label="主材 ID">
|
||||
<a-input v-model:value="materialInput" @pressEnter="insertMaterial" placeholder="按下回车录入" allow-clear />
|
||||
</a-form-item>
|
||||
<a-form-item>
|
||||
<a-button type="primary" @click="insertMaterial">录入</a-button>
|
||||
<a-button @click="insertMaterial">录入</a-button>
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
<div class="table-wrapper" ref="customTable">
|
||||
|
||||
Reference in New Issue
Block a user