style(business): 调整多处组件样式优化详情页视觉效果
- 修改 loading-manage.vue 中流程线条高度和颜色为6px浅灰色 - 在 master-order.vue 添加节点名称悬浮提示,调整进度条宽度和高度,居中标题字号 - 更新 master-order-detail.vue 路由线条样式加粗为6px浅灰色 - 优化 master-order-dispatch.vue 路由线条宽度改为6px浅灰色 - voucher-manage.vue 表单结构新增 section-card 容器组件,上传区和关联运输批次按钮布局优化 - voucher-manage.vue 引入 SectionCard 组件用于包裹上传表单区域
This commit is contained in:
@@ -76,7 +76,7 @@
|
||||
<div class="route-point">
|
||||
<span :class="['route-node', node.type]">{{ node.text }}</span>
|
||||
<div class="route-detail">
|
||||
<strong>{{ node.name }}</strong>
|
||||
<el-tooltip placement="top"><template #content>{{ node.name }}</template><strong>{{ node.name }}</strong></el-tooltip>
|
||||
<span v-for="line in node.lines" :key="line">{{ line }}</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -511,8 +511,8 @@ export default {
|
||||
}
|
||||
}
|
||||
.route-connector {
|
||||
width: clamp(180px, 20vw, 344px);
|
||||
flex: 0 0 clamp(180px, 20vw, 344px);
|
||||
width: clamp(180px, 20vw, 266px);
|
||||
flex: 0 0 clamp(180px, 20vw, 266px);
|
||||
padding-top: 2px;
|
||||
margin: 0 -6px;
|
||||
small {
|
||||
@@ -525,8 +525,8 @@ export default {
|
||||
line-height: 1.2;
|
||||
}
|
||||
:deep(.el-progress-bar__outer) {
|
||||
height: 8px !important;
|
||||
background-color: #f1f2f5;
|
||||
height: 6px !important;
|
||||
background-color: #e4e7ed;
|
||||
}
|
||||
:deep(.el-progress-bar__inner) {
|
||||
background-color: #409eff;
|
||||
@@ -538,6 +538,8 @@ export default {
|
||||
header {
|
||||
margin-bottom: 10px;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
.el-link {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user