banner

src/views/website/home/components/Banner.tsx

@@ -90,11 +90,12 @@ export default defineComponent({
               <SwiperSlide>
                 <div
                   class={"banner_item"}
+                  style={{ backgroundImage: `url(${item.cover})` }}
                   onClick={() => {
                     bannerClick(item);
                   }}
                 >
-                  <Image src={item.cover} />
+                  {/* <Image src={item.cover} /> */}
                 </div>
               </SwiperSlide>
             );
@@ -150,6 +151,11 @@ const page = css`
       user-select: none;
     }
     .banner_item {
+      height: 600px;
+      width: 100%;
+      background-repeat: no-repeat;
+      background-position: center;
+      background-size: 100% 100%;
       cursor: pointer;
     }
   }
@@ -215,6 +221,7 @@ const page = css`
   @media screen and (max-width: 1280px) {
     height: 500px;
     max-height: 500px;
+
     .swiper_prev,
     .swiper_next {
       display: none;
@@ -223,6 +230,9 @@ const page = css`
       img {
         height: 500px;
       }
+      .banner_item {
+        height: 500px;
+      }
     }
   }
   @media screen and (max-width: 750px) {
@@ -232,6 +242,9 @@ const page = css`
       img {
         height: 300px;
       }
+      .banner_item {
+        height: 300px;
+      }
     }
   }
 `;

src/views/website/home/components/Talents.tsx

@@ -1,13 +1,9 @@
 import { css } from "@linaria/core";
 
-import { ArrowRightOutlined } from "@ant-design/icons-vue";
-import { defineComponent, reactive, watch, onMounted } from "vue";
-import { Empty, TabPane, Tabs } from "ant-design-vue";
-import Image from "@/components/Image";
 import { useArticle, useCategory } from "@/modules";
-import { RouterLink, useRouter } from "vue-router";
-import dayjs from "dayjs";
-import { renderSummary, renderTitle } from "@/modules/objects";
+import { TabPane, Tabs } from "ant-design-vue";
+import { defineComponent, onMounted, reactive, watch } from "vue";
+import { useRouter } from "vue-router";
 import CompList from "./CompList";
 export default defineComponent({
   setup() {

src/views/website/home/components/Works.tsx

@@ -112,7 +112,7 @@ export default defineComponent({
                             const next = list[index + 1];
                             if (index == 0) {
                               return (
-                                <div class={"list_item"}>
+                                <div class={"list_item"} key={e._id}>
                                   <div
                                     class={"item_link"}
                                     onClick={() => {
@@ -131,7 +131,7 @@ export default defineComponent({
                               return null;
                             }
                             return (
-                              <div class={"list_item"}>
+                              <div class={"list_item"} key={e._id}>
                                 <div class={"item_lay"}>
                                   <div
                                     class={"item_link"}
@@ -146,7 +146,7 @@ export default defineComponent({
                                   </div>
                                 </div>
                                 {next && (
-                                  <div class={"item_lay"}>
+                                  <div class={"item_lay"} key={next._id}>
                                     <div
                                       class={"item_link"}
                                       onClick={() => {