Bläddra i källkod

new pages *4

ctt_ywq
HolyKnightIX 2 år sedan
förälder
incheckning
dace27be49
6 ändrade filer med 141 tillägg och 70 borttagningar
  1. +59
    -35
      src/components/common/tail.vue
  2. +82
    -35
      src/components/home/home.vue
  3. +0
    -0
      src/components/views/generate.vue
  4. +0
    -0
      src/components/views/live.vue
  5. +0
    -0
      src/components/views/shadow.vue
  6. +0
    -0
      src/components/views/turing.vue

+ 59
- 35
src/components/common/tail.vue Visa fil

@@ -1,53 +1,72 @@
<template> <template>
<div class="tailBox"> <div class="tailBox">
<div class="taillong"> <div class="taillong">
<img src="../../assets/img/LOGO1.png" alt>
<img src="../../assets/img/LOGO1.png" alt />
</div> </div>


<div class="tiemBox"> <div class="tiemBox">
<div class="taolIconBox"> <div class="taolIconBox">
<div class="taolIconText">{{characters ==1?'关注我们':'follow Us'}}</div>
<div class="taolIconText">
{{ characters == 1 ? "关注我们" : "follow Us" }}
</div>
<div class="iconBox"> <div class="iconBox">
<img src="../../assets/img/f.png" alt>
<img src="../../assets/img/o.png" alt>
<img src="../../assets/img/ft.png" alt>
<img src="../../assets/img/x.png" alt>
<img src="../../assets/img/f.png" alt />
<img src="../../assets/img/o.png" alt />
<img src="../../assets/img/ft.png" alt />
<img src="../../assets/img/x.png" alt />
</div> </div>
</div> </div>


<div class="contentBox"> <div class="contentBox">
<div class="taolIconText">{{characters ==1?'联系我们':'Contact us'}}</div>
<div class="contentInput">
<div class="taolIconText">
{{ characters == 1 ? "联系我们" : "Contact us" }}
</div>
<div class="contentInput">
<!-- <input type="text" :placeholder="characters ==1?'姓名':'Name'" v-model="userName"> --> <!-- <input type="text" :placeholder="characters ==1?'姓名':'Name'" v-model="userName"> -->
<el-input v-model="userName" :placeholder="characters==1?'姓名':'Name'"></el-input>
<el-input
v-model="userName"
:placeholder="characters == 1 ? '姓名' : 'Name'"
></el-input>
</div> </div>


<div class="contentInput"> <div class="contentInput">
<!-- <input type="text" :placeholder="characters ==1?'手机':'Phone Number'" v-model="phone"> --> <!-- <input type="text" :placeholder="characters ==1?'手机':'Phone Number'" v-model="phone"> -->
<el-input v-model="phone" :placeholder="characters ==1?'手机':'Phone Number'" ></el-input>
<el-input
v-model="phone"
:placeholder="characters == 1 ? '手机' : 'Phone Number'"
></el-input>
</div> </div>
<div class="contentInput"> <div class="contentInput">
<!-- <input type="text" :placeholder="characters ==1?'E-mail':'Mail'" v-model="email"> --> <!-- <input type="text" :placeholder="characters ==1?'E-mail':'Mail'" v-model="email"> -->
<el-input v-model="email" :placeholder="characters ==1?'E-mail':'Mail'" ></el-input>
<el-input
v-model="email"
:placeholder="characters == 1 ? 'E-mail' : 'Mail'"
></el-input>
</div>
<div class="subBtn" @click="submit()">
{{ characters == 1 ? "提交" : "Submit" }}
</div> </div>
<div class="subBtn" @click="submit()">{{characters ==1?'提交':'Submit'}}</div>
</div> </div>


