congzc 2 년 전
부모
커밋
bbb94ce655
3개의 변경된 파일1663개의 추가작업 그리고 70개의 파일을 삭제
  1. +1533
    -0
      src/components/home/home copy.vue
  2. +41
    -70
      src/components/home/home.vue
  3. +89
    -0
      src/components/home/load.js

+ 1533
- 0
src/components/home/home copy.vue
파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
파일 보기


+ 41
- 70
src/components/home/home.vue 파일 보기

@@ -37,7 +37,7 @@
<div class="md1" id="md1"></div>
</div>

<div class="module_2" id="module_2">
<div v-if="loading" class="module_2" id="module_2">
<div class="title">
{{ characters == 1 ? '文字语音AI驱动' : 'Text/Audio AI manipulation' }}
</div>
@@ -61,7 +61,7 @@
</div>
</div>

<div class="module_3" id="module_3">
<div v-if="loading" class="module_3" id="module_3">
<div class="imgBox1">
<img src="https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/module_3_1.png" alt />
</div>
@@ -69,7 +69,8 @@
<img src="../../assets/img/module_3_2.png" alt>
</div>-->
</div>
<div class="module_2" id="module_2">

<div v-if="loading" class="module_2" id="module_2">
<div class="title">
{{ characters == 1 ? '中之人驱动' : '“中の人”manipulation' }}
</div>
@@ -89,7 +90,7 @@
</div>
</div>

<div class="module_3" id="module_3">
<div v-if="loading" class="module_3" id="module_3">
<!-- <div class="imgBox1">
<img src="../../assets/img/module_3_1.png" alt>
</div>-->
@@ -98,7 +99,7 @@
</div>
</div>

<div class="module_5" id="module_5">
<div v-if="loading" class="module_5" id="module_5">
<img src="https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/module_5_bg2.png" alt class="module_5_bg1" />
<div class="titleBox">
<div class="title">
@@ -140,7 +141,7 @@
<!-- <div class="md1" id="md2"></div> -->
</div>

<div class="module_6" id="module_6">
<div v-if="loading" class="module_6" id="module_6">
<div class="title">
{{ characters == 1 ? '邃芒数字人可服务的场景' : 'Scenarios that Suimang Digital Humans can serve' }}
</div>
@@ -152,7 +153,7 @@
</div>
</div>

<div class="module_7">
<div v-if="loading" class="module_7">
<div class="title">
{{ characters == 1 ? '超写实数字人的互动全新体验' : 'A new interactive experience of hyper-realistic digital people' }}
</div>
@@ -196,26 +197,7 @@
</div>
</div>

<!-- <div class="module_8" id="module_8">
<div class="title">SELECTED CASES</div>
<div class="title_1">{{characters==1?'经典案例':''}}</div>
<div class="xian"></div>
<div class="swiper-container">
<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>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></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 v-if="loading" class="module_9" id="module_9">
<div class="weBox">
<div class="weText">
<div class="conBox">
@@ -257,28 +239,6 @@
</div>
</div>

<!-- <el-dialog
:title="characters==1?'留下您的信息,我们会尽快与您取得联系':'Tell us about yourself, we ll be in touch right away.'"
:visible.sync="dialogVisible"
width="34%"
>
<el-form ref="form" :rules="rules" :model="form">
<el-form-item class="width" prop="name">
<el-input v-model="form.name" maxlength="10" :placeholder="characters==1?'姓名':'Name'"></el-input>
</el-form-item>
<el-form-item class="width" prop="phone">
<el-input v-model="form.phone" :placeholder=" characters==1?'手机':'Phone'"></el-input>
</el-form-item>
<el-form-item class="width" prop="Pmail">
<el-input v-model="form.email" placeholder="Email"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">{{characters==1?'取 消':'Cancel'}}</el-button>
<el-button type="primary" @click="submit() ">{{characters==1?'提 交':'Submit'}}</el-button>
</span>
</el-dialog>-->

<div class="contentBox" v-if="dialogVisible">
<div class="titleBox">
<div class="guan" @click="dialogVisible = false">x</div>
@@ -342,6 +302,8 @@ import { Toast } from 'vant';
import Vue from 'vue';
Vue.use(Toast);

import { oneList, twoList, threeList } from './load.js';

