diff --git a/src/components/common/tail.vue b/src/components/common/tail.vue index c81513a..bdb3b0e 100644 --- a/src/components/common/tail.vue +++ b/src/components/common/tail.vue @@ -1,53 +1,72 @@ - - diff --git a/src/components/home/home.vue b/src/components/home/home.vue index c6ff697..a74f86c 100644 --- a/src/components/home/home.vue +++ b/src/components/home/home.vue @@ -24,10 +24,24 @@
{{ characters == 1 ? "解决方案" : "Solutions" }}
-
- {{ characters == 1 ? "精选案例" : "Cases" }} +
+ {{ characters == 1 ? "经典案例" : "Cases" }}
+
+ {{ characters == 1 ? "邃芒图灵" : "SuiMangTuring" }} +
+
+ {{ characters == 1 ? "邃芒慧播" : "SuiMangLive" }} +
+
+ {{ characters == 1 ? "邃芒慧生" : "SuiMangGen" }} +
+
+ {{ characters == 1 ? "邃芒慧影" : "SuiMangReflex" }} +
+ +
{{ characters == 1 ? "关于我们" : "About us" }}
@@ -280,55 +294,64 @@
- +
+ {{ characters == 1 ? "tiktok直播Rilloky" : "tiktokRilloky" }} +
+
+ {{ + characters == 1 + ? "随着元宇宙概念的升温,数字艺人开始广泛的出现在公众面前为人们所习惯。邃芒科技的AI养成路线,致力于打造超写实虚" + : "With the warming of the concept of meta-universe, digital artists begin to appear widely in front of the public, and people are used to it. Jia Mang Technology's AI" + }} +
+
-
ABOUT US
+
ABOUT ME
关于我们
-
+
{{ characters == 1 - ? "3年迭代形成AI技术为基础的数字人全生产流程,拥有业界顶尖AI形象生成和驱动技术,积累了独有的亚洲超现实数字人数据资产,已成功商用于工业级影视、品牌商和直播。团队均来自科研机构及一流院所,拥有来自悉尼科技大学, 北邮,中科院,清华的博士硕士团队和行业内一流人才 。" - : "In the past 3 years, Metavatar has iteratively been forming the whole production process of digital human based on AI technology. We own the industry's top AI image generation and driving technology, and has accumulated unique Asian surreal digital human data assets, which have been successfully used in industrial-grade film and television, brand owners and live broadcasts. The team is from scientific research institutions and first-class institutes, with PhD and Masters from the UTS, BUPT , CAS, Tsinghua University and first-class talents in the industry." + ? "随着元宇宙概念的升温,数字艺人开始广泛的出现在公众面前为人们所习惯。邃芒科技的AI养成路线,致力于打造超写实虚拟形象,解决传统CG模型生产的IP不够真实的痛点,突破恐怖谷,用更低的成本实现影视工业级标准的直播和生产。 对于影视工业的其他痛点,人员密集型劳动高昂的成本,邃芒科技也给出了更有现代感的解决方案,工程师团队对于像素级的影视工业需求,设计出了针对于抠像、擦除、填补背景的专用模型,节约制作成本,缩短制作周期,优化制作流程。 工程师团队由博士后带队,集合了来自中科院、清华、北京邮电大学等高校的优秀人才,研究生比例超过团队50%以上。" + : "With the warming of the concept of meta-universe, digital artists begin to appear widely in front of the public, and people are used to it. Jia Mang Technology's AI cultivation route is dedicated to creating a super-realistic virtual image, solving the pain point that the IP produced by the traditional CG model is not real enough, With the warming of the concept of meta-universe, digital artists begin to appear widely in front of the public, and people are used to it. Jia Mang Technology's AI cultivation route is dedicated to creating a super-realistic virtual image, solving the pain point that the IP produced by the traditional CG model is not real enough, " }}
-
+
- +
@@ -1348,7 +1371,9 @@ export default { margin-right: auto; margin-bottom: 180px; width: 1300px; - height: 530px; + height: 550px; + cursor: pointer; + transition: all 0.3s; .weText { width: 576px; height: 530px; @@ -1389,10 +1414,11 @@ export default { font-weight: 400; color: #7e7e7e; line-height: 22px; - margin-top: 16px; + margin-top: 50px; } .ctn1 { - width: 434px; + width: 436px; + height: 222px; font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; @@ -1403,12 +1429,14 @@ export default { margin-right: auto; } .ctn_c1 { - width: 434px; + width: 436px; + height: 222px; font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; color: #7e7e7e; line-height: 30px; + margin-top: 74px; margin-left: auto; margin-right: auto; } @@ -1419,9 +1447,12 @@ export default { height: 530px; float: left; } + &:hover { + transform: scale(1.1); + } } .timeBox { - overflow: hidden; + // overflow: hidden; position: relative; margin-bottom: 90px; } @@ -1440,13 +1471,15 @@ export default { margin: 0 auto; justify-content: space-between; .itemBox { - width: 200px; + width: 180px; height: 250px; border: 1px solid #ffffff; opacity: 0.8; border-radius: 24px; background: #ffffff; overflow: hidden; + cursor: pointer; + transition: all 0.3s; .timeText { width: 200px; font-size: 16px; @@ -1479,6 +1512,10 @@ export default { margin: 0 auto; text-align: center; } + &:hover { + opacity: 0.5; + transform: scale(1.1); + } } } .cooperationBox { @@ -1540,7 +1577,7 @@ export default { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; - justify-content: center; + justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; @@ -1555,8 +1592,18 @@ export default { } .swiper-slide-img { - width: 100%; - height: 100%; + width: 479px; + height: 600px; + cursor: pointer; + transition: all 0.3s; + &:hover { + transform: scale(1.3); + } +} + +.swiper-slide-img:nth-child(2) { + width: 540px; + height: 675px; } .topBox { @@ -1588,22 +1635,22 @@ export default { font-size: 22px; } .categoryBox { - height: 30px; - width: 30%; float: left; - margin-top: 20px; - margin-left: 6%; display: flex; justify-content: space-between; + height: 30px; + margin-top: 20px; + margin-left: 6%; } .categoryitem { line-height: 30px; color: #7d7d7d; font-size: 15px; cursor: pointer; + transition: all 0.3s; } .categoryitem:hover { - color: #1358ba; + color: #16e9d6; } .cutBox { float: right; diff --git a/src/components/views/generate.vue b/src/components/views/generate.vue new file mode 100644 index 0000000..e69de29 diff --git a/src/components/views/live.vue b/src/components/views/live.vue new file mode 100644 index 0000000..e69de29 diff --git a/src/components/views/shadow.vue b/src/components/views/shadow.vue new file mode 100644 index 0000000..e69de29 diff --git a/src/components/views/turing.vue b/src/components/views/turing.vue new file mode 100644 index 0000000..e69de29