HolyKnightIX 2 лет назад
Родитель
Сommit
b9601edbbd
4 измененных файлов: 25 добавлений и 422 удалений
  1. +5
    -137
      src/components/views/generate.vue
  2. +10
    -143
      src/components/views/live.vue
  3. +9
    -141
      src/components/views/shadow.vue
  4. +1
    -1
      src/components/views/turing.vue

+ 5
- 137
src/components/views/generate.vue Просмотреть файл

@@ -1,7 +1,7 @@
<template>
<div class="Box" id="top">
<div class="module_1">
<img src="../../assets/img/metavatar_generate/suiMang_generate@2x.png" width="100%" height="100%" />
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_generate/suiMang_generate@2x.png" width="100%" height="100%" />
<div class="titleBox">
<div class="title_item1" v-if="characters == 1">邃芒慧生</div>
@@ -29,14 +29,14 @@
<div class="module_2">
<div class="title">Metavatar AI</div>
<img src="../../assets/img/metavatar_generate/model2-IMG@2x.png" alt="" />
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_generate/model2-IMG@2x.png" alt="" />
</div>
<div class="module_3">
<div class="title" v-if="characters == 1">保持人脸特征 自由调整各类心仪风格</div>
<div class="title" v-if="characters != 1">Maintain facial features and freely adjust various favorite styles</div>
<div class="style">STYLE</div>
<img src="../../assets/img/metavatar_generate/model3-IMG@2x.png" alt="" />
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_generate/model3-IMG@2x.png" alt="" />
</div>
<div class="module_4">
@@ -47,7 +47,7 @@
<div class="style">FULL AGE</div>
</div>
<img src="../../assets/img/metavatar_generate/model4-IMG@2x.png" alt="" />
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_generate/model4-IMG@2x.png" alt="" />
</div>
</div>
@@ -82,18 +82,6 @@ export default {
return {
//零时存放
charactersMy: 1,
languageLsit: [
{
name: 'Cn',
value: 1,
url: require('../../assets/img/cn.jpeg')
},
{
name: 'En',
value: 2,
url: require('../../assets/img/en.jpg')
}
],
//
userName: '',
phone: '',
@@ -203,127 +191,7 @@ export default {
},
// characters: 1, //1=》中文 2=》英文
timeFlag: 5,
dialogVisible: false,
module_6_data: [
{
url: require('../../assets/img/demo_1.png'),
name: '增加电子商务销售额',
name_y: 'Increase eCommerce sales'
},
{
url: require('../../assets/img/demo_2.png'),
name: '推动品牌声誉',
name_y: 'Drive Brand engagement'
},
{
url: require('../../assets/img/demo_3.png'),
name: '拓展客户服务',
name_y: 'Scale customer service'
},
{
url: require('../../assets/img/demo_4.png'),
name: ' 节约您的劳动成本',
name_y: ' Augment your current workforce'
},
{
url: require('../../assets/img/demo_5.png'),
name: ' 提供支持和陪伴',
name_y: 'Provide support and companionship'
},
{
url: require('../../assets/img/demo_6.png'),
name: '投资元宇宙的未来',
name_y: 'Deliver knowledge and learning'
},
{
url: require('../../assets/img/demo_7.png'),
name: '数字化名人的力量',
name_y: 'Leverage the power of Digital Celebrities'
},
{
url: require('../../assets/img/demo_8.png'),
name: '传递学习和知识',
name_y: ' Invest in the metaverse future'
}
],
carouselLsit: [
{
url: require('../../assets/img/carousel1.png')
},
{
url: require('../../assets/img/carousel2.png')
},
{
url: require('../../assets/img/carousel3.png')
}
],
partnerLsit: [
{
url: require('../../assets/img/partner1.png')
},
{
url: require('../../assets/img/partner2.png')
},
{
url: require('../../assets/img/partner3.png')
},
{
url: require('../../assets/img/partner4.png')
},
{
url: require('../../assets/img/partner5.png')
}
],
timeLsit: [
{
title: '2018-10',
ctn1_y: 'Team built up in Oct. 2018',
// ctn2_y: "Team built up in Oct. 2018",
ctn1: '团队组建'
// ctn2: "团队组建"
},
{
url: require('../../assets/img/carousel2.png'),
title: '2019',
ctn1_y: 'Deliver the first movie project in May. 2019',
// ctn2_y: "Deliver the first movie project in May. 2019",
ctn1: '第一个影视特效 ',
ctn2: '项目交付'
},
{
url: require('../../assets/img/carousel3.png'),
title: '2021-05',
ctn1_y: 'Beta of MetaGene published in May,2021',
// ctn2_y: "Beta of MetaGene published in May,2021",
ctn1: '内部产品',
ctn2: 'Metagene V1完成'
},
{
url: require('../../assets/img/carousel3.png'),
title: '2021-08',
ctn1_y: 'Metavatar built up in Aug, 2021',
// ctn2_y: "Metavatar built up in Aug, 2021",
ctn1: '邃芒科技成立'
// ctn2: "邃芒科技成立",
},
{
url: require('../../assets/img/carousel3.png'),
title: '2022-01',
ctn1_y: 'Angel fund in Jan, 2022',
// ctn2_y: "Angel fund in Jan, 2022",
ctn1: '获得天使轮融资'
// ctn2: "获得天使轮融资",
},
{
url: require('../../assets/img/carousel3.png'),
title: '2022-06',
ctn1_y: 'Deliver the first project based on Magenta for our strategic partner in Jun,2022',
// ctn2_y: "Beta of MetaGene published in May,2021",
ctn1: '为战略合作伙伴新奥特',
ctn2: '交付首个基于MetaGene的内容生产项目'
}
]
dialogVisible: false
};
},
methods: {


+ 10
- 143
src/components/views/live.vue Просмотреть файл

@@ -30,31 +30,31 @@
<div class="module_2">
<div class="title" v-if="characters == 1">
只需
<img src="../../assets/img/metavatar_live/3@2x.png" />
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_live/3@2x.png" />
步完成一条数字人视频内容生成
</div>
<div class="title" v-if="characters != 1">
Just
<img src="../../assets/img/metavatar_live/3@2x.png" />
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_live/3@2x.png" />
step to complete the generation of digital human video content
</div>
<div class="images">
<li>
<img src="../../assets/img/metavatar_live/001@2x.png" alt="" />
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_live/001@2x.png" alt="" />
</li>
<li>
<img src="../../assets/img/metavatar_live/002@2x.png" alt="" />
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_live/002@2x.png" alt="" />
</li>
<li>
<img src="../../assets/img/metavatar_live/003@2x.png" alt="" />
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_live/003@2x.png" alt="" />
</li>
<li class="videoLi">
<div class="imgBox1" @click="goSetVedio(isPlayed)">
<img v-if="isPlayed" class="play" src="../../assets/img/play.png" title="click to play" />
<img v-else class="play" src="../../assets/img/pause.png" title="click to pause" />
<img v-if="isPlayed" class="play" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/play.png" title="click to play" />
<img v-else class="play" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/pause.png" title="click to pause" />
<video ref="videoII" src="../../assets/video/video2.mp4" />
</div>
<!-- <img src="../../assets/img/metavatar_live/004@2x.png" alt="" /> -->
<!-- <img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_live/004@2x.png" alt="" /> -->
</li>
</div>
</div>
@@ -62,7 +62,7 @@
<div class="module_3">
<div class="title" v-if="characters == 1">中之人驱动</div>
<div class="title" v-if="characters != 1">“中の人” driving</div>
<img src="../../assets/img/metavatar_live/picInside@2x.png" alt="" />
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_live/picInside@2x.png" alt="" />
</div>
<el-dialog :title="characters == 1 ? '留下您的信息,我们会尽快与您取得联系' : 'Tell us about yourself, we ll be in touch right away.'" :visible.sync="dialogVisible" width="34%">
@@ -97,19 +97,6 @@ export default {
isPlayed: true,
//零时存放
charactersMy: 1,
languageLsit: [
{
name: 'Cn',
value: 1,
url: require('../../assets/img/cn.jpeg')
},
{
name: 'En',
value: 2,
url: require('../../assets/img/en.jpg')
}
],
//
userName: '',
@@ -220,127 +207,7 @@ export default {
},
// characters: 1, //1=》中文 2=》英文
timeFlag: 5,
dialogVisible: false,
module_6_data: [
{
url: require('../../assets/img/demo_1.png'),
name: '增加电子商务销售额',
name_y: 'Increase eCommerce sales'
},
{
url: require('../../assets/img/demo_2.png'),
name: '推动品牌声誉',
name_y: 'Drive Brand engagement'
},
{
url: require('../../assets/img/demo_3.png'),
name: '拓展客户服务',
name_y: 'Scale customer service'
},
{
url: require('../../assets/img/demo_4.png'),
name: ' 节约您的劳动成本',
name_y: ' Augment your current workforce'
},
{
url: require('../../assets/img/demo_5.png'),
name: ' 提供支持和陪伴',
name_y: 'Provide support and companionship'
},
{
url: require('../../assets/img/demo_6.png'),
name: '投资元宇宙的未来',
name_y: 'Deliver knowledge and learning'
},
{
url: require('../../assets/img/demo_7.png'),
name: '数字化名人的力量',
name_y: 'Leverage the power of Digital Celebrities'
},
{
url: require('../../assets/img/demo_8.png'),
name: '传递学习和知识',
name_y: ' Invest in the metaverse future'
}
],
carouselLsit: [
{
url: require('../../assets/img/carousel1.png')
},
{
url: require('../../assets/img/carousel2.png')
},
{
url: require('../../assets/img/carousel3.png')
}
],
partnerLsit: [
{
url: require('../../assets/img/partner1.png')
},
{
url: require('../../assets/img/partner2.png')
},
{
url: require('../../assets/img/partner3.png')
},
{
url: require('../../assets/img/partner4.png')
},
{
url: require('../../assets/img/partner5.png')
}
],
timeLsit: [
{
title: '2018-10',
ctn1_y: 'Team built up in Oct. 2018',
// ctn2_y: "Team built up in Oct. 2018",
ctn1: '团队组建'
// ctn2: "团队组建"
},
{
url: require('../../assets/img/carousel2.png'),
title: '2019',
ctn1_y: 'Deliver the first movie project in May. 2019',
// ctn2_y: "Deliver the first movie project in May. 2019",
ctn1: '第一个影视特效 ',
ctn2: '项目交付'
},
{
url: require('../../assets/img/carousel3.png'),
title: '2021-05',
ctn1_y: 'Beta of MetaGene published in May,2021',
// ctn2_y: "Beta of MetaGene published in May,2021",
ctn1: '内部产品',
ctn2: 'Metagene V1完成'
},
{
url: require('../../assets/img/carousel3.png'),
title: '2021-08',
ctn1_y: 'Metavatar built up in Aug, 2021',
// ctn2_y: "Metavatar built up in Aug, 2021",
ctn1: '邃芒科技成立'
// ctn2: "邃芒科技成立",
},
{
url: require('../../assets/img/carousel3.png'),
title: '2022-01',
ctn1_y: 'Angel fund in Jan, 2022',
// ctn2_y: "Angel fund in Jan, 2022",
ctn1: '获得天使轮融资'
// ctn2: "获得天使轮融资",
},
{
url: require('../../assets/img/carousel3.png'),
title: '2022-06',
ctn1_y: 'Deliver the first project based on Magenta for our strategic partner in Jun,2022',
// ctn2_y: "Beta of MetaGene published in May,2021",
ctn1: '为战略合作伙伴新奥特',
ctn2: '交付首个基于MetaGene的内容生产项目'
}
]
dialogVisible: false
};
},
methods: {


+ 9
- 141
src/components/views/shadow.vue Просмотреть файл

@@ -1,7 +1,7 @@
<template>
<div class="Box" id="top">
<div class="module_1">
<img src="../../assets/img/metavatar_shadow/suiMang_shadow@2x.png" width="100%" height="100%" />
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_shadow/suiMang_shadow@2x.png" width="100%" height="100%" />
<div class="titleBox">
<div class="title_item1" v-if="characters == 1">邃芒慧播</div>
<div class="title_item1_y" v-if="characters == 1">直播虚拟人自然逼真,分身真假难辨</div>
@@ -31,18 +31,18 @@
<div class="title" v-if="characters != 1">Digital live broadcasting manipulated by AI, text, voice, video etc.to free real people workforce on camera.</div>
<div class="imgBox">
<li style="position: relative">
<img v-if="characters == 1" src="../../assets/img/metavatar_shadow/imgList1@2x.png" alt="" />
<img v-if="characters != 1" src="../../assets/img/metavatar_shadow/imgList1@2xEnglish.png" alt="" />
<img v-if="characters == 1" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_shadow/imgList1@2x.png" alt="" />
<img v-if="characters != 1" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_shadow/imgList1@2xEnglish.png" alt="" />
<div class="textInImg" v-if="characters != 1">中の人</div>
</li>
<li style="position: relative">
<img v-if="characters == 1" src="../../assets/img/metavatar_shadow/imgList2@2x.png" alt="" />
<img v-if="characters != 1" src="../../assets/img/metavatar_shadow/imgList2@2xEnglish.png" alt="" />
<img v-if="characters == 1" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_shadow/imgList2@2x.png" alt="" />
<img v-if="characters != 1" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_shadow/imgList2@2xEnglish.png" alt="" />
<div class="textInImg" v-if="characters != 1">Digital live streaming</div>
</li>
<li style="position: relative">
<img v-if="characters == 1" src="../../assets/img/metavatar_shadow/imgList3@2x.png" alt="" />
<img v-if="characters != 1" src="../../assets/img/metavatar_shadow/imgList3@2xEnglish.png" alt="" />
<img v-if="characters == 1" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_shadow/imgList3@2x.png" alt="" />
<img v-if="characters != 1" src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_shadow/imgList3@2xEnglish.png" alt="" />
<div class="textInImg" v-if="characters != 1">Toonman live</div>
</li>
<div class="redCard" v-if="characters == 1">无缝接入各主流平台</div>
@@ -57,7 +57,7 @@
<div class="module_3">
<div class="title" v-if="characters == 1">脚本驱动数字人直播</div>
<div class="title" v-if="characters != 1">Script-driven digital human live broadcast</div>
<img src="../../assets/img/metavatar_shadow/scriptDrive@2x.png" alt="" />
<img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/metavatar_shadow/scriptDrive@2x.png" alt="" />
</div>
<el-dialog :title="characters == 1 ? '留下您的信息,我们会尽快与您取得联系' : 'Tell us about yourself, we ll be in touch right away.'" :visible.sync="dialogVisible" width="34%">
@@ -91,18 +91,6 @@ export default {
return {
//零时存放
charactersMy: 1,
languageLsit: [
{
name: 'Cn',
value: 1,
url: require('../../assets/img/cn.jpeg')
},
{
name: 'En',
value: 2,
url: require('../../assets/img/en.jpg')
}
],
//
@@ -214,127 +202,7 @@ export default {
},
// characters: 1, //1=》中文 2=》英文
timeFlag: 5,
dialogVisible: false,
module_6_data: [
{
url: require('../../assets/img/demo_1.png'),
name: '增加电子商务销售额',
name_y: 'Increase eCommerce sales'
},
{
url: require('../../assets/img/demo_2.png'),
name: '推动品牌声誉',
name_y: 'Drive Brand engagement'
},
{
url: require('../../assets/img/demo_3.png'),
name: '拓展客户服务',
name_y: 'Scale customer service'
},
{
url: require('../../assets/img/demo_4.png'),
name: ' 节约您的劳动成本',
name_y: ' Augment your current workforce'
},
{
url: require('../../assets/img/demo_5.png'),
name: ' 提供支持和陪伴',
name_y: 'Provide support and companionship'
},
{
url: require('../../assets/img/demo_6.png'),
name: '投资元宇宙的未来',
name_y: 'Deliver knowledge and learning'
},
{
url: require('../../assets/img/demo_7.png'),
name: '数字化名人的力量',
name_y: 'Leverage the power of Digital Celebrities'
},
{
url: require('../../assets/img/demo_8.png'),
name: '传递学习和知识',
name_y: ' Invest in the metaverse future'
}
],
carouselLsit: [
{
url: require('../../assets/img/carousel1.png')
},
{
url: require('../../assets/img/carousel2.png')
},
{
url: require('../../assets/img/carousel3.png')
}
],
partnerLsit: [
{
url: require('../../assets/img/partner1.png')
},
{
url: require('../../assets/img/partner2.png')
},
{
url: require('../../assets/img/partner3.png')
},
{
url: require('../../assets/img/partner4.png')
},
{
url: require('../../assets/img/partner5.png')
}
],
timeLsit: [
{
title: '2018-10',
ctn1_y: 'Team built up in Oct. 2018',
// ctn2_y: "Team built up in Oct. 2018",
ctn1: '团队组建'
// ctn2: "团队组建"
},
{
url: require('../../assets/img/carousel2.png'),
title: '2019',
ctn1_y: 'Deliver the first movie project in May. 2019',
// ctn2_y: "Deliver the first movie project in May. 2019",
ctn1: '第一个影视特效 ',
ctn2: '项目交付'
},
{
url: require('../../assets/img/carousel3.png'),
title: '2021-05',
ctn1_y: 'Beta of MetaGene published in May,2021',
// ctn2_y: "Beta of MetaGene published in May,2021",
ctn1: '内部产品',
ctn2: 'Metagene V1完成'
},
{
url: require('../../assets/img/carousel3.png'),
title: '2021-08',
ctn1_y: 'Metavatar built up in Aug, 2021',
// ctn2_y: "Metavatar built up in Aug, 2021",
ctn1: '邃芒科技成立'
// ctn2: "邃芒科技成立",
},
{
url: require('../../assets/img/carousel3.png'),
title: '2022-01',
ctn1_y: 'Angel fund in Jan, 2022',
// ctn2_y: "Angel fund in Jan, 2022",
ctn1: '获得天使轮融资'
// ctn2: "获得天使轮融资",
},
{
url: require('../../assets/img/carousel3.png'),
title: '2022-06',
ctn1_y: 'Deliver the first project based on Magenta for our strategic partner in Jun,2022',
// ctn2_y: "Beta of MetaGene published in May,2021",
ctn1: '为战略合作伙伴新奥特',
ctn2: '交付首个基于MetaGene的内容生产项目'
}
]
dialogVisible: false
};
},
methods: {


+ 1
- 1
src/components/views/turing.vue Просмотреть файл

@@ -3,7 +3,7 @@
<div class="module_1">
<img
ref="vidoe"
src="../../assets/img/LiLei@2x.png"
src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/LiLei@2x.png"
width="100%"
height="100%"
autoplay


Загрузка…
Отмена
Сохранить