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