feat：1、澜品优选 样式优化

lin

2026-05-12 a861cbac6d618f1968c8b41d69775875b17366e4

 pages/quanyi/index.vue

@@ -131,10 +131,11 @@
<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>
@@ -192,7 +193,7 @@

    <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="tips" style="background-color: #39499E;border-radius: 50rpx;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="font-size: 36rpx;color: #CFD5F5;margin: 0 20rpx;">会员权益说明</view>
@@ -306,6 +307,31 @@
      </view> -->

      <!--      <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 style="padding: 0 30rpx; background-color: #FFFFFF;padding-top: 3rpx;border-radius: 50rpx;margin-top: 30rpx;">
        <view class="content-title" style="text-align: center;margin-top: 50rpx;margin-bottom: 40rpx;">
         <view style="font-size: 36rpx;color: #333333;margin: 0 20rpx;">
           <span class="content-title-item">虚拟权益</span>
         </view>
         <view style="color: #666666;font-size: 24rpx;">专享权益以实际兑换页面为准</view>
        </view>
        <view class="life" style="background: url('/static/img/qsLife.png') no-repeat top center; background-size: 100%;width: 100%;height: 500rpx;">
  
        </view>
        <view class="life" style="background: url('/static/img/qsLife2.png') no-repeat top center; background-size: 100%;width: 100%;height: 700rpx;">
  
        </view>
        <view class="content-title" style="text-align: center;margin-top: 0rpx;margin-bottom: 40rpx;">
         <view style="font-size: 36rpx;color: #333333;margin: 0 20rpx;">
           <span class="content-title-item">实物权益</span>
         </view>
         <view style="color: #666666;font-size: 24rpx;">专享权益以商城实际发出商品为准</view>
        </view>
        <view class="physical" style="background: url('/static/img/qsPhysical.png') no-repeat top center; background-size: 100%;width: 100%;height: 982rpx;">
  
        </view>
      </view>
    </view>
    <textBox v-if="showTextBox" ref="textBox" :code="memberPeriodConfigInfo.protocolCode" :title="memberPeriodConfigInfo.protocolName"></textBox>
  </view>