猎寻

src/plugins/curtain/components/message.vue

@@ -7,11 +7,11 @@
       :persistent="persistent || false"
     >
       <div class="white-bgc pa-5" style="border-radius: 2px; max-height: 600px; overflow-y: auto;">
-        <div :class="['d-flex', {'flex-column': componentMap[name]}, 'align-center', {'mb-5': componentMap[name]}]">
+        <div :class="['d-flex', {'flex-column': name}, 'align-center', {'mb-5': name}]">
           <!-- 前置图标 -->
           <span
             v-if="icon"
-            :style="{color: iconColor? iconColor : color, fontSize: iconFontSize}"
+            :style="{color: iconColor? iconColor : color, fontSize: iconFontSize + 'px'}"
             :class="[icon]"
             class="ml-2 mr-2"
           ></span>
@@ -21,7 +21,7 @@
         </div>
       </div>
       <div class="text-center mt-3">
-        <span style="color: white; font-size: 28px;" class="mdi mdi-close-circle-outline cursor-pointer" @click="dialog = false"></span>
+        <span style="color: white; font-size: 50px;" class="mdi mdi-close-circle-outline cursor-pointer" @click="dialog = false"></span>
       </div>
     </v-dialog>
   </v-app>
@@ -41,8 +41,8 @@ defineProps({
     default: '450'
   },
   iconFontSize: {
-    type: String,
-    default: '50px'
+    type: [String, Number],
+    default: '50'
   },
   color: {
     type: String,

src/views/headhunting/index.vue

@@ -15,15 +15,22 @@
 
     <div class="mt-10">
       <h1 class="text-center highlight-color">公司简介</h1>
-      <p style="text-indent: 2em; line-height: 2em;" class="mt-5">门墩儿招聘平台（mendunerhr.com）是一家专注于酒店与泛服务业的职业发展与招聘网络平台。该平台由行业资深人士创立，
-        利用信息技术和大数据，为酒店业的高端人才提供职业发展服务，并为企业客户提供人才解决方案和战略建议。以下是对门墩儿招聘平台的详细介绍：</p>
-      
-      <div class="mt-3">
-        <div v-for="(k, i) in introduce" :key="i" class="mb-5">
-          <h3 class="mb-3">{{ k.title }}</h3>
-          <ul v-for="(j, index) in k.children" :key="index">
-            <li>{{ j }}</li>
-          </ul>
+      <div class="d-flex">
+        <div class="text-center" style="margin-right: 50px;">
+          <v-img width="250" height="300" aspect-ratio="16/9" src="https://minio.citupro.com/dev/menduner/ceo.jpg"></v-img>
+          <div>田森先生（Simon Tian）</div>
+        </div>
+        <div style="flex: 1;">
+          <p style="text-indent: 2em; line-height: 2em;" class="mt-5">门墩儿招聘平台（mendunerhr.com）是一家专注于酒店与泛服务业的职业发展与招聘网络平台。该平台由行业资深人士创立，
+            息技术和大数据，为酒店业的高端人才提供职业发展服务，并为企业客户提供人才解决方案和战略建议。以下是对门墩儿招聘平台的详细介绍：</p>
+          <div class="mt-3">
+            <div v-for="(k, i) in introduce" :key="i" class="mb-5">
+              <h3 class="mb-3">{{ k.title }}</h3>
+              <ul v-for="(j, index) in k.children" :key="index">
+                <li>{{ j }}</li>
+              </ul>
+            </div>
+          </div>
         </div>
       </div>
     </div>
@@ -196,4 +203,7 @@ const handleSubmit = async () => {
   cursor: pointer;
   text-decoration: underline;
 }
+ul li {
+  list-style: none;
+}
 </style>