| | |
|---|
| | | <view class="card-decoration"></view> |
|---|
| | | <view class="talent-head"><text class="talent-name">{{customerName}}</text><text class="talent-level">{{cardLevel}}</text></view> |
|---|
| | | <text class="talent-mobile">{{displayMobile(customerMobile)}}</text> |
|---|
| | | <view class="current-benefit"><text class="benefit-label">当前权益</text><text class="benefit-text">免费入住{{totalCount}}天</text><text v-if="discountText.length > 0" class="benefit-text benefit-extra">超过天数按{{discountText}}</text></view> |
|---|
| | | <view class="current-benefit"><text class="benefit-label">当前权益</text><text class="benefit-text">免费入住{{totalCount}}天</text><text v-if="discountText.length > 0" class="benefit-text benefit-extra">超过天数{{discountText}}</text></view> |
|---|
| | | </view> |
|---|
| | | <view class="method-card"> |
|---|
| | | <text class="section-label">优惠方式</text> |
|---|
| | |
|---|
| | | .current-benefit { display: flex; margin-top: 22rpx; flex-direction: row; align-items: center; position: relative; } |
|---|
| | | .benefit-label { color: rgba(255, 255, 255, 0.78); font-size: 23rpx; line-height: 33rpx; } |
|---|
| | | .benefit-text { margin-left: 18rpx; color: #FFFFFF; font-size: 23rpx; line-height: 33rpx; font-weight: 600; } |
|---|
| | | /* 「超过天数按门市价X折」跟在免费额度后面，间隔比标签再大一点。 */ |
|---|
| | | /* 「超过天数门市价X折 / 立减X元」跟在免费额度后面，间隔比标签再大一点。 */ |
|---|
| | | .benefit-extra { margin-left: 14rpx; font-weight: 500; } |
|---|
| | | .method-card { padding: 31rpx 34rpx; margin-top: 22rpx; border-radius: 30rpx; background-color: #FFFFFF; box-shadow: 0 14rpx 30rpx rgba(57, 67, 80, 0.06); } |
|---|
| | | .section-label { display: block; color: #8D99AA; font-size: 27rpx; line-height: 38rpx; } |
|---|
