Browse Source

feat(app): 添加设计师认证提交成功页面及其图标

EvilDragon 5 months ago
parent
commit
092be51eb9

+ 1 - 0
packages/app/pages.config.ts

@@ -50,6 +50,7 @@ export default defineUniPages({
       { name: '设计游学', path: 'pages/index/study-tour/index' },
       { name: '登录', path: 'pages/login/index' },
       { name: '我的', path: 'pages/mine/index' },
+      { name: '设计师认证提交成功', path: 'pages/mine/authentication/submit/success/index' },
     ],
   },
 })

+ 6 - 0
packages/app/src/assets/svgs/success.svg

@@ -0,0 +1,6 @@
+<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="38" cy="38" r="30" fill="black" fill-opacity="0.85"/>
+<circle cx="38" cy="38" r="30" fill="black" fill-opacity="0.65"/>
+<circle cx="38" cy="38" r="30" fill="black" fill-opacity="0.45"/>
+<path d="M35.8672 47.4909C35.3092 47.4909 34.7534 47.2816 34.3277 46.8653L25.6183 38.3116C24.7692 37.4767 24.7692 36.1219 25.6183 35.287C26.4696 34.4522 27.848 34.4522 28.6971 35.287L35.8672 42.3285L49.5676 28.8734C50.4168 28.0363 51.7952 28.0363 52.6465 28.8734C53.4956 29.7083 53.4956 31.0609 52.6465 31.8958L37.4066 46.8653C36.9809 47.2816 36.423 47.4909 35.8672 47.4909Z" fill="white"/>
+</svg>

+ 2 - 0
packages/app/src/core/libs/svgs.ts

@@ -30,6 +30,7 @@ import phone from '@/assets/svgs/phone.svg'
 import route from '@/assets/svgs/route.svg'
 import system from '@/assets/svgs/system.svg'
 import interact from '@/assets/svgs/interact.svg'
+import success from '@/assets/svgs/success.svg'
 export {
   polygon16,
   frame,
@@ -63,4 +64,5 @@ export {
   route,
   system,
   interact,
+  success,
 }

+ 4 - 0
packages/app/src/pages.json

@@ -52,6 +52,10 @@
       {
         "name": "我的",
         "path": "pages/mine/index"
+      },
+      {
+        "name": "设计师认证提交成功",
+        "path": "pages/mine/authentication/submit/success/index"
       }
     ]
   },

+ 9 - 5
packages/app/src/pages/mine/authentication/submit/success/index.vue

@@ -2,13 +2,17 @@
 style:
   navigationBarTitleText: 提交成功
 </route>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { success } from '@/core/libs/svgs'
+</script>
 <template>
-  <div>
-    <div class="w-[60px] h-[60px] bg-black/40 rounded-full"></div>
-    <div class="text-black/90 text-xl font-normal font-['PingFang SC'] leading-none">提交成功</div>
+  <div class="flex-grow flex flex-col justify-center items-center">
+    <wd-img width="60" height="60" :src="success" custom-class="mb-4.5"></wd-img>
+    <div class="mb-10 text-black/90 text-xl font-normal font-['PingFang SC'] leading-none">
+      提交成功
+    </div>
     <div
-      class="w-[210px] h-[45px] text-center text-black/40 text-base font-normal font-['PingFang SC'] leading-relaxed"
+      class="text-center text-black/40 text-base font-normal font-['PingFang SC'] leading-relaxed"
     >
       我们会有专属客户与您联系
       <br />