diff --git a/java-mall-app-shop-admin/pages/order/components/OrderItem.vue b/java-mall-app-shop-admin/pages/order/components/OrderItem.vue index e23d7f7..b406e8c 100644 --- a/java-mall-app-shop-admin/pages/order/components/OrderItem.vue +++ b/java-mall-app-shop-admin/pages/order/components/OrderItem.vue @@ -804,18 +804,18 @@ export default { padding-left: 24rpx; position: relative; - &::after { - position: absolute; - right: 0; - top: 0; - height: 100%; - display: block; - content: " "; - width: 1px; - background-image: linear-gradient(to bottom, #000 80%, transparent 20%); - background-size: 100% 16rpx; - opacity: 0.2; - } + // &::after { + // position: absolute; + // right: 0; + // top: 0; + // height: 100%; + // display: block; + // content: " "; + // width: 1px; + // background-image: linear-gradient(to bottom, #000 80%, transparent 20%); + // background-size: 100% 16rpx; + // opacity: 0.2; + // } .icon { position: absolute; @@ -866,6 +866,21 @@ export default { } .footer { width: 228rpx; + position: relative; + + &::after { + position: absolute; + left: 0; + top: 0; + height: 100%; + display: block; + content: " "; + width: 1px; + background-image: linear-gradient(to bottom, #000 80%, transparent 20%); + background-size: 100% 16rpx; + opacity: 0.2; + } + .status { text-align: center; font-size: 28rpx; diff --git a/java-mall-app-shop-admin/pages/order/components/retrunOrderItem.vue b/java-mall-app-shop-admin/pages/order/components/retrunOrderItem.vue index 5c62815..b203ff1 100644 --- a/java-mall-app-shop-admin/pages/order/components/retrunOrderItem.vue +++ b/java-mall-app-shop-admin/pages/order/components/retrunOrderItem.vue @@ -607,18 +607,18 @@ export default { padding-left: 24rpx; position: relative; - &::after { - position: absolute; - right: 0; - top: 0; - height: 100%; - display: block; - content: " "; - width: 1px; - background-image: linear-gradient(to bottom, #000 80%, transparent 20%); - background-size: 100% 16rpx; - opacity: 0.2; - } + // &::after { + // position: absolute; + // right: 0; + // top: 0; + // height: 100%; + // display: block; + // content: " "; + // width: 1px; + // background-image: linear-gradient(to bottom, #000 80%, transparent 20%); + // background-size: 100% 16rpx; + // opacity: 0.2; + // } .item { display: flex; @@ -663,6 +663,20 @@ export default { } .footer { width: 228rpx; + position: relative; + + &::after { + position: absolute; + left: 0; + top: 0; + height: 100%; + display: block; + content: " "; + width: 1px; + background-image: linear-gradient(to bottom, #000 80%, transparent 20%); + background-size: 100% 16rpx; + opacity: 0.2; + } .status { text-align: center; font-size: 28rpx;