Pārlūkot izejas kodu

chore: update homepage add d2c openday video card

shijia.me 2 gadi atpakaļ
vecāks
revīzija
ca3d5c4f7f

+ 2 - 0
src/locale/en-US.js

@@ -148,6 +148,8 @@ const appLocale = {
         "content_theme_info": "Compatible with diverse brand languages ​​and product forms to avoid meaningless re-creation",
         "content_d2c": "The evolution of Semi D2C design to code",
         "content_d2c_info": "Connect designers and developers with advanced tools",
+        "content_d2c_openday": "ByteDance Open Source OpenDay theme sharing",
+        "content_d2c_info_openday": "Deep in Semi D2C",
         "content_test": "How We Test Semi Design Component",
         "content_test_info": "Comprehensively use UnitTest, E2E Test, and Visual Test to ensure the stability of the component library",
 

+ 2 - 0
src/locale/zh-CN.js

@@ -152,6 +152,8 @@ const appLocale = {
         "content_theme_info": "兼容多元的品牌语言和产品形态,避免无意义的重造",
         "content_d2c": "Semi D2C 设计转代码的演进之路",
         "content_d2c_info": "用先进的工具连接设计师与开发者",
+        "content_d2c_openday": "字节跳动开源 OpenDay 主题分享",
+        "content_d2c_info_openday": "D2C 设计稿转代码深度解读",
         "content_test": "Semi Design 如何做质量保障",
         "content_test_info": "综合运用 Unit Test、E2E Test、Visual Test保障组件库稳定性",
 

+ 14 - 1
src/sitePages/newHome/components/deepContent/deepContent.jsx

@@ -24,6 +24,10 @@ function DeepContent(props) {
         window.open('https://juejin.cn/post/7267418854124699702');
     };
 
+    const goD2COpenDayVideo = () => {
+        window.open('https://www.bilibili.com/video/BV1n94y137kB/?share_source=copy_web&vd_source=6b19a3eea11d2cd88eaa3c2a7f3226e1');
+    };
+
     const goTest = () => {
         window.open('https://medium.com/front-end-weekly/how-we-test-semi-design-component-libraries-64b854f63b65');
     };
@@ -50,7 +54,7 @@ function DeepContent(props) {
             </div>
             <div className={styles.autoWrapper}>
                 <div className={styles.frame1312316425} onClick={goTest}>
-                    <img className={styles.frame1312316426} alt="evalution of semi d2c" src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/test.jpg" />
+                    <img className={styles.frame1312316426} alt="evolution of semi d2c" src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/test.jpg" />
                     <div className={styles.details}>
                         <p className={styles.headline}>{_t("content_test")}</p>
                         <p className={styles.description}>{_t("content_test_info")}</p>
@@ -64,6 +68,15 @@ function DeepContent(props) {
                     </div>
                 </div>
             </div>
+            <div className={styles.autoWrapper}>
+                <div className={styles.frame1312316425} onClick={goD2COpenDayVideo}>
+                    <img className={styles.frame1312316426} alt="evolution of semi d2c" src="https://lf26-static.semi.design/obj/semi-tos/images/a8a32ee0-7eae-11ee-af66-8975b17081a1.png" />
+                    <div className={styles.details}>
+                        <p className={styles.headline}>{_t("content_d2c_openday")}</p>
+                        <p className={styles.description}>{_t("content_d2c_info_openday")}</p>
+                    </div>
+                </div>
+            </div>
         </div>
     );
 }