/* 水平间距 */ /* 水平间距 */ .container.data-v-7c2ebfa5 { width: 100%; min-height: 100vh; display: flex; flex-direction: column; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, sans-serif; } /* 用户信息头部 */ .user-header.data-v-7c2ebfa5 { background-size: cover; padding: 40rpx 30rpx 60rpx; display: flex; /* align-items: center; */ position: relative; } .user-header.data-v-7c2ebfa5::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .avatar.data-v-7c2ebfa5 { width: 152rpx; height: 152rpx; border-radius: 50%; margin-right: 20rpx; background-color: #eee; } .user-info.data-v-7c2ebfa5 { flex: 1; z-index: 1; height: 152rpx; display: flex; flex-direction: column; justify-content: center; } .username.data-v-7c2ebfa5 { font-size: 34rpx; font-weight: bold; color: #333; } .phone.data-v-7c2ebfa5 { font-size: 30rpx; color: #666; margin-top: 24rpx; } .invite-code.data-v-7c2ebfa5 { display: flex; align-items: center; flex-direction: column; z-index: 1; } .invite-code text.data-v-7c2ebfa5 { font-size: 24rpx; color: #232323; margin-top: 10rpx; } .qrcode-btn.data-v-7c2ebfa5 { display: flex; align-items: center; font-size: 26rpx; color: #666; } .arrow.data-v-7c2ebfa5 { margin-left: 6rpx; color: #999; } /* 优惠提示栏 */ .promo-bar.data-v-7c2ebfa5 { width: 638rpx; height: 70rpx; background: #799675; border-radius: 16rpx 16rpx 0rpx 0rpx; padding: 0 40rpx; display: flex; justify-content: space-between; align-items: center; font-size: 28rpx; margin: 0 auto; font-weight: bold; font-size: 24rpx; color: #ffff94; } .go-shop.data-v-7c2ebfa5 { display: flex; align-items: center; } /* 钱包区域 */ .wallet-section.data-v-7c2ebfa5 { background-color: white; margin: 0rpx 0 20rpx; padding: 30rpx; border-radius: 8rpx 8rpx 8rpx 8rpx; } .section-title.data-v-7c2ebfa5 { display: flex; justify-content: space-between; align-items: center; padding: 10rpx 0 20rpx; font-size: 32rpx; font-weight: bold; color: #333; border-bottom: 1px solid #eee; margin-bottom: 20rpx; } .wallet-cards.data-v-7c2ebfa5 { display: flex; justify-content: space-between; } .wallet-item.data-v-7c2ebfa5 { display: flex; flex-direction: column; flex: 1; text-align: center; } .label.data-v-7c2ebfa5 { font-size: 28rpx; color: #666; } .amount.data-v-7c2ebfa5 { font-size: 36rpx; font-weight: bold; margin-bottom: 10rpx; } .red.data-v-7c2ebfa5 { color: #ff4d4f; } .desc.data-v-7c2ebfa5 { font-size: 20rpx; color: #999; margin-top: 6rpx; } /* 订单区域 */ .order-section.data-v-7c2ebfa5 { background-color: white; margin-bottom: 20rpx; padding: 30rpx; border-radius: 8rpx 8rpx 8rpx 8rpx; } .order-types.data-v-7c2ebfa5 { display: flex; justify-content: space-between; margin-top: 20rpx; } .order-type.data-v-7c2ebfa5 { display: flex; flex-direction: column; align-items: center; width: 22%; } .order-type image.data-v-7c2ebfa5 { width: 56rpx; height: 56rpx; margin-bottom: 10rpx; } .order-type text.data-v-7c2ebfa5 { font-size: 26rpx; color: #232323; } /* 功能列表 */ .function-list.data-v-7c2ebfa5 { background-color: white; margin-bottom: 20rpx; border-radius: 8rpx 8rpx 8rpx 8rpx; } .function-item.data-v-7c2ebfa5 { display: flex; align-items: center; padding: 30rpx; border-bottom: 1rpx solid #f7f7f7; } .function-item image.data-v-7c2ebfa5 { width: 48rpx; height: 48rpx; margin-right: 20rpx; } .function-item text.data-v-7c2ebfa5 { flex: 1; font-size: 28rpx; color: #333; font-weight: bold; } .info.data-v-7c2ebfa5 { color: #232323 !important; font-weight: 500 !important; text-align: right; } button.data-v-7c2ebfa5 { all: unset; } button.data-v-7c2ebfa5::after { all: unset; } .shareBlock.data-v-7c2ebfa5 { margin: auto; width: 650rpx; height: 688rpx; background: #ffffff; border-radius: 16rpx 16rpx 16rpx 16rpx; padding: 20rpx; display: flex; flex-direction: column; align-items: center; } .shareBlock_close.data-v-7c2ebfa5 { width: 68rpx; height: 68rpx; } .shareBlock_code.data-v-7c2ebfa5 { width: 392rpx; height: 392rpx; } .shareBlock_info.data-v-7c2ebfa5 { font-size: 24rpx; color: #cccccc; margin: 24rpx 0; } .shareBlock_codeInfo.data-v-7c2ebfa5 { display: flex; align-items: center; } .shareBlock_codeInfo_left.data-v-7c2ebfa5 { font-weight: bold; font-size: 32rpx; color: #232323; } .shareBlock_codeInfo_right.data-v-7c2ebfa5 { margin-left: 20rpx; font-size: 24rpx; color: #999999; }