From f83f74863b05def138a5c87c3084e0de0dc01392 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期三, 04 六月 2025 18:07:15 +0800
Subject: [PATCH] feat: UI
---
apps/taro/src/subpackages/my/AgentRecruitment/AgentRecruitment.vue | 64 ++++++++++++++++++++++++++++++--
1 files changed, 60 insertions(+), 4 deletions(-)
diff --git a/apps/taro/src/subpackages/my/AgentRecruitment/AgentRecruitment.vue b/apps/taro/src/subpackages/my/AgentRecruitment/AgentRecruitment.vue
index b24bfe9..bc2bba2 100644
--- a/apps/taro/src/subpackages/my/AgentRecruitment/AgentRecruitment.vue
+++ b/apps/taro/src/subpackages/my/AgentRecruitment/AgentRecruitment.vue
@@ -1,7 +1,26 @@
<template>
- <PageLayout title="浠ｇ悊鎷涘嫙" class="applyAgent-page-wrapper" hasBgColor :needAuth="false">
- <ContentScrollView hasPaddingTop style="background-color: transparent">
- <div>AgentRecruitment</div>
+ <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" />
+ <div class="agentRecruitment-page-main">
+ <img
+ class="agentRecruitment-page-img-item retail"
+ :src="OssAssets.mine.AgentRecruitmentRetail"
+ alt=""
+ />
+ <img
+ class="agentRecruitment-page-img-item brand"
+ :src="OssAssets.mine.AgentRecruitmentBrand"
+ alt=""
+ />
+ <img
+ class="agentRecruitment-page-img-item"
+ :src="OssAssets.mine.AgentRecruitmentArea"
+ alt=""
+ />
+ </div>
+ </div>
</ContentScrollView>
<PageFooter>
<PageFooterBtn type="primary" @click="submit">绔嬪嵆鐢宠</PageFooterBtn>
@@ -11,7 +30,7 @@
<script setup lang="ts">
import { PageLayout } from '@/components';
-import { RouterPath } from '@/constants';
+import { RouterPath, OssAssets } from '@/constants';
defineOptions({
name: 'AgentRecruitment',
@@ -23,3 +42,40 @@
});
}
</script>
+
+<style lang="scss">
+@import '@/styles/common.scss';
+
+.agentRecruitment-page-content {
+ width: 100%;
+ height: 100%;
+ position: relative;
+
+ .agentRecruitment-page-bg {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
+
+ .agentRecruitment-page-main {
+ position: absolute;
+ top: 930px;
+ left: 0;
+ width: 100%;
+
+ .agentRecruitment-page-img-item {
+ width: 100%;
+ height: auto;
+ object-fit: cover;
+
+ &.retail {
+ margin-bottom: 32px;
+ }
+
+ &.brand {
+ margin-bottom: 20px;
+ }
+ }
+ }
+}
+</style>
--
Gitblit v1.9.1