feat: link ai tools

components/HomeContent.vue

@@ -31,16 +31,12 @@ const withLink = (href: string) => {
 
     <HomeSection title="新手入门">
       <HomeSectionContent :span="12">
-        <HomeCard
-          color="skyblue"
-          :backgroundStyle="{
-            right: '16px',
-            bottom: '24px',
-            width: '268px',
-            height: '148px',
-          }"
-          :link="withLink('')"
-        >
+        <HomeCard color="skyblue" :backgroundStyle="{
+          right: '16px',
+          bottom: '24px',
+          width: '268px',
+          height: '148px',
+        }" :link="withLink('')">
           <template #background>
             <img src="@/assets/images/card1.png" />
           </template>
@@ -56,15 +52,12 @@ const withLink = (href: string) => {
         </HomeCard>
       </HomeSectionContent>
       <HomeSectionContent :span="12">
-        <HomeCard
-          :backgroundStyle="{
-            right: '40px',
-            bottom: '24px',
-            width: '128px',
-            height: '128px',
-          }"
-          :link="withLink('#登录')"
-        >
+        <HomeCard :backgroundStyle="{
+          right: '40px',
+          bottom: '24px',
+          width: '128px',
+          height: '128px',
+        }" :link="withLink('#登录')">
           <template #background>
             <img src="@/assets/images/card2.png" />
           </template>
@@ -155,11 +148,11 @@ const withLink = (href: string) => {
             </HomeCard>
           </HomeCardContent>
           <HomeCardContent :span="8">
-            <HomeCard color="white" :link="undefined">
+            <HomeCard color="white" :link="withLink('AI工具')">
               <template #title>
                 <HomeCard.Title>
                   <IconAiZhuShou />
-                  <el-badge value="即将上线"> AI助手 </el-badge>
+                  AI助手
                 </HomeCard.Title>
               </template>
               <HomeCardContent> 使用生成式人工智能技术提供对话式工具。 </HomeCardContent>
@@ -256,17 +249,12 @@ const withLink = (href: string) => {
       <HomeSectionContent>
         <HomeCard>
           <HomeCardContent :span="12">
-            <HomeCard
-              title="常见问题"
-              color="white"
-              :backgroundStyle="{
-                right: '10px',
-                bottom: '0',
-                width: '122px',
-                height: '128px',
-              }"
-              :link="undefined"
-            >
+            <HomeCard title="常见问题" color="white" :backgroundStyle="{
+              right: '10px',
+              bottom: '0',
+              width: '122px',
+              height: '128px',
+            }" :link="undefined">
               <template #title>
                 <HomeCard.Title>
                   <el-badge value="即将上线"> 常见问题 </el-badge>
@@ -301,17 +289,12 @@ const withLink = (href: string) => {
             </HomeCard>
           </HomeCardContent> -->
           <HomeCardContent :span="12">
-            <HomeCard
-              title="如何与AI对话"
-              color="white"
-              :backgroundStyle="{
-                right: '17px',
-                bottom: '0',
-                width: '167px',
-                height: '92px',
-              }"
-              :link="undefined"
-            >
+            <HomeCard title="如何与AI对话" color="white" :backgroundStyle="{
+              right: '17px',
+              bottom: '0',
+              width: '167px',
+              height: '92px',
+            }" :link="undefined">
               <template #title>
                 <HomeCard.Title>
                   <el-badge value="即将上线"> 如何与AI对话 </el-badge>
@@ -339,6 +322,7 @@ const withLink = (href: string) => {
   gap: 80px;
   padding-top: 80px;
 }
+
 .fancy-list {
   list-style-type: none;
   margin: 0;
@@ -347,6 +331,7 @@ const withLink = (href: string) => {
   flex-direction: column;
   align-items: stretch;
   gap: 10px;
+
   li {
     display: flex;
     height: 38px;
@@ -357,20 +342,24 @@ const withLink = (href: string) => {
     padding: 8px 4px;
     margin: 0;
     cursor: pointer;
+
     &::before {
       content: "•";
       margin: 0 8px;
     }
+
     &:hover {
       // border: 1px solid #3681fc;
       border-color: #3681fc;
       background: #ffffff;
     }
+
     span {
       flex: 1;
     }
   }
 }
+
 .el-button:not(:hover) {
   background-color: transparent;
   border: 1px solid #aeccfe;