Browse Source

修改:订单页面排版优化

master
Linzm 2 weeks ago
parent
commit
d109b1dfd9
  1. 7
      src/views/cartoon/myOrder.vue

7
src/views/cartoon/myOrder.vue

@ -104,20 +104,21 @@ function getStatus(status: number) {
.order-item { .order-item {
position: relative; position: relative;
width: calc(50vw - 4px); width: calc(45vw - 4px);
height: calc(50vw - 4px); height: calc(45vw - 4px);
box-shadow: 0 2px 8px rgba(0,0,0,0.08); box-shadow: 0 2px 8px rgba(0,0,0,0.08);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
border-radius: 12px; border-radius: 12px;
background: #f5f5f5;
} }
.order-img { .order-img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: contain;
border-radius: 12px; border-radius: 12px;
} }

Loading…
Cancel
Save