fix(homepage): update homepage images

Author: gimmyhehe

pnpm-lock.yaml

@@ -121,7 +121,7 @@ const features = [
     justify-content: center;
     padding: 48px;
     border: 3px solid #fff;
-    border-radius: 12px;
+    border-radius: 16px;
     cursor: pointer;
     box-shadow: 0px 4px 30px 0px rgba(230, 230, 230, 0.6);
 
@@ -130,6 +130,7 @@ const features = [
     }
     @media (max-width: 768px) {
       flex-direction: row;
+      border-radius: 6px;
       box-shadow: 0px 2px 12px 0px rgba(230, 230, 230, 0.6);
       div&-title {
         margin-bottom: 0;

sites/homepage/web/src/assets/arrow.svg

@@ -5,6 +5,7 @@ import javascript from 'highlight.js/lib/languages/javascript';
 import { TinyButton } from '@opentiny/vue';
 import genuiChatIcon from '@/assets/genui_chat_icon.svg';
 import genuiInusecon from '@/assets/genui_inuse_icon.svg';
+import arrowRightIcon from '@/assets/arrow.svg';
 import gneuiSettingsIcon from '@/assets/genui_settings_icon.svg';
 import { guideCodeMap } from '@/config';
 import { LinkKey, linkMap } from '@/utils/link';
@@ -29,7 +30,7 @@ onUnmounted(() => {
   window.removeEventListener('resize', updateIsMobile);
 });
 
-hljs.registerLanguage('javascript', javascript);
+hljs.registerLanguage('javascript', javascript);  
 
 function hightlight() {
   nextTick(() => {
@@ -87,7 +88,7 @@ const handleGuideCardClick = (index: number) => {
             class="home-guide-content-left-button"
             size="medium"
             round
-            >开发文档</tiny-button
+            >开发文档 <img :src="arrowRightIcon" alt="arrow-right" /> </tiny-button
           >
         </a>
       </div>
@@ -161,6 +162,9 @@ const handleGuideCardClick = (index: number) => {
       gap: 0;
       &-button {
         margin-top: 24px;
+        img {
+          margin-left: 8px;
+        }
       }
 
       @media (min-width: 1280px) {
@@ -270,8 +274,21 @@ const handleGuideCardClick = (index: number) => {
 }
 
 @media (max-width: 768px) {
+  .home-guide-content-right-framework {
+    border-radius: 6px;
+
+    &-header {
+      border-radius: 6px 6px 0 0;
+    }
+  }
+
   :deep(.guide-code) {
     font-size: 14px;
+    border-radius: 0 0 6px 6px;
+
+    &::-webkit-scrollbar-corner {
+      border-bottom-right-radius: 6px;
+    }
   }
 }
 

sites/homepage/web/src/assets/create-github.webp

@@ -5,7 +5,7 @@ import genuiAbility1 from '@/assets/genui_ability_1.svg';
 import genuiAbility2 from '@/assets/genui_ability_2.webp';
 import genuiAbility3 from '@/assets/create-github.webp';
 import genuiActionVedioCover from '@/assets/order-milk-tea.webp';
-import genuiFlowVedioCover from '@/assets/genui_flow_vedio_cover.webp';
+import genuiFlowVedioCover from '@/assets/search-ticket.webp';
 import { LinkKey, linkMap } from '@/utils/link';
 import { useMobile } from '@/composables/useMobile';
 import HomeAbility from '@/components/HomeAbility.vue';
@@ -322,7 +322,7 @@ const buttonSize = computed(() => {
     display: flex;
     padding: 16px;
     border-radius: 24px;
-    background-image: url('@/assets/genui_ability_bg_2.jpg');
+    background-image: url('@/assets/genui_ability_bg_2.svg');
     background-size: cover;
 
     img {