| | |
| | | <text class="service-title">{{merchantName}}</text> |
| | | </view> |
| | | <view class="talent-tag"><text>{{applicableCards}}</text></view> |
| | | <view class="rights-card"> |
| | | <view v-if="externalLinkType != 'miniProgram'" class="rights-card"> |
| | | <text class="rights-label">权益详情</text> |
| | | <text class="rights-content">{{rightsText}}</text> |
| | | </view> |
| | | <text v-if="tipText != ''" class="service-tip">{{tipText}}</text> |
| | | <text v-else class="service-desc">服务点:{{servicePointText}}</text> |
| | | <text v-if="externalLinkType != 'miniProgram' && tipText != ''" class="service-tip">{{tipText}}</text> |
| | | <view v-if="!available" class="unavailable-note"><text>{{unavailableReason}}</text></view> |
| | | </view> |
| | | <text v-if="externalLinkType == 'miniProgram' && tipText != ''" class="service-tip mini-program-tip">{{tipText}}</text> |
| | | |
| | | |
| | | </view> |
| | |
| | | .rights-label { color: #D86B35; font-size: 24rpx; line-height: 34rpx; font-weight: 700; } |
| | | .rights-content { margin-top: 10rpx; color: #4D5663; font-size: 26rpx; line-height: 40rpx; } |
| | | .service-tip { display: block; margin-top: 16rpx; color: #9CA6B5; font-size: 22rpx; line-height: 34rpx; } |
| | | .mini-program-tip { margin: 27rpx 40rpx 0; text-align: center; } |
| | | .unavailable-note { margin-top: 16rpx; text-align: center; } |
| | | .unavailable-note text { color: #D86B35; font-size: 23rpx; line-height: 34rpx; } |
| | | .phone-mask { display: flex; position: fixed; z-index: 50; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.45); justify-content: center; align-items: center; } |