style(components): 格式化 CuteTransfer 组件代码并调整样式
- 将已选条数显示的字体标签拆分为多行以符合代码规范 - 为右侧数据表格添加 32px 的上边距以改善布局 - 在搜索框输入框内应用 1px 边框半径样式以去除圆角效果
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user