style(components): 格式化 CuteTransfer 组件代码并调整样式

- 将已选条数显示的字体标签拆分为多行以符合代码规范
- 为右侧数据表格添加 32px 的上边距以改善布局
- 在搜索框输入框内应用 1px 边框半径样式以去除圆角效果
This commit is contained in:
2026-02-02 10:43:19 +08:00
parent a87acffdf6
commit ef620ad029
@@ -35,7 +35,9 @@
<slot /> <slot />
</el-table> </el-table>
<el-col :span="24" class="selection-box"> <el-col :span="24" class="selection-box">
共计 <font class="selection-count">{{ leftDataSource && leftDataSource.length }}</font> 条,已选 <font class="selection-count">{{ leftSelection && leftSelection.length }}</font> 条 共计 <font class="selection-count">{{ leftDataSource && leftDataSource.length }}</font> 条,已选 <font
class="selection-count"
>{{ leftSelection && leftSelection.length }}</font> 条
</el-col> </el-col>
</el-col> </el-col>
<el-col :span="2" style="text-align: center"> <el-col :span="2" style="text-align: center">
@@ -68,7 +70,7 @@
:row-key="primaryKey" :row-key="primaryKey"
fit fit
:data="rightDataSource" :data="rightDataSource"
style="width: 100%;" style="width: 100%;margin-top: 32px"
:height="height" :height="height"
:max-height="height" :max-height="height"
highlight-selection-row highlight-selection-row
@@ -78,7 +80,9 @@
<slot /> <slot />
</el-table> </el-table>
<el-col :span="24" class="selection-box"> <el-col :span="24" class="selection-box">
共计 <font class="selection-count">{{ rightDataSource && rightDataSource.length }}</font> 条,已选 <font class="selection-count">{{ rightSelection && rightSelection.length }}</font> 条 共计 <font class="selection-count">{{ rightDataSource && rightDataSource.length }}</font> 条,已选 <font
class="selection-count"
>{{ rightSelection && rightSelection.length }}</font> 条
</el-col> </el-col>
</el-col> </el-col>
</el-row> </el-row>
@@ -268,4 +272,9 @@ export default {
.selection-count { .selection-count {
color: $menuActiveText; color: $menuActiveText;
} }
// 搜索框边框剔除弧度
::v-deep .el-input .el-input__inner {
border-radius: 1px;
}
</style> </style>