| | |
|---|
| | | <template> |
|---|
| | | <view style="background-color: #0B166D;z-index: 0;"> |
|---|
| | | <view style="background: url('/static/img/qyBg.png') no-repeat top center; background-size: 100%;z-index: 3;"> |
|---|
| | | <view style="height: 50rpx;"></view> |
|---|
| | | <view class="head" style="position: relative"> |
|---|
| | | <view style="display: flex;justify-content: start;align-items:center;position: absolute;left: 0;top: 65rpx;padding-left: 30rpx;z-index: 9;color: #FFFFFF;width: 690rpx;"> |
|---|
| | | <view @tap="goHome" id="home" class="home acea-row row-center-wrapper iconfont icon-fanhui2 h5_back icon-shouye4"> |
|---|
| | | <uv-icon name="home" color="#ffffff" size="20"></uv-icon> |
|---|
| | | <uv-icon name="home" color="#ffffff" size="28"></uv-icon> |
|---|
| | | </view> |
|---|
| | | <view class="mm" style="text-align: center;flex: 1;">会员权益</view> |
|---|
| | | </view> |
|---|
| | |
|---|
| | | <p style="background: -webkit-linear-gradient(#FFEEE7, #F4936F);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">扣款期数：{{ memberPeriodConfigInfo.installmentPeriods }}期(先享后付，免息)</p> |
|---|
| | | <p style="background: -webkit-linear-gradient(#FFEEE7, #F4936F);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">有效期：365天</p> |
|---|
| | | </view> --> |
|---|
| | | <view style="display: flex;gap: 15rpx;padding-top: 250rpx;margin-left: 60rpx;"> |
|---|
| | | <view style="margin-left: 90rpx;font-size: 36rpx;font-weight: bold;background: linear-gradient(to right,#FCF2F1, #F7C984);-webkit-background-clip: text;background-clip: text;color: transparent;padding-top: 60rpx;">商城会员权益尊享卡</view> |
|---|
| | | <view style="font-size: 28rpx;margin-left: 90rpx;margin-top: 10rpx;"> |
|---|
| | | <p style="background: linear-gradient(to right,#FFEEE7, #F7C984);-webkit-background-clip: text;background-clip: text;color: transparent;">尊享卡会员费：{{ memberPeriodConfigInfo.totalBenefitsAmount }}元/年</p> |
|---|
| | | </view> |
|---|
| | | <view style="display: flex;gap: 15rpx;padding-top: 100rpx;margin-left: 60rpx;"> |
|---|
| | | <view style="width: 25%;display: flex;flex-direction: column;"> |
|---|
| | | <image style="width: 88rpx;height: 88rpx;" src="/static/img/qy1.png" mode="aspectFit"></image> |
|---|
| | | <text style="font-size: 24rpx;color: #331C03;margin-top: 15rpx;">精选商品</text> |
|---|
| | |
|---|
| | | </view> |
|---|
| | | </view> |
|---|
| | | |
|---|
| | | <view class="content" style="overflow-y: scroll;padding: 30rpx;background: #0B166D;padding-bottom: 140rpx;"> |
|---|
| | | |
|---|
| | | <view class="content" style="overflow-y: scroll;padding: 30rpx;padding-bottom: 140rpx;"> |
|---|
| | | |
|---|
| | | <view class="tips" style="background-color: #39499E;border-radius: 32rpx;margin-top: 20rpx;padding: 30rpx;color: #CFD5F5;font-size: 28rpx;"> |
|---|
| | | <view class="content-title" style="text-align: center;display: flex;align-items: center;justify-content: center;margin-top: 20rpx;margin-bottom: 30rpx;"> |
|---|
| | | <image style="width: 111rpx;height: 8rpx;" src="/static/img/nion1.png"></image> |
|---|
| | |
|---|
| | | |
|---|
| | | <!-- <view style="text-align: center;display: flex;flex-direction: row;justify-content: center"><text @click="submit(false)" style="color: #666666;margin-bottom: 20rpx;font-size: 28rpx">不同意</text></view>--> |
|---|
| | | </view> |
|---|
| | | <!-- <textBox v-if="showTextBox" ref="textBox" :code="memberPeriodConfigInfo.protocolCode" :title="memberPeriodConfigInfo.protocolName"></textBox> --> |
|---|
| | | <textBox v-if="showTextBox" ref="textBox" :code="memberPeriodConfigInfo.protocolCode" :title="memberPeriodConfigInfo.protocolName"></textBox> |
|---|
| | | </view> |
|---|
| | | </view> |
|---|
| | | </template> |
|---|
