fix(app): 报名详情

packages/app/src/pages/home/activity/detail/index.vue

@@ -20,6 +20,7 @@ import AvatarGroupCasual from '@/components/avatar-group-casual/avatar-group-cas
 import { calendar, clock, funnel, location, user } from '@designer-hub/assets/src/icons'
 import { signupSuccessDialogBg } from '@designer-hub/assets/src/bgs'
 import { NetImages } from '../../../../core/libs/net-images'
+import signupListDialogBg from '@designer-hub/assets/src/libs/assets/signupListDialogBg'
 
 const themeVars = ref<ConfigProviderThemeVars>({
   tableBorderColor: 'white',
@@ -237,17 +238,37 @@ onLoad(async (query: { id: string; type: 'activity' }) => {
       </view>
     </wd-action-sheet>
     <wd-overlay :show="listShow" @click="listShow = false">
-      <view class="flex h-full items-center justify-center">
-        <div class="flex flex-col gap-5 bg-white">
-          <PageHelper :request="getActivitySignups" :query="{ activityId: id }">
-            <template #default="{ source }">
-              <template v-for="(it, i) in source.list" :key="i">
-                <div class="text-black/40 text-sm font-normal font-['PingFang SC'] leading-normal">
-                  {{ dayjs(it.createTime).format('YYYY-MM-DD') }} 白金会员-王璐已报名
-                </div>
-              </template>
-            </template>
-          </PageHelper>
+      <view class="flex px-10 h-full items-center justify-center">
+        <div class="w-full flex flex-col gap-5 aspect-[0.71/1] relative">
+          <div class="absolute top-0 left-0 right-0 bottom-0 z--1">
+            <wd-img width="100%" height="100%" :src="signupListDialogBg"></wd-img>
+          </div>
+          <div class="h-full box-border py-5 px-7.25 flex flex-col justify-between">
+            <div class="flex justify-between">
+              <div class="text-justify text-white text-2xl font-bold font-['Alimama_ShuHeiTi']">
+                报名详情
+              </div>
+            </div>
+            <div class="flex flex-col justify-center aspect-[0.7/1] gap-5 p-6.5">
+              <PageHelper
+                :request="getActivitySignups"
+                :query="{ activityId: id }"
+                class="flex-grow flex flex-col"
+              >
+                <template #default="{ source }">
+                  <div class="flex flex-col gap-5">
+                    <template v-for="(it, i) in source.list" :key="i">
+                      <div
+                        class="text-black text-sm font-normal font-['PingFang_SC'] leading-normal"
+                      >
+                        {{ dayjs(it.createTime).format('YYYY-MM-DD') }} {{ it.name }}已报名
+                      </div>
+                    </template>
+                  </div>
+                </template>
+              </PageHelper>
+            </div>
+          </div>
         </div>
       </view>
     </wd-overlay>

packages/assets/src/assets/signup-list-dialog-bg.svg

@@ -0,0 +1,10 @@
+<svg width="293" height="412" viewBox="0 0 293 412" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="271" height="171" rx="16" transform="matrix(-1 0 0 1 282 0)" fill="url(#paint0_linear_2064_348)"/>
+<path d="M293 96.0283C293 87.6385 286.519 80.6735 278.151 80.0698L17.1515 61.2375C7.8855 60.569 0 67.906 0 77.1961V396C0 404.837 7.16345 412 16 412H277C285.837 412 293 404.837 293 396V96.0283Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_2064_348" x1="-19" y1="110.5" x2="271" y2="-5.00002" gradientUnits="userSpaceOnUse">
+<stop stop-color="#121114"/>
+<stop offset="0.993681" stop-color="#444245"/>
+</linearGradient>
+</defs>
+</svg>

packages/assets/src/libs/assets/signupListDialogBg.ts

@@ -0,0 +1,2 @@
+import signupListDialogBg from '../../assets/signup-list-dialog-bg.svg' 
+ export default signupListDialogBg