style: 预付金模板期限档位表固定列宽比例,参数组区块外边界加深
- 期限档位表 table-layout:fixed:标的资产类型吃剩余宽度,期限档位 220px/操作 110px 按内容定宽 - 参数组区块边框加深(#9e9e9e),与区块内浅灰表格线拉开分组层次
This commit is contained in:
@@ -174,8 +174,8 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th v-if="marginTemplate.UnderlyingSeperateType == @((int)UnderlyingSeperateTypeEnum.CustomInstrumentType)">标的资产类型</th>
|
||||
<th style="width:120px;">期限档位</th>
|
||||
<th style="width:80px;">操作</th>
|
||||
<th style="width:220px;">期限档位</th>
|
||||
<th style="width:110px;">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
@@ -175,8 +175,8 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th v-if="marginTemplate.UnderlyingSeperateType == @((int)UnderlyingSeperateTypeEnum.CustomInstrumentType)">标的资产类型</th>
|
||||
<th style="width:120px;">期限档位</th>
|
||||
<th style="width:80px;">操作</th>
|
||||
<th style="width:220px;">期限档位</th>
|
||||
<th style="width:110px;">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
@@ -140,8 +140,8 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th v-if="marginTemplate.UnderlyingSeperateType == @((int)UnderlyingSeperateTypeEnum.CustomInstrumentType)">标的资产类型</th>
|
||||
<th style="width:120px;">期限档位</th>
|
||||
<th style="width:80px;">操作</th>
|
||||
<th style="width:220px;">期限档位</th>
|
||||
<th style="width:110px;">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
@@ -149,3 +149,14 @@ p {
|
||||
border-left: 3px solid #e33333;
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
/*参数组区块外边界加深:区块内表格线是浅灰,外框同步太浅导致分组不明显*/
|
||||
.spanBlk.border {
|
||||
border-color: #9e9e9e !important;
|
||||
}
|
||||
|
||||
/*期限档位区块表:固定布局让"标的资产类型"列吃剩余宽度,期限档位/操作按内容定宽,
|
||||
避免两列均分 100% 时操作列被撑得过宽、与内容不成比例*/
|
||||
.border.detail table {
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user