UI: 澜品优选权益+权收背景图

lin

2026-04-27 e4793c64386ac9313a7471a65dd8605328aa0690

 pages/quanyi/index.vue

@@ -150,7 +150,11 @@
       <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>
@@ -186,7 +190,7 @@
     </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;">
@@ -303,7 +307,7 @@

      <!--      <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>