<div class="rqCodeBox"> <div class="rqCodeBox">
<div class="phone">TEL:86 152 1093 7300</div> <div class="phone">TEL:86 152 1093 7300</div>
<div
class="site"
>{{characters ==1?'北京市海淀区中关村南大街12号农业科学院信息楼311室':'311, Information Building, Academy of Agricultural Sciences, No. 12 Zhongguancun South Street, Haidian District, Beijing'}}</div>
<div class="site">
{{
characters == 1
? "北京市海淀区中关村南大街12号农业科学院信息楼311室"
: "311, Information Building, Academy of Agricultural Sciences, No. 12 Zhongguancun South Street, Haidian District, Beijing"
}}
</div>
<div class="rqCodeTiemBox"> <div class="rqCodeTiemBox">
<div class="rqCodeTiem"> <div class="rqCodeTiem">
<div class="rqcode"> <div class="rqcode">
<img src="../../assets/img/wechat.png" alt>
<img src="../../assets/img/wechat.png" alt />
</div> </div>
<div class="rqtext">Wechat</div> <div class="rqtext">Wechat</div>
</div> </div>
<div class="rqCodeTiem1"> <div class="rqCodeTiem1">
<div class="rqcode"> <div class="rqcode">
<img src="../../assets/img/tiktok.png" alt>
<img src="../../assets/img/tiktok.png" alt />
</div> </div>
<div class="rqtext">Tiktok</div> <div class="rqtext">Tiktok</div>
</div> </div>
@@ -55,7 +74,9 @@
</div> </div>
</div> </div>


<div class="tailText">© 2021 Copyright 北京邃芒科技有限公司 版权所有 京ICP备2021007416号</div>
<div class="tailText">
© 2021 Copyright 北京邃芒科技有限公司 版权所有 京ICP备2021007416号
</div>
</div> </div>
</template> </template>
<script> <script>
@@ -65,7 +86,7 @@ export default {
return { return {
userName: "", userName: "",
phone: "", phone: "",
email: ""
email: "",
}; };
}, },
methods: { methods: {
@@ -92,17 +113,17 @@ export default {
let params = { let params = {
mallName: this.email, //邮箱 mallName: this.email, //邮箱
applicant: this.userName, //姓名 applicant: this.userName, //姓名
phone: this.phone //电话
phone: this.phone, //电话
}; };
this.$axios({ this.$axios({
method: "post", method: "post",
url: "/api/callback/wxMallApply/add", url: "/api/callback/wxMallApply/add",
headers: { headers: {
"Content-Type": "application/json;charset=UTF-8"
"Content-Type": "application/json;charset=UTF-8",
}, },
data: params
data: params,
}) })
.then(res => {
.then((res) => {
this.email = ""; this.email = "";
this.userName = ""; this.userName = "";
this.phone = ""; this.phone = "";
@@ -110,20 +131,19 @@ export default {
this.characters == 1 ? "提交成功" : "submit successfully" this.characters == 1 ? "提交成功" : "submit successfully"
); );
}) })
.catch(err => {
.catch((err) => {
this.$message.error(err.message); this.$message.error(err.message);
}); });
}
},
}, },
computed: { computed: {
...mapState({ ...mapState({
characters: state => state.publicObj.characters
})
}
characters: (state) => state.publicObj.characters,
}),
},
}; };
</script> </script>



