修改主页样式

components.d.ts

@@ -7,22 +7,6 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
-    ElButton: typeof import('element-plus/es')['ElButton']
-    ElCard: typeof import('element-plus/es')['ElCard']
-    ElDialog: typeof import('element-plus/es')['ElDialog']
-    ElDivider: typeof import('element-plus/es')['ElDivider']
-    ElForm: typeof import('element-plus/es')['ElForm']
-    ElFormItem: typeof import('element-plus/es')['ElFormItem']
-    ElInput: typeof import('element-plus/es')['ElInput']
-    ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
-    ElTable: typeof import('element-plus/es')['ElTable']
-    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
-    ElTabPane: typeof import('element-plus/es')['ElTabPane']
-    ElTabs: typeof import('element-plus/es')['ElTabs']
-    ElTag: typeof import('element-plus/es')['ElTag']
-    ElText: typeof import('element-plus/es')['ElText']
-    ElTooltip: typeof import('element-plus/es')['ElTooltip']
-    ElUpload: typeof import('element-plus/es')['ElUpload']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }

src/views/HomeView.vue

@@ -6,7 +6,7 @@
           <el-tabs v-model="activePane" class="h-full flex flex-col">
             <el-tab-pane label="文件接收" name="receive" class="h-full">
 
-              <div class="flex justify-center h-full">
+              <div class="flex justify-center h-full receive-page">
                 <div class="card-form">
                   <h2 style="font-size: 1.2rem;font-weight: bold;color: #484848;" class="w-full text-center mt-4 mb-12">
                     {{ data.subject?.name + '文件收集' }}
@@ -97,19 +97,22 @@
                 </div>
               </div>
             </el-tab-pane>
-            <el-tab-pane label="联系" name="concat" class="h-full">
+            <el-tab-pane label="联系" name="concat" class="h-full  px-8">
               <div class="flex flex-row h-full contact justify-center">
                 <div class="contact-card">
-                  <p class="mx-6 my-2" style="font-size: 0.9rem">尊敬的{{data.sender_company}}，您好</p>
+                  <p class="mx-6 my-2" style="font-size: 1.3rem;
-                  <p class="mx-6 my-2" style="font-size: 0.9rem">若您在提交文件时遇到问题，可联系我们的对接人员协助您</p>
+    font-weight: bold;">尊敬的{{ data.sender_company }}，您好</p>
+                  <p class="mx-6 mt-4" style="font-size: 0.9rem">若您在提交文件时遇到问题，可联系我们的对接人员协助您</p>
                   <div>
-                    <span>联系人</span><span>{{ contactInfo.name }}</span>
+                    <span>联系人:</span><span class="ml-4">{{ contactInfo.name }}</span>
                   </div>
                   <div>
-                    <span>邮箱号</span><span>{{ contactInfo.email }}</span>
+                    <span>邮箱号:</span><span class="ml-4">{{ contactInfo.email }}</span>
                   </div>
                   <div>
-                    <span>企业微信二维码</span><span>{{ contactInfo.qrcode }}</span>
+                    <span>企业微信二维码:</span><div class="flex mt-8 justify-center items-center">
+                    <img style="width: 18rem" src="/qrcode.jpg">
+                  </div>
                   </div>
                 </div>
                 <!--                <div class="flex-1 flex justify-center items-center">-->
@@ -212,7 +215,7 @@ const codeTemp = ref('')
 const inited = ref(false)
 const activePane = ref<'receive' | 'concat'>('receive')
 const checked = ref(false)
-const contactInfo = ref({name: "", email: '', qrcode: ''})
+const contactInfo = ref({name: "王思川", email: 'sichuanwong0527@gmail.com', qrcode: ''})
 const authCode = ref({urlCode: '', code: ''})
 const templateFileSelect = ref<ReceiveSubjectFile>({})
 watch(() => route.fullPath, () => {
@@ -361,7 +364,7 @@ function downFile(row: ReceiveFile) {
   margin: 0.5rem;
   border-radius: 0.5rem;
   color: #4d4d4d;
-  min-width: 62rem;
+  width: 100%;
   font-size: 0.9rem;
   background: white;
 }
@@ -422,6 +425,7 @@ function downFile(row: ReceiveFile) {
 }
 
 .contact-card {
+  font-size: 0.9rem;
   background: white;
   border: 1px solid #a9aeff;
   box-shadow: 0px 1px 6px 2px #9595957a;
@@ -432,6 +436,7 @@ function downFile(row: ReceiveFile) {
   overflow: hidden;
   width: 36rem;
 }
+
 .contact-card > div {
   margin: 1.5rem;
 }