fix: 删除邮件人机验证，prod2-65/66

boyang
1 parent 6ca03742
Showing 1 changed file with 73 additions and 67 deletions
pages/contact.vue
@@ -42,29 +42,29 @@
           rel="noopener noreferrer"
           style="display: flex; align-items: center; gap: 8px"
         >
-          <span
-            ><svg
-              t="1733206392822"
-              class="icon"
-              viewBox="0 0 1024 1024"
-              version="1.1"
-              xmlns="http://www.w3.org/2000/svg"
-              p-id="5464"
-              width="20"
-              height="20"
-            >
-              <path
-                d="M948.245333 0H75.52C33.877333 0 0.021333 33.066667 0.021333 73.813333v876.288C0 990.890667 33.877333 1024 75.52 1024h872.704c41.749333 0 75.733333-33.109333 75.733333-73.898667V73.834667C1024 33.045333 989.994667 0 948.266667 0z"
-                fill="#007BB5"
-                p-id="5465"
-              ></path>
-              <path
-                d="M151.744 383.893333h152.021333V872.533333H151.744V383.893333z m76.053333-242.922666a88.106667 88.106667 0 1 1-0.128 176.170666 88.106667 88.106667 0 0 1 0.128-176.170666M399.04 383.893333h145.578667v66.794667h2.090666c20.266667-38.4 69.802667-78.933333 143.701334-78.933333 153.770667 0 182.186667 101.184 182.186666 232.810666V872.533333h-151.850666v-237.653333c0-56.661333-0.981333-129.557333-78.933334-129.557333-79.018667 0-91.093333 61.76-91.093333 125.525333v241.706667h-151.68V383.872z"
-                fill="#FFFFFF"
-                p-id="5466"
-              ></path></svg></span
-          >LinkedIn</a
-        >
+          <svg
+            t="1733206392822"
+            class="icon"
+            viewBox="0 0 1024 1024"
+            version="1.1"
+            xmlns="http://www.w3.org/2000/svg"
+            p-id="5464"
+            width="20"
+            height="20"
+          >
+            <path
+              d="M948.245333 0H75.52C33.877333 0 0.021333 33.066667 0.021333 73.813333v876.288C0 990.890667 33.877333 1024 75.52 1024h872.704c41.749333 0 75.733333-33.109333 75.733333-73.898667V73.834667C1024 33.045333 989.994667 0 948.266667 0z"
+              fill="#007BB5"
+              p-id="5465"
+            ></path>
+            <path
+              d="M151.744 383.893333h152.021333V872.533333H151.744V383.893333z m76.053333-242.922666a88.106667 88.106667 0 1 1-0.128 176.170666 88.106667 88.106667 0 0 1 0.128-176.170666M399.04 383.893333h145.578667v66.794667h2.090666c20.266667-38.4 69.802667-78.933333 143.701334-78.933333 153.770667 0 182.186667 101.184 182.186666 232.810666V872.533333h-151.850666v-237.653333c0-56.661333-0.981333-129.557333-78.933334-129.557333-79.018667 0-91.093333 61.76-91.093333 125.525333v241.706667h-151.68V383.872z"
+              fill="#FFFFFF"
+              p-id="5466"
+            ></path>
+          </svg>
+          LinkedIn
+        </a>
       </span>
       <span class="tw-mt-2">
         <a
@@ -208,13 +208,12 @@
         @blur="v$.text.$touch"
         @input="v$.text.$touch"
       ></v-text-field>
-<!--      <div class="recaptcha-container" style="margin-bottom: 20px">-->
-<!--        &lt;!&ndash; reCAPTCHA v2 Checkbox &ndash;&gt;-->
-<!--        <div id="recaptcha" class="g-recaptcha"></div>-->
-<!--        &lt;!&ndash; 验证成功后显示的消息 &ndash;&gt;-->
-<!--        &lt;!&ndash; <div v-if="verified" class="success-message">验证通过！</div> &ndash;&gt;-->
-<!--      </div>-->
-      <!-- <v-btn class="me-4" @click="v$.$validate"> submit </v-btn> -->
+      <!-- Recaptcha container commented out as requested
+      <div class="recaptcha-container" style="margin-bottom: 20px">
+        <div id="recaptcha" class="g-recaptcha"></div>
+        <div v-if="verified" class="success-message">验证通过！</div>
+      </div>
+      -->
       <v-btn class="me-4" @click="handleSubmit"> submit </v-btn>
       <v-btn @click="clear"> clear </v-btn>
     </form>
@@ -244,7 +243,7 @@ import { ref, reactive } from &quot;vue&quot;;
 import { useVuelidate } from "@vuelidate/core";
 import { email, required, maxLength } from "@vuelidate/validators";
