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

lin

2026-04-27 e4793c64386ac9313a7471a65dd8605328aa0690

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

 pages/quanshou/index.vue

@@ -303,7 +303,7 @@


    <uni-popup type="center" ref="comment" >
      <view style="border-radius: 48rpx;padding: 28rpx 0;width: 538rpx;background: #FFFFFF;padding-top: 0;">
      <view style="position: relative;border-radius: 48rpx;padding: 28rpx 0;width: 538rpx;background: #FFFFFF;padding-top: 0;background: url('/static/img/qsTipsBg.png') no-repeat left center; background-size: 100%;height: 612rpx;">
        <view style="width: 100%;height: 200rpx;border-radius: 48rpx;">
          <view style="text-align: center;padding-top: 30rpx;" >
            <image src="/static/img/yifa.png" style="width: 560rpx;height: 252rpx;"></image>
@@ -312,12 +312,12 @@
        <view style="font-size: 32rpx;font-weight: 600;color: #333333;text-align: center;margin-top: 84rpx;margin-bottom: 40rpx;padding: 0 28rpx;">
          <view>{{ tips }}</view>
        </view>
        <view @click="$refs.comment.close()" style="font-weight: 500;font-size: 32rpx;color: #ffffff;text-align: center;padding: 24rpx 28rpx;border-top: 2rpx solid #EEEEEE;background-color: #4766FE;margin-left: 30rpx;margin-right: 30rpx;border-radius: 56rpx">好的</view>
        <view @click="$refs.comment.close()" style="position: absolute;width: 400rpx;bottom: 80rpx;left: 41rpx;font-weight: 500;font-size: 32rpx;color: #ffffff;text-align: center;padding: 24rpx 28rpx;border-top: 2rpx solid #EEEEEE;background-color: #4766FE;border-radius: 56rpx">好的</view>
      </view>
    </uni-popup>

    <uni-popup type="center" ref="life" >
      <view style="border-radius: 48rpx;padding: 28rpx 0;width: 538rpx;background: #FFFFFF;padding-top: 0;">
      <view style="position: relative;border-radius: 48rpx;padding: 28rpx 0;width: 538rpx;background: #FFFFFF;padding-top: 0;background: url('/static/img/qsTipsBg.png') no-repeat left center; background-size: 100%;height: 612rpx;">
        <view style="width: 100%;height: 200rpx;border-radius: 48rpx;">
          <view style="text-align: center;padding-top: 30rpx;">
            <image src="/static/img/qsLifeIcon.png" style="width: 560rpx;height: 252rpx;"></image>
@@ -326,7 +326,7 @@
        <view style="font-size: 32rpx;font-weight: 600;color: #333333;text-align: center;margin-top: 84rpx;margin-bottom: 40rpx;padding: 0 28rpx;">
          <view>{{ tips }}</view>
        </view>
        <view @click="$refs.life.close()" style="font-weight: 500;font-size: 32rpx;color: #ffffff;text-align: center;padding: 24rpx 28rpx;border-top: 2rpx solid #EEEEEE;background-color: #4766FE;margin-left: 30rpx;margin-right: 30rpx;border-radius: 56rpx">好的</view>
        <view @click="$refs.life.close()" style="position: absolute;width: 400rpx;bottom: 80rpx;left: 41rpx;font-weight: 500;font-size: 32rpx;color: #ffffff;text-align: center;padding: 24rpx 28rpx;border-top: 2rpx solid #EEEEEE;background-color: #4766FE;border-radius: 56rpx;">好的</view>
      </view>
    </uni-popup>
  </view>

 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>

 static/img/qsTipsBg.png

 static/img/qyBg.png

 static/img/qyBg2.png