diff --git a/pages/mine/index.vue b/pages/mine/index.vue index 71fae87..c078880 100644 --- a/pages/mine/index.vue +++ b/pages/mine/index.vue @@ -133,6 +133,34 @@ --> + + + + + {{ userInfo.pkGradeVal || '-' }} + 会员等级 + + + + + {{ '我的订单' }} @@ -1453,6 +1481,58 @@ export default { font-weight: 600; } +.extra-info-card { + background: #ffffff; + box-shadow: 0rpx 6rpx 24rpx rgba(0, 0, 0, 0.06); + border-radius: 24rpx; + margin-top: 20rpx; + padding: 30rpx; +} + +.info-grid { + display: flex; + align-items: center; + text-align: center; + justify-content: space-around; +} + +.info-grid.multiple-items { + justify-content: space-between; +} + +.info-item { + display: flex; + flex-direction: column; + gap: 10rpx; + align-items: center; + justify-content: center; + flex: 1; + position: relative; +} + +.info-grid.multiple-items .info-item:not(:last-child)::after { + content: ''; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + width: 2rpx; + height: 60rpx; + background-color: #f0f0f0; +} + +.info-value { + font-size: 36rpx; + font-weight: 600; + color: #333333; + line-height: 1.3; +} + +.info-label { + font-size: 24rpx; + color: #999999; +} + @keyframes bling_shimmer { from { transform: translateX(-100%);