-const verified = ref(false); // 验证状态
+const verified = ref(true); // 验证状态设为true，不再依赖reCAPTCHA
 const snackbar = ref(false);
 const snackbarFailed = ref(false);
 const initialState = {
@@ -259,29 +258,26 @@ const state = reactive({
 });
 const handleSubmit = async () => {
-  if (verified.value) {
-    let { data } = await useAsyncData(
-      "sendEmail",
-      () =>
-        $fetch("/email/send", {
-          method: "POST",
-          body: {
-            firstName: state.firstName,
-            lastName: state.lastName,
-            email: state.email,
-            message: state.text,
-            subject: "",
-          },
-        }),
-      {
-        server: true, // 仅在服务器端获取数据
-      }
-    );
-    if (data.value.message == "成功") {
-      snackbar.value = true;
-    } else {
-      snackbarFailed.value = true;
+  // Removed verification condition since recaptcha is commented out
+  let { data } = await useAsyncData(
+    "sendEmail",
+    () =>
+      $fetch("/email/send", {
+        method: "POST",
+        body: {
+          firstName: state.firstName,
+          lastName: state.lastName,
+          email: state.email,
+          message: state.text,
+          subject: "",
+        },
+      }),
+    {
+      server: true, // 仅在服务器端获取数据
     }
+  );
+  if (data.value.message == "成功") {
+    snackbar.value = true;
   } else {
     snackbarFailed.value = true;
   }
@@ -305,6 +301,8 @@ function clear() {
   }
 }
+// Recaptcha related code commented out as requested
+/*
 onMounted(() => {
   // 动态加载 reCAPTCHA 脚本并初始化
   loadRecaptchaScript(() => {
@@ -356,16 +354,15 @@ const loadRecaptchaScript = (callback) =&gt; {
   // 脚本加载完成后的回调
   script.onload = () => {
-    // 修改开始
     callback();
-  }; // 修改结束
+  };
   // 脚本加载失败时的回调
   script.onerror = () => {};
   document.head.appendChild(script);
 };
-
+*/
 useHead({
   title: "Contact",
 });
@@ -483,10 +480,13 @@ useHead({
 @media screen and (min-width: 1537px) {
   .image-name {
     display: -webkit-box; /* Enables multi-line text handling */
-    -webkit-box-orient: vertical; /* Defines the vertical orientation of the box */
+    -webkit-box-orient: vertical; /* Sets the vertical orientation of the box */
     -webkit-line-clamp: 3; /* Limits the text to 3 lines */
     overflow: hidden; /* Hides the overflowed text */
     text-overflow: ellipsis; /* Adds an ellipsis when the text overflows */
+    white-space: normal; /* Allows the text to wrap */
+    line-height: 1.5em; /* Sets the line height */
+    min-height: calc(3 * 1.5em); /* Ensures the minimum height is 3 lines */
     margin-top: 5px;
     font-size: 16px;
     width: 180px;
@@ -498,10 +498,13 @@ useHead({
 @media screen and (max-width: 1536px) and (min-width: 1281px) {
   .image-name {
     display: -webkit-box; /* Enables multi-line text handling */
-    -webkit-box-orient: vertical; /* Defines the vertical orientation of the box */
+    -webkit-box-orient: vertical; /* Sets the vertical orientation of the box */
     -webkit-line-clamp: 3; /* Limits the text to 3 lines */
     overflow: hidden; /* Hides the overflowed text */
     text-overflow: ellipsis; /* Adds an ellipsis when the text overflows */
+    white-space: normal; /* Allows the text to wrap */
+    line-height: 1.5em; /* Sets the line height */
+    min-height: calc(3 * 1.5em); /* Ensures the minimum height is 3 lines */
     margin-top: 5px;
     font-size: 16px;
     width: 180px;
@@ -513,10 +516,13 @@ useHead({
 @media screen and (max-width: 1280px) {
   .image-name {
     display: -webkit-box; /* Enables multi-line text handling */
-    -webkit-box-orient: vertical; /* Defines the vertical orientation of the box */
+    -webkit-box-orient: vertical; /* Sets the vertical orientation of the box */
     -webkit-line-clamp: 3; /* Limits the text to 3 lines */
     overflow: hidden; /* Hides the overflowed text */
     text-overflow: ellipsis; /* Adds an ellipsis when the text overflows */
+    white-space: normal; /* Allows the text to wrap */
+    line-height: 1.5em; /* Sets the line height */
+    min-height: calc(3 * 1.5em); /* Ensures the minimum height is 3 lines */
     margin-top: 5px;
     font-size: 16px;
     width: 180px;
@@ -569,14 +575,14 @@ button .recommendButton {
   transition: all 0.3s ease-in-out;
 }
 .clamp-text {
-  display: -webkit-box; /* 使用弹性盒子 */
-  -webkit-box-orient: vertical; /* 设置为垂直方向 */
-  -webkit-line-clamp: 3; /* 限制最多显示3行 */
-  overflow: hidden; /* 隐藏多余内容 */
-  text-overflow: ellipsis; /* 添加省略号 */
-  white-space: normal; /* 允许换行 */
-  line-height: 1.5em; /* 设置每行的高度 */
-  min-height: calc(3 * 1.5em); /* 确保最小高度为3行 */
+  display: -webkit-box; /* Enables multi-line text handling */
+  -webkit-box-orient: vertical; /* Sets the vertical orientation of the box */
+  -webkit-line-clamp: 3; /* Limits the text to 3 lines */
+  overflow: hidden; /* Hides the overflowed text */
+  text-overflow: ellipsis; /* Adds an ellipsis when the text overflows */
+  white-space: normal; /* Allows the text to wrap */
+  line-height: 1.5em; /* Sets the line height */
+  min-height: calc(3 * 1.5em); /* Ensures the minimum height is 3 lines */
 }
 span a {
   color: black;