feat: UI

wupengfei

2025-06-05 418ebb17dd631d62095bf4279233da90343b373e

feat: UI

 apps/taro/src/constants/img.ts

@@ -10,6 +10,7 @@
    PhoneBillRechargePageBg: `${OssBasePath}/lifePayment/assets/common/icon-phoneBillRecharge-page-bg.png`,

    PromotionQrcodeContentBG: `${OssBasePath}/lifePayment/assets/common/icon-promotion-qrcode-content-bg.png`,
    PromotionQrcodeCodeBG: `${OssBasePath}/lifePayment/assets/common/icon-promotion-qrcode-code-bg.png`,
  },
  mine: {
    // Bg: `${OssBasePath}/matchMakingMini/assets/mine/icon-bg.png`,

 apps/taro/src/subpackages/my/AgentRecruitment/AgentRecruitment.vue

@@ -2,22 +2,29 @@
  <PageLayout title="代理招募" class="agentRecruitment-page-wrapper" hasBgColor :needAuth="false">
    <ContentScrollView :paddingH="false">
      <div class="agentRecruitment-page-content">
        <img :src="OssAssets.mine.AgentRecruitmentBg" class="agentRecruitment-page-bg" />
        <Image
          :src="OssAssets.mine.AgentRecruitmentBg"
          class="agentRecruitment-page-bg"
          mode="widthFix"
        />
        <div class="agentRecruitment-page-main">
          <img
          <Image
            class="agentRecruitment-page-img-item retail"
            :src="OssAssets.mine.AgentRecruitmentRetail"
            alt=""
            mode="widthFix"
          />
          <img
          <Image
            class="agentRecruitment-page-img-item brand"
            :src="OssAssets.mine.AgentRecruitmentBrand"
            alt=""
            mode="widthFix"
          />
          <img
          <Image
            class="agentRecruitment-page-img-item"
            :src="OssAssets.mine.AgentRecruitmentArea"
            alt=""
            mode="widthFix"
          />
        </div>
      </div>
@@ -31,6 +38,7 @@
<script setup lang="ts">
import { PageLayout } from '@/components';
import { RouterPath, OssAssets } from '@/constants';
import { Image } from '@tarojs/components';

defineOptions({
  name: 'AgentRecruitment',
@@ -48,12 +56,10 @@

.agentRecruitment-page-content {
  width: 100%;
  height: 100%;
  position: relative;

  .agentRecruitment-page-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }


 apps/taro/src/subpackages/my/AgentRecruitmentPoster/AgentRecruitmentPoster.vue

@@ -7,7 +7,11 @@
  >
    <ContentScrollView :paddingH="false">
      <div class="agentRecruitmentPoster-page-content">
        <img :src="OssAssets.mine.AgentRecruitmentPoster" class="agentRecruitmentPoster-page-bg" />
        <Image
          :src="OssAssets.mine.AgentRecruitmentPoster"
          class="agentRecruitmentPoster-page-bg"
          mode="widthFix"
        />
      </div>
    </ContentScrollView>
  </PageLayout>
@@ -16,6 +20,7 @@
<script setup lang="ts">
import { PageLayout } from '@/components';
import { RouterPath, OssAssets } from '@/constants';
import { Image } from '@tarojs/components';

defineOptions({
  name: 'AgentRecruitmentPoster',
@@ -27,11 +32,9 @@

.agentRecruitmentPoster-page-content {
  width: 100%;
  height: 100%;

  .agentRecruitmentPoster-page-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

 apps/taro/src/subpackages/my/promotionQrcode/InnerPage.vue

@@ -3,9 +3,9 @@
    <div class="promotion-qrcode-content" :style="barStyle">
      <div
        class="promotion-qrcode-content-qrcode"
        :style="{ backgroundImage: `url(${OssAssets.common.PromotionQrcodeContentBG})` }"
        :style="{ backgroundImage: `url(${OssAssets.common.PromotionQrcodeCodeBG})` }"
      >
        <ShareQrcodeView :channles-num="userChannles[0]?.channlesNum" :size="148" />
        <ShareQrcodeView :channles-num="userChannles[0]?.channlesNum" :size="150" />
        <div class="promotion-qrcode-content-qrcode-tips">长按二维码分享好友</div>
      </div>
      <div class="promotion-qrcode-content-btn">点击下载二维码</div>
@@ -16,9 +16,9 @@
<script setup lang="ts">
import { ShareQrcodeView, ResultWithoutBG } from '@life-payment/components';
import { useLifeRechargeContext } from '@life-payment/core-vue';
import { isWeb } from '@/utils/env';
import Taro from '@tarojs/taro';
import { useSystemStore } from '@/stores/modules/system';
import { CSSProperties } from 'vue';
import { CSSProperties, useTemplateRef } from 'vue';
import { OssAssets } from '@/constants';

defineOptions({
@@ -68,11 +68,12 @@
  }

  .promotion-qrcode-content-qrcode {
    width: 432px;
    height: 432px;
    width: 440px;
    height: 438px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
@@ -103,7 +104,7 @@
  }

  .share-qrcode-view {
    margin-top: 60px;
    margin-top: -20px;
    padding: 0;
  }
}