HolyKnightIX pirms 2 gadiem
vecāks
revīzija
b9601edbbd
4 mainītis faili ar 25 papildinājumiem un 422 dzēšanām
  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 Parādīt failu

@@ -1,7 +1,7 @@
<template> <template>
<div class="Box" id="top"> <div class="Box" id="top">
<div class="module_1"> <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="titleBox">
<div class="title_item1" v-if="characters == 1">邃芒慧生</div> <div class="title_item1" v-if="characters == 1">邃芒慧生</div>
@@ -29,14 +29,14 @@
<div class="module_2"> <div class="module_2">
<div class="title">Metavatar AI</div> <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>
<div class="module_3"> <div class="module_3">
<div class="title" v-if="characters == 1">保持人脸特征 自由调整各类心仪风格</div> <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="title" v-if="characters != 1">Maintain facial features and freely adjust various favorite styles</div>
<div class="style">STYLE</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>
<div class="module_4"> <div class="module_4">
@@ -47,7 +47,7 @@
<div class="style">FULL AGE</div> <div class="style">FULL AGE</div>
</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>
</div> </div>
@@ -82,18 +82,6 @@ export default {
return { return {
//零时存放 //零时存放
charactersMy: 1, charactersMy: 1,
languageLsit: [
{
name: 'Cn',
value: 1,
url: require('../../assets/img/cn.jpeg')
},
{
name: 'En',
value: 2,
url: require('../../assets/img/en.jpg')
}
],
// //
userName: '', userName: '',
phone: '', phone: '',
@@ -203,127 +191,7 @@ export default {
}, },
// characters: 1, //1=》中文 2=》英文 // characters: 1, //1=》中文 2=》英文
timeFlag: 5, 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: { methods: {


+ 10
- 143
src/components/views/live.vue Parādīt failu

@@ -30,31 +30,31 @@
<div class="module_2"> <div class="module_2">
<div class="title" v-if="characters == 1"> <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>
<div class="title" v-if="characters != 1"> <div class="title" v-if="characters != 1">
Just 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 step to complete the generation of digital human video content
</div> </div>
<div class="images"> <div class="images">
<li> <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>
<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>
<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>
<li class="videoLi"> <li class="videoLi">
<div class="imgBox1" @click="goSetVedio(isPlayed)"> <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" /> <video ref="videoII" src="../../assets/video/video2.mp4" />
</div> </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> </li>
</div> </div>
</div> </div>
@@ -62,7 +62,7 @@
<div class="module_3"> <div class="module_3">
<div class="title" v-if="characters == 1">中之人驱动</div> <div class="title" v-if="characters == 1">中之人驱动</div>
<div class="title" v-if="characters != 1">“中の人” driving</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> </div>
<el-dialog :title="characters == 1 ? '留下您的信息,我们会尽快与您取得联系' : 'Tell us about yourself, we ll be in touch right away.'" :visible.sync="dialogVisible" width="34%"> <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, isPlayed: true,
//零时存放 //零时存放
charactersMy: 1, charactersMy: 1,
languageLsit: [
{
name: 'Cn',
value: 1,
url: require('../../assets/img/cn.jpeg')
},
{
name: 'En',
value: 2,
url: require('../../assets/img/en.jpg')
}
],
// //
userName: '', userName: '',
@@ -220,127 +207,7 @@ export default {
}, },
// characters: 1, //1=》中文 2=》英文 // characters: 1, //1=》中文 2=》英文
timeFlag: 5, 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: { methods: {


+ 9
- 141
src/components/views/shadow.vue Parādīt failu

@@ -1,7 +1,7 @@
<template> <template>
<div class="Box" id="top"> <div class="Box" id="top">
<div class="module_1"> <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="titleBox">
<div class="title_item1" v-if="characters == 1">邃芒慧播</div> <div class="title_item1" v-if="characters == 1">邃芒慧播</div>
<div class="title_item1_y" 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="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"> <div class="imgBox">
<li style="position: relative"> <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> <div class="textInImg" v-if="characters != 1">中の人</div>
</li> </li>
<li style="position: relative"> <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> <div class="textInImg" v-if="characters != 1">Digital live streaming</div>
</li> </li>
<li style="position: relative"> <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> <div class="textInImg" v-if="characters != 1">Toonman live</div>
</li> </li>
<div class="redCard" v-if="characters == 1">无缝接入各主流平台</div> <div class="redCard" v-if="characters == 1">无缝接入各主流平台</div>
@@ -57,7 +57,7 @@
<div class="module_3"> <div class="module_3">
<div class="title" v-if="characters == 1">脚本驱动数字人直播</div> <div class="title" v-if="characters == 1">脚本驱动数字人直播</div>
<div class="title" v-if="characters != 1">Script-driven digital human live broadcast</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> </div>
<el-dialog :title="characters == 1 ? '留下您的信息,我们会尽快与您取得联系' : 'Tell us about yourself, we ll be in touch right away.'" :visible.sync="dialogVisible" width="34%"> <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 { return {
//零时存放 //零时存放
charactersMy: 1, 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=》英文 // characters: 1, //1=》中文 2=》英文
timeFlag: 5, 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: { methods: {


+ 1
- 1
src/components/views/turing.vue Parādīt failu

@@ -3,7 +3,7 @@
<div class="module_1"> <div class="module_1">
<img <img
ref="vidoe" 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%" width="100%"
height="100%" height="100%"
autoplay autoplay


Notiek ielāde…
Atcelt
Saglabāt