From bbb94ce655a5c0599a375c82b7f046e6dfd1f96d Mon Sep 17 00:00:00 2001 From: congzc Date: Mon, 8 May 2023 17:38:31 +0800 Subject: [PATCH] 3 --- src/components/home/home copy.vue | 1533 +++++++++++++++++++++++++++++ src/components/home/home.vue | 111 +-- src/components/home/load.js | 89 ++ 3 files changed, 1663 insertions(+), 70 deletions(-) create mode 100644 src/components/home/home copy.vue create mode 100644 src/components/home/load.js diff --git a/src/components/home/home copy.vue b/src/components/home/home copy.vue new file mode 100644 index 0000000..4fe2313 --- /dev/null +++ b/src/components/home/home copy.vue @@ -0,0 +1,1533 @@ + + + + + diff --git a/src/components/home/home.vue b/src/components/home/home.vue index 7e4dfc0..d89e87f 100644 --- a/src/components/home/home.vue +++ b/src/components/home/home.vue @@ -37,7 +37,7 @@
-
+
{{ characters == 1 ? '文字语音AI驱动' : 'Text/Audio AI manipulation' }}
@@ -61,7 +61,7 @@
-
+
@@ -69,7 +69,8 @@
-->
-
+ +
{{ characters == 1 ? '中之人驱动' : '“中の人”manipulation' }}
@@ -89,7 +90,7 @@
-
+
@@ -98,7 +99,7 @@
-
+
@@ -140,7 +141,7 @@
-
+
{{ characters == 1 ? '邃芒数字人可服务的场景' : 'Scenarios that Suimang Digital Humans can serve' }}
@@ -152,7 +153,7 @@
-
+
{{ characters == 1 ? '超写实数字人的互动全新体验' : 'A new interactive experience of hyper-realistic digital people' }}
@@ -196,26 +197,7 @@
- - -
+
@@ -257,28 +239,6 @@
- -
x
@@ -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 { } }; +