front/merchapp
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: order status bordre-left

Browse Source
This commit is contained in:
mixtan 2025-08-12 13:36:11 +08:00
parent fdd7740bb3
commit f37f31bb26
2 changed files with 53 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
java-mall-app-shop-admin/pages/order/components/OrderItem.vue
View File

@ -804,18 +804,18 @@ export default {
padding-left: 24rpx; padding-left: 24rpx;
position: relative; position: relative;
&::after { // &::after {
position: absolute; // position: absolute;
right: 0; // right: 0;
top: 0; // top: 0;
height: 100%; // height: 100%;
display: block; // display: block;
content: " "; // content: " ";
width: 1px; // width: 1px;
background-image: linear-gradient(to bottom, #000 80%, transparent 20%); // background-image: linear-gradient(to bottom, #000 80%, transparent 20%);
background-size: 100% 16rpx; // background-size: 100% 16rpx;
opacity: 0.2; // opacity: 0.2;
} // }
.icon { .icon {
position: absolute; position: absolute;
@ -866,6 +866,21 @@ export default {
} }
.footer { .footer {
width: 228rpx; 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 { .status {
text-align: center; text-align: center;
font-size: 28rpx; font-size: 28rpx;

38
java-mall-app-shop-admin/pages/order/components/retrunOrderItem.vue
View File

@ -607,18 +607,18 @@ export default {
padding-left: 24rpx; padding-left: 24rpx;
position: relative; position: relative;
&::after { // &::after {
position: absolute; // position: absolute;
right: 0; // right: 0;
top: 0; // top: 0;
height: 100%; // height: 100%;
display: block; // display: block;
content: " "; // content: " ";
width: 1px; // width: 1px;
background-image: linear-gradient(to bottom, #000 80%, transparent 20%); // background-image: linear-gradient(to bottom, #000 80%, transparent 20%);
background-size: 100% 16rpx; // background-size: 100% 16rpx;
opacity: 0.2; // opacity: 0.2;
} // }
.item { .item {
display: flex; display: flex;
@ -663,6 +663,20 @@ export default {
} }
.footer { .footer {
width: 228rpx; 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 { .status {
text-align: center; text-align: center;
font-size: 28rpx; font-size: 28rpx;