feat: 页面编写

src/views/teacher/SubmissionSuccess.vue

@@ -1,12 +1,7 @@
 <template>
   <main
-    class="box-border flex h-full min-h-full flex-col items-center px-37 pt-[20vh] bg-[linear-gradient(180deg,#eef4fe_0%,#f5f6f8_42%)]">
-    <div
-      class="flex size-88 items-center justify-center rounded-full bg-[linear-gradient(180deg,#4a9bff_0%,#1580ff_100%)] [box-shadow:0_10px_20px_rgba(21,128,255,0.25)]"
-      aria-hidden="true">
-
-    </div>
-
+    class="custom-bg box-border flex h-full min-h-full flex-col items-center px-37 pt-[20vh] bg-[linear-gradient(180deg,#eef4fe_0%,#f5f6f8_42%)]">
+    <img class="w-88 h-103" src="https://lw-zk.oss-cn-hangzhou.aliyuncs.com/inviteReception/icon_chenggong.png" alt="">      
     <h1 class="mt-[6.25rem] text-[5rem] font-500 leading-none text-[#000]">提交成功</h1>
     <p class="mt-[2.5rem] text-[3.5rem] leading-none text-[#666]">短信已发送，请查收</p>
 
@@ -31,3 +26,12 @@
     await router.replace({ name: "teacher-invitation-form" });
   };
 </script>
+
+<style type="scss" scoped>
+.custom-bg{
+    background-image: url("https://lw-zk.oss-cn-hangzhou.aliyuncs.com/inviteReception/tijiao_BG.png");
+    background-repeat: no-repeat;
+    background-position: right top;
+    background-size: auto 263px;
+}
+</style>