<style lang="scss" scoped> <style lang="scss" scoped>
.tailBox { .tailBox {
overflow: hidden; overflow: hidden;
@@ -140,7 +160,7 @@ export default {
height: 50px; height: 50px;
} }
} }
.tiemBox{
.tiemBox {
overflow: hidden; overflow: hidden;
margin-top: 20px; margin-top: 20px;
} }
@@ -172,9 +192,9 @@ export default {
.contentInput { .contentInput {
width: 286px; width: 286px;
height: 36px; height: 36px;
background: #ffffff;
// background: #ffffff;
text-align: center; text-align: center;
margin-bottom: 10px;
margin-bottom: 11px;
input { input {
width: 200px; width: 200px;
height: 36px; height: 36px;
@@ -191,9 +211,14 @@ export default {
border-radius: 24px; border-radius: 24px;
text-align: center; text-align: center;
line-height: 48px; line-height: 48px;
margin-top: 20px;
margin-top: 24px;
cursor: pointer; cursor: pointer;
font-size: 24px;
font-size: 14px;
transition: all 0.3s;
&:hover {
color: #fff;
background-color: #16e9d6;
}
} }
} }
.rqCodeBox { .rqCodeBox {
@@ -303,4 +328,3 @@ export default {
font-size: 16px; font-size: 16px;
} }
</style> </style>


+ 82
- 35
src/components/home/home.vue Visa fil

@@ -24,10 +24,24 @@
<div class="categoryitem" @click="goView('md2')"> <div class="categoryitem" @click="goView('md2')">
{{ characters == 1 ? "解决方案" : "Solutions" }} {{ characters == 1 ? "解决方案" : "Solutions" }}
</div> </div>
<div class="categoryitem">
{{ characters == 1 ? "精选案例" : "Cases" }}
<div class="categoryitem" @click="goView('module_8')">
{{ characters == 1 ? "经典案例" : "Cases" }}
</div> </div>
<div class="categoryitem" @click="goView('module_9')">
{{ characters == 1 ? "邃芒图灵" : "SuiMangTuring" }}
</div>
<div class="categoryitem" @click="goView('module_9')">
{{ characters == 1 ? "邃芒慧播" : "SuiMangLive" }}
</div>
<div class="categoryitem" @click="goView('module_9')">
{{ characters == 1 ? "邃芒慧生" : "SuiMangGen" }}
</div>
<div class="categoryitem" @click="goView('module_9')">
{{ characters == 1 ? "邃芒慧影" : "SuiMangReflex" }}
</div>

<!-- <div class="categoryitem" @click="go('/aboutUe')">{{characters==1?'关于我们':'About us'}}</div> --> <!-- <div class="categoryitem" @click="go('/aboutUe')">{{characters==1?'关于我们':'About us'}}</div> -->

<div class="categoryitem" @click="goView('module_9')"> <div class="categoryitem" @click="goView('module_9')">
{{ characters == 1 ? "关于我们" : "About us" }} {{ characters == 1 ? "关于我们" : "About us" }}
</div> </div>
@@ -280,55 +294,64 @@
</div> </div>
</div> </div>


<!-- <div class="module_8" id="module_8">
<div class="module_8" id="module_8">
<div class="title">SELECTED CASES</div> <div class="title">SELECTED CASES</div>
<div class="title_1">{{characters==1?'经典案例':''}}</div>
<div class="title_1">{{ characters == 1 ? "经典案例" : "" }}</div>
<div class="xian"></div> <div class="xian"></div>
<div class="swiper-container"> <div class="swiper-container">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item,index) in carouselLsit" :key="index">
<img class="swiper-slide-img" :src="item.url" alt>
<div class="swiper-slide">
<img
v-for="(item, index) in carouselLsit"
:key="index"
class="swiper-slide-img"
:src="item.url"
/>
</div> </div>
</div> </div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div> </div>
<div class="tiktok">{{characters==1?'tiktok直播Rilloky':'tiktokRilloky'}}</div>
<div
class="tiktok_ctn"
>{{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"}}</div>
</div>-->
<div class="tiktok">
{{ characters == 1 ? "tiktok直播Rilloky" : "tiktokRilloky" }}
</div>
<div class="tiktok_ctn">
{{
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"
}}
</div>
</div>


<div class="module_9" id="module_9"> <div class="module_9" id="module_9">
<div class="weBox"> <div class="weBox">
<div class="weText"> <div class="weText">
<div class="conBox"> <div class="conBox">
<div class="title">ABOUT US</div>
<div class="title">ABOUT ME</div>
<div class="title_h" v-if="characters == 1">关于我们</div> <div class="title_h" v-if="characters == 1">关于我们</div>
<div :class="characters == 1 ? 'ctn1' : 'ctn'">
<!-- <div :class="characters == 1 ? 'ctn1' : 'ctn'">
{{ {{
characters == 1 characters == 1
? "北京邃芒科技公司正式成立于2021年8月,团队组建于2018年10月。" ? "北京邃芒科技公司正式成立于2021年8月,团队组建于2018年10月。"
: "Metavatar is founded in August 2021, the team built up in year 2018. " : "Metavatar is founded in August 2021, the team built up in year 2018. "
}} }}
</div>
</div> -->
<div :class="characters == 1 ? 'ctn_c1' : 'ctn_c'"> <div :class="characters == 1 ? 'ctn_c1' : 'ctn_c'">
{{ {{
characters == 1 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, "
}} }}
</div> </div>
<div :class="characters == 1 ? 'ctn_c1' : 'ctn_c'">
<!-- <div :class="characters == 1 ? 'ctn_c1' : 'ctn_c'">
{{ {{
characters == 1 characters == 1
? "邃芒科技专注虚拟数字人,提供未来世界数字形象巨量需求的生产力与能力,依靠技术与商业双轮驱动为用户打开元宇宙大门。" ? "邃芒科技专注虚拟数字人,提供未来世界数字形象巨量需求的生产力与能力,依靠技术与商业双轮驱动为用户打开元宇宙大门。"
: "Metavatar focus on digital human sector, provides capability of producing the massive amount requirements for the future metaverse. Vision to be the first level company as a KEY to knock out the door of metaverse; Developing the leading technology and create customer value along the way." : "Metavatar focus on digital human sector, provides capability of producing the massive amount requirements for the future metaverse. Vision to be the first level company as a KEY to knock out the door of metaverse; Developing the leading technology and create customer value along the way."
}} }}
</div>
</div> -->
</div> </div>
</div> </div>
<img src="../../assets/img/me.png" alt class="weImg" />
<img src="../../assets/img/myS.png" alt class="weImg" />
</div> </div>


<div class="timeBox"> <div class="timeBox">
@@ -1348,7 +1371,9 @@ export default {
margin-right: auto; margin-right: auto;
margin-bottom: 180px; margin-bottom: 180px;
width: 1300px; width: 1300px;
height: 530px;
height: 550px;
cursor: pointer;
transition: all 0.3s;
.weText { .weText {
width: 576px; width: 576px;
height: 530px; height: 530px;
@@ -1389,10 +1414,11 @@ export default {
font-weight: 400; font-weight: 400;
color: #7e7e7e; color: #7e7e7e;
line-height: 22px; line-height: 22px;
margin-top: 16px;
margin-top: 50px;
} }
.ctn1 { .ctn1 {
width: 434px;
width: 436px;
height: 222px;
font-size: 12px; font-size: 12px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: 400; font-weight: 400;
@@ -1403,12 +1429,14 @@ export default {
margin-right: auto; margin-right: auto;
} }
.ctn_c1 { .ctn_c1 {
width: 434px;
width: 436px;
height: 222px;
font-size: 12px; font-size: 12px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: 400; font-weight: 400;
color: #7e7e7e; color: #7e7e7e;
line-height: 30px; line-height: 30px;
margin-top: 74px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
@@ -1419,9 +1447,12 @@ export default {
height: 530px; height: 530px;
float: left; float: left;
} }
&:hover {
transform: scale(1.1);
}
} }
.timeBox { .timeBox {
overflow: hidden;
// overflow: hidden;
position: relative; position: relative;
margin-bottom: 90px; margin-bottom: 90px;
} }
@@ -1440,13 +1471,15 @@ export default {
margin: 0 auto; margin: 0 auto;
justify-content: space-between; justify-content: space-between;
.itemBox { .itemBox {
width: 200px;
width: 180px;
height: 250px; height: 250px;
border: 1px solid #ffffff; border: 1px solid #ffffff;
opacity: 0.8; opacity: 0.8;
border-radius: 24px; border-radius: 24px;
background: #ffffff; background: #ffffff;
overflow: hidden; overflow: hidden;
cursor: pointer;
transition: all 0.3s;
.timeText { .timeText {
width: 200px; width: 200px;
font-size: 16px; font-size: 16px;
@@ -1479,6 +1512,10 @@ export default {
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
} }
&:hover {
opacity: 0.5;
transform: scale(1.1);
}
} }
} }
.cooperationBox { .cooperationBox {
@@ -1540,7 +1577,7 @@ export default {
-webkit-box-pack: center; -webkit-box-pack: center;
-ms-flex-pack: center; -ms-flex-pack: center;
-webkit-justify-content: center; -webkit-justify-content: center;
justify-content: center;
justify-content: space-between;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
-webkit-align-items: center; -webkit-align-items: center;
@@ -1555,8 +1592,18 @@ export default {
} }


.swiper-slide-img { .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 { .topBox {
@@ -1588,22 +1635,22 @@ export default {
font-size: 22px; font-size: 22px;
} }
.categoryBox { .categoryBox {
height: 30px;
width: 30%;
float: left; float: left;
margin-top: 20px;
margin-left: 6%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
height: 30px;
margin-top: 20px;
margin-left: 6%;
} }
.categoryitem { .categoryitem {
line-height: 30px; line-height: 30px;
color: #7d7d7d; color: #7d7d7d;
font-size: 15px; font-size: 15px;
cursor: pointer; cursor: pointer;
transition: all 0.3s;
} }
.categoryitem:hover { .categoryitem:hover {
color: #1358ba;
color: #16e9d6;
} }
.cutBox { .cutBox {
float: right; float: right;


+ 0
- 0
src/components/views/generate.vue Visa fil


+ 0
- 0
src/components/views/live.vue Visa fil


+ 0
- 0
src/components/views/shadow.vue Visa fil


+ 0
- 0
src/components/views/turing.vue Visa fil


Laddar…
Avbryt
Spara