refactor(business): 优化派车信息展示和样式布局
- 将基本信息部分整体包裹在section-card内并调整布局顺序 - 调整收发货路线结构,合并地址和联系人信息至路线节点内 - 使用CSS grid替代部分flex布局,优化网格间距和对齐 - 更新文字换行和溢出处理,增强可读性 - 删除冗余的收发货路线详细信息区域,精简代码结构 - 统一section-card的样式和内部内容伸缩布局 - 调整附件显示方式,保证链接样式一致性
This commit is contained in:
@@ -9416,9 +9416,9 @@ export default {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr);
|
||||
gap: 12px;
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
height: 100%;
|
||||
padding-top: 22px;
|
||||
}
|
||||
|
||||
&__dispatch-route-item {
|
||||
@@ -9433,11 +9433,11 @@ export default {
|
||||
flex: 0 0 auto;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 4px;
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
|
||||
&.is-start {
|
||||
@@ -9455,7 +9455,7 @@ export default {
|
||||
}
|
||||
|
||||
&__dispatch-route-title {
|
||||
font-size: 16px;
|
||||
font-size: 20px;
|
||||
line-height: 1.3;
|
||||
color: #303133;
|
||||
font-weight: 600;
|
||||
@@ -9477,6 +9477,7 @@ export default {
|
||||
|
||||
&__dispatch-route-line {
|
||||
position: relative;
|
||||
margin-top: 20px;
|
||||
width: 56px;
|
||||
height: 2px;
|
||||
background-image: linear-gradient(
|
||||
@@ -9546,7 +9547,7 @@ export default {
|
||||
&__dispatch-footer {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 12px;
|
||||
gap: 10px;
|
||||
padding-right: 0;
|
||||
padding-top: 16px;
|
||||
margin-top: 16px;
|
||||
@@ -9871,4 +9872,7 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.section-card{
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user