export default {
components: {
top
@@ -349,6 +311,7 @@ export default {
data() {
return {
inPage: false,
loading: false,
userName: '',
phone: '',
email: '',
@@ -400,56 +363,56 @@ export default {
dialogVisible: false,
module_6_data: [
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/demo_4.png',
url: '',
name: '教育',
name_y: 'Education',
des: '创新和丰富的学习体验',
des_y: 'Innovative & richinng the learning experience'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/demo_3.png',
url: '',
name: '金融',
name_y: 'Finance',
des: '加强客户服务,通过新颖的互动方式与客户搭建沟通桥梁',
des_y: 'Enhance customer service, engage client relations through new innteravtive ways'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/demo_5.png',
url: '',
name: ' 电商',
name_y: 'E-commerce',
des: '7*24全天候数字员工线上销售和品牌推广',
des_y: '7*24 employee online selling & brands promotion'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/demo_7.png',
url: '',
name: '零售与品牌',
name_y: 'Retails',
des: '数字广告代言人以前所未有的方式打造品牌',
des_y: 'Branding in a different new way by digital Ads endorsers.'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/demo_1.png',
url: '',
name: '技术服务',
name_y: 'Avatar tech provider',
des: '可以将创造的数字人形象、行为和全部交互轻松的部署到自己的应用服务中',
des_y: 'Provide all capability of avatar creation, manipulation & interactive of metavatar to deploy them in your own applications.'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/demo_2.png',
url: '',
name: '娱乐',
name_y: 'Entertaining',
des: '让您在元宇宙中拥有时尚靓丽的数字孪生',
des_y: 'Exiciting etertaning experience by digital twins, stylishing the pictures & video, great looking avatars in metaverse.'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/demo_6.png',
url: '',
name: '影视特效 ',
name_y: 'Special Effects',
des: '通过Ai技术在电影特效中使用虚拟角色,极大的提高了效率,加强视觉效果',
des_y: 'A.I. technology for avatars deployed in movie special effects, great enhancement of effects production.'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/demo_8.png',
url: '',
name: '公共服务',
name_y: 'Public Sector',
des: '当人们需要帮助和助手时,数字公共服务人员24*7随时为您的繁重工作待命',
@@ -458,30 +421,30 @@ export default {
],
carouselLsit: [
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/carousel1.png'
url: ''
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/carousel2.png'
url: ''
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/carousel3.png'
url: ''
}
],
partnerLsit: [
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/partner1.png'
url: ''
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/partner2.png'
url: ''
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/partner3.png'
url: ''
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/partner4.png'
url: ''
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/partner5.png'
url: ''
}
],
timeLsit: [
@@ -493,7 +456,7 @@ export default {
// ctn2: "团队组建"
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/carousel2.png',
url: '',
title: '2019',
ctn1_y: 'Deliver the first movie project in May. 2019',
// ctn2_y: "Deliver the first movie project in May. 2019",
@@ -501,7 +464,7 @@ export default {
ctn2: '项目交付'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/carousel3.png',
url: '',
title: '2021-05',
ctn1_y: 'Beta of MetaGene published in May,2021',
// ctn2_y: "Beta of MetaGene published in May,2021",
@@ -510,7 +473,7 @@ export default {
},

{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/carousel3.png',
url: '',
title: '2021-08',
ctn1_y: 'Metavatar built up in Aug, 2021',
// ctn2_y: "Metavatar built up in Aug, 2021",
@@ -518,7 +481,7 @@ export default {
// ctn2: "邃芒科技成立",
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/carousel3.png',
url: '',
title: '2022-01',
ctn1_y: 'Angel fund in Jan, 2022',
// ctn2_y: "Angel fund in Jan, 2022",
@@ -526,7 +489,7 @@ export default {
// ctn2: "获得天使轮融资",
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/carousel3.png',
url: '',
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",
@@ -634,6 +597,13 @@ export default {

mounted() {
this.goView('top');
this.$nextTick(() => {
this.module_6_data = oneList;
this.carouselLsit = twoList;
this.partnerLsit = threeList;
this.loading = true;
});

new Swiper('.swiper-container', {
slidesPerView: 3,
spaceBetween: 30,
@@ -661,6 +631,7 @@ export default {
}
};
</script>

<style lang="scss" scoped>
@keyframes showIn {
50% {


+ 89
- 0
src/components/home/load.js 파일 보기

@@ -0,0 +1,89 @@
let oneList= [
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/demo_4.png',
name: '教育',
name_y: 'Education',
des: '创新和丰富的学习体验',
des_y: 'Innovative & richinng the learning experience'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/demo_3.png',
name: '金融',
name_y: 'Finance',
des: '加强客户服务,通过新颖的互动方式与客户搭建沟通桥梁',
des_y: 'Enhance customer service, engage client relations through new innteravtive ways'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/demo_5.png',
name: ' 电商',
name_y: 'E-commerce',
des: '7*24全天候数字员工线上销售和品牌推广',
des_y: '7*24 employee online selling & brands promotion'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/demo_7.png',
name: '零售与品牌',
name_y: 'Retails',
des: '数字广告代言人以前所未有的方式打造品牌',
des_y: 'Branding in a different new way by digital Ads endorsers.'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/demo_1.png',
name: '技术服务',
name_y: 'Avatar tech provider',
des: '可以将创造的数字人形象、行为和全部交互轻松的部署到自己的应用服务中',
des_y: 'Provide all capability of avatar creation, manipulation & interactive of metavatar to deploy them in your own applications.'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/demo_2.png',
name: '娱乐',
name_y: 'Entertaining',
des: '让您在元宇宙中拥有时尚靓丽的数字孪生',
des_y: 'Exiciting etertaning experience by digital twins, stylishing the pictures & video, great looking avatars in metaverse.'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/demo_6.png',
name: '影视特效 ',
name_y: 'Special Effects',
des: '通过Ai技术在电影特效中使用虚拟角色,极大的提高了效率,加强视觉效果',
des_y: 'A.I. technology for avatars deployed in movie special effects, great enhancement of effects production.'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/demo_8.png',
name: '公共服务',
name_y: 'Public Sector',
des: '当人们需要帮助和助手时,数字公共服务人员24*7随时为您的繁重工作待命',
des_y: '24*7 public service employee for repetitive heavy duties, anytime ready when people need help and assistant.'
}
]
let twoList= [
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/carousel1.png'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/carousel2.png'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/carousel3.png'
}
]
let threeList= [
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/partner1.png'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/partner2.png'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/partner3.png'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/partner4.png'
},
{
url: 'https://suimang.oss-cn-beijing.aliyuncs.com/builtin/static/wap/partner5.png'
}
]


export {oneList,twoList, threeList}

불러오는 중...
취소
저장