diff --git a/src/assets/data.json b/src/assets/data.json
index 5496fcb..9bf95ef 100644
--- a/src/assets/data.json
+++ b/src/assets/data.json
@@ -77,6 +77,36 @@
         "en_name": "ProgrammerArea",
         "icon": "lni lni-code",
         "children": [
+            {
+                "name": "AI智能",
+                "en_name": "CodeHosting",
+                "web": [
+                    {
+                        "url": "https://tongyi.aliyun.com/",
+                        "logo": "https://img.alicdn.com/imgextra/i1/O1CN01asLYeX1WhbsyEZn5u_!!6000000002820-55-tps-56-56.svg",
+                        "title": "通义千问",
+                        "desc": "阿里云"
+                    },
+                    {
+                        "url": "https://www.doubao.com//",
+                        "logo": "https://lf-flow-web-cdn.doubao.com/obj/flow-doubao/doubao/logo-doubao-overflow.png",
+                        "title": "豆包",
+                        "desc": "字节跳动"
+                    },
+                    {
+                        "url": "https://kimi.moonshot.cn/",
+                        "logo": "https://statics.moonshot.cn/kimi-chat/favicon.ico",
+                        "title": "Kimi",
+                        "desc": "北京月之暗面科技有限公司"
+                    },
+                    {
+                        "url": "https://chatgpt.com/",
+                        "logo": "https://cdn.oaistatic.com/assets/apple-touch-icon-mz9nytnj.webp",
+                        "title": "ChatGPT",
+                        "desc": "OpenAI"
+                    }
+                ]
+            },
             {
                 "name": "代码托管",
                 "en_name": "CodeHosting",
diff --git a/src/components/WebItem.vue b/src/components/WebItem.vue
index c8b9226..e4f165b 100644
--- a/src/components/WebItem.vue
+++ b/src/components/WebItem.vue
@@ -1,30 +1,30 @@
 <template>
   <div>
     <h4 class="text-gray">
-      <i class="lni lni-tag" :id="transName(item)"></i>{{transName(item)}}
+      <i class="lni lni-tag" :id="transName(item)"></i>{{ transName(item) }}
     </h4>
     <div class="row">
-      <div class="col-sm-3" v-for="(web, idx) in item.web" :key="idx">
+      <div class="col-sm-3" v-for="(webitem, idx) in item.web" :key="idx">
         <div class="xe-widget xe-conversations box2 label-info" title=""
-          @click="openweb(web.url)"
-          data-toggle="tooltip" 
-          data-placement="bottom" 
-          :data-original-title="web.url">
+             @click="openweb(webitem.url)"
+             data-toggle="tooltip"
+             data-placement="bottom"
+             :data-original-title="webitem.url">
           <div class="xe-comment-entry">
             <a class="xe-user-img">
-              <img :src="web.logo" class="lozad img-circle" width="40">
+              <img :src="webitem.logo" class="lozad img-circle" width="40" alt="">
             </a>
             <div class="xe-comment">
               <a href="#" class="xe-user-name overflowClip_1">
-                <strong>{{web.title}}</strong>
+                <strong>{{ webitem.title }}</strong>
               </a>
-              <p class="overflowClip_2">{{web.desc}}</p>
+              <p class="overflowClip_2">{{ webitem.desc }}</p>
             </div>
           </div>
         </div>
       </div>
     </div>
-    <br />
+    <br/>
   </div>
 </template>
 
@@ -32,7 +32,7 @@
 export default {
   name: 'WebItem',
   props: {
-    item: Object,
+    item: {web: []},
     transName: Function
   },
   methods: {
diff --git a/src/views/index.vue b/src/views/index.vue
index d463052..00b132d 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -6,14 +6,10 @@
           <!-- logo -->
           <div class="logo">
             <a href="javascript:void(0)" class="logo-expanded">
-              <img src="../assets/images/logo@2x.png" width="100%" alt="" />
+              <img src="../assets/images/logo@2x.png" width="100%" alt=""/>
             </a>
             <a href="javascript:void(0)" class="logo-collapsed">
-              <img
-                src="../assets/images/logo-collapsed@2x.png"
-                width="40"
-                alt=""
-              />
+              <img src="../assets/images/logo-collapsed@2x.png" width="40" alt=""/>
             </a>
           </div>
           <div class="mobile-menu-toggle visible-xs">
@@ -37,9 +33,9 @@
                 <a :href="'#' + transName(submenu)" class="smooth">
                   <span class="title">{{ transName(submenu) }}</span>
                   <span
-                    v-show="submenu.is_hot"
-                    class="label label-pink pull-right hidden-collapsed"
-                    >Hot</span
+                      v-show="submenu.is_hot"
+                      class="label label-pink pull-right hidden-collapsed"
+                  >Hot</span
                   >
                 </a>
               </li>
@@ -50,9 +46,7 @@
             <router-link to="/about">
               <i class="lni lni-heart"></i>
               <span class="tooltip-blue">关于本站</span>
-              <span class="label label-Primary pull-right hidden-collapsed"
-                >♥︎</span
-              >
+              <span class="label label-Primary pull-right hidden-collapsed">♥</span>
             </router-link>
           </li>
         </ul>
@@ -67,16 +61,16 @@
           </li>
           <li class="dropdown hover-line language-switcher">
             <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
-              <img :src="lang.flag" /> {{ lang.name }}
+              <img :src="lang.flag"/> {{ lang.name }}
             </a>
             <ul class="dropdown-menu languages">
               <li
-                :class="{ active: langItem.key === lang.key }"
-                v-for="langItem in langList"
-                :key="langItem.key"
+                  :class="{ active: langItem.key === lang.key }"
+                  v-for="langItem in langList"
+                  :key="langItem.key"
               >
                 <a href="javascript:void(0)" @click="lang = langItem">
-                  <img :src="langItem.flag" /> {{ langItem.name }}
+                  <img :src="langItem.flag"/> {{ langItem.name }}
                 </a>
               </li>
             </ul>
@@ -93,14 +87,14 @@
 
       <div v-for="(item, idx) in items" :key="idx">
         <div v-if="item.web">
-          <WebItem :item="item" :transName="transName" />
+          <WebItem :item="item" :transName="transName"/>
         </div>
         <div v-else v-for="(subItem, idx) in item.children" :key="idx">
-          <WebItem :item="subItem" :transName="transName" />
+          <WebItem :item="subItem" :transName="transName"/>
         </div>
       </div>
 
-      <Footer />
+      <Footer/>
     </div>
   </div>
 </template>
@@ -109,7 +103,7 @@
 import WebItem from "../components/WebItem.vue";
 import Footer from "../components/Footer.vue";
 import itemsData from "../assets/data.json";
-import { loadJs } from '../assets/js/app.js'
+import {loadJs} from '../assets/js/app.js'
 
 export default {
   name: "Index",