From 418ebb17dd631d62095bf4279233da90343b373e Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期四, 05 六月 2025 15:40:25 +0800
Subject: [PATCH] feat: UI
---
apps/taro/src/subpackages/my/AgentRecruitmentPoster/AgentRecruitmentPoster.vue | 9 ++++++---
apps/taro/src/subpackages/my/AgentRecruitment/AgentRecruitment.vue | 18 ++++++++++++------
apps/taro/src/subpackages/my/promotionQrcode/InnerPage.vue | 15 ++++++++-------
apps/taro/src/constants/img.ts | 1 +
4 files changed, 27 insertions(+), 16 deletions(-)
diff --git a/apps/taro/src/constants/img.ts b/apps/taro/src/constants/img.ts
index b6af7e6..2f2d4bc 100644
--- a/apps/taro/src/constants/img.ts
+++ b/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`,
diff --git a/apps/taro/src/subpackages/my/AgentRecruitment/AgentRecruitment.vue b/apps/taro/src/subpackages/my/AgentRecruitment/AgentRecruitment.vue
index bc2bba2..a685423 100644
--- a/apps/taro/src/subpackages/my/AgentRecruitment/AgentRecruitment.vue
+++ b/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;
}
diff --git a/apps/taro/src/subpackages/my/AgentRecruitmentPoster/AgentRecruitmentPoster.vue b/apps/taro/src/subpackages/my/AgentRecruitmentPoster/AgentRecruitmentPoster.vue
index 91b22b1..156592d 100644
--- a/apps/taro/src/subpackages/my/AgentRecruitmentPoster/AgentRecruitmentPoster.vue
+++ b/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;
}
}
diff --git a/apps/taro/src/subpackages/my/promotionQrcode/InnerPage.vue b/apps/taro/src/subpackages/my/promotionQrcode/InnerPage.vue
index 371efe9..0d69e69 100644
--- a/apps/taro/src/subpackages/my/promotionQrcode/InnerPage.vue
+++ b/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;
}
}
--
Gitblit v1.9.1