- 添加商品列表表格横向滚动支持,避免列溢出 - 设置商品图片高度,保持缩略图统一尺寸 - 修改商品状态标签文案为“出售中” - 调整订单商品明细列,支持展开与收起全部商品 - 在订单列表操作列中新增竖线分隔符,提升按钮分隔清晰度 - 统一订单操作按钮文本,去除图标依赖 - 注释掉商品列表中排序号列 - 微调表格中部分列宽及对齐方式提高视觉体验
501 B
501 B
2026-07-28
订单列表操作列分隔线对齐 shopGoods
- 文件:
src/views/shop/shopOrder/index.vue的column.key === 'action'操作列模板。 - 改动:原本操作列按钮只用
<a-space>包裹、无分隔线;现按shop/shopGoods的写法,在「详情」与各条件块之间、以及块内多个按钮之间加入<a-divider type="vertical" />。 - 分隔线放在各
<template v-if>条件块内部,仅当对应操作出现时才渲染,避免多余竖线。