@@ -629,22 +620,21 @@ export default {
// ctn2_y: "Beta of MetaGene published in May,2021",
ctn1: '为战略合作伙伴新奥特',
ctn2: '交付首个基于MetaGene的内容生产项目'
+ },
+ {
+ url: 'https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/carousel3.png',
+ title: '2022年11月',
+ ctn1_y: 'MetaGene published, Metavatar runs from research to products stage in December 2022.',
+ ctn1: '邃芒“慧”系列产品首款“慧生”研发完成,',
+ ctn2: '标志邃芒从技术交付开始迈向产品阶段。'
+ },
+ {
+ url: 'https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/carousel3.png',
+ title: '2023年3月',
+ ctn1_y: 'Built up Stable Diffusion pipline, Generative AI & text prompting, all metavatar digital human are much more intelligent.Beta of MetaNuver pulished in Feb 2023',
+ ctn1: '邃芒开始全面拥抱stable diffusion,连接大模型,',
+ ctn2: '所有数字人拥有智慧大脑。“慧影“beta研发完成。'
}
- // ,
- // {
- // url: 'https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/carousel3.png',
- // title: '2022年11月',
- // ctn1_y: 'MetaGene published, Metavatar runs from research to products stage in December 2022.',
- // ctn1: '邃芒“慧”系列产品首款“慧生”研发完成,',
- // ctn2: '标志邃芒从技术交付开始迈向产品阶段。'
- // },
- // {
- // url: 'https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/carousel3.png',
- // title: '2023年3月',
- // ctn1_y: 'Built up Stable Diffusion pipline, Generative AI & text prompting, all metavatar digital human are much more intelligent.Beta of MetaNuver pulished in Feb 2023',
- // ctn1: '邃芒开始全面拥抱stable diffusion,连接大模型,',
- // ctn2: '所有数字人拥有智慧大脑。“慧影“beta研发完成。'
- // }
]
};
},
@@ -777,10 +767,19 @@ export default {
this.startTimer();
// console.log();
new Swiper('.swiper-container', {
- slidesPerView: 3,
+ // slidesPerView: 6,
+ // spaceBetween: 30,
+ // centeredSlides: true,
+ // loop: true,
+ // autoplay: true,
+ // loopFillGroupWithBlank: true,
+ // slidesPerGroup: 1,
+ // loopedSlides: 5,
+
+ slidesPerView: 6,
spaceBetween: 30,
- centeredSlides: true,
- loop: true,
+ loop: false,
+ autoplay: { disableOnInteraction: false }, // 解决点击按钮自动轮播失效问题
// 如果需要分页器
pagination: {
@@ -914,16 +913,14 @@ export default {
overflow: hidden;
color: #fff;
.title_item1 {
- margin-bottom: 14px;
+ margin-bottom: 30px;
font-size: 42px;
}
.title_item1_y {
- // margin-bottom: 14px;
- font-size: 42px;
- }
- .title_item1 {
margin-bottom: 30px;
+ font-size: 42px;
}
+
.title_item2 {
margin-bottom: 20px;
font-size: 42px;
@@ -1009,7 +1006,7 @@ export default {
font-family: Microsoft YaHei;
font-weight: 400;
color: #7e7e7e;
- // margin-bottom: 8px;
+ margin-bottom: 8px;
}
}
}
@@ -1457,6 +1454,7 @@ export default {
transform: translate(-50%, -50%);
transition: all 0.3s;
padding: 15px;
+ font-size: 18px;
}
.des_y {
position: absolute;
@@ -1470,6 +1468,7 @@ export default {
transform: translate(-50%, -50%);
transition: all 0.3s;
padding: 18px;
+ font-size: 18px;
}
&:hover {
border-radius: 10px;
@@ -1479,11 +1478,11 @@ export default {
opacity: 0;
}
.des {
- font-size: 18px;
+ // font-size: 18px;
opacity: 1;
}
.des_y {
- font-size: 18px;
+ // font-size: 18px;
opacity: 1;
}
}
@@ -1636,6 +1635,7 @@ export default {
.module_9 {
background-color: #d7d8de;
overflow: hidden;
+
.weBox {
margin-top: 70px;
margin-left: auto;
@@ -1650,25 +1650,32 @@ export default {
height: 530px;
background-color: #191919;
float: left;
+ // padding: 20px;
.conBox {
text-indent: 2em;
- width: 500px;
- margin: 40px auto 100px auto;
+ width: 520px;
+ padding: 20px 20px 0;
+ // margin: 20px 20px 100px 20px;
.title {
+ text-indent: 0em;
+
+ text-indent: 0em;
font-size: 30px;
font-family: Inter;
font-weight: 400;
color: #ffffff;
+ margin-bottom: -10px;
// line-height: 62px;
- text-align: right;
+ // text-align: right;
}
.title_h {
- height: 18px;
- font-size: 28px;
+ text-indent: 0em;
+ font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #ffffff;
- text-align: right;
+ // text-align: right;
+ margin-bottom: 20px;
}
.ctn {
// width: 434px;
@@ -1679,16 +1686,6 @@ export default {
line-height: 24px;
margin-top: 10px;
}
- .ctn_c {
- text-indent: 0;
- // width: 434px;
- font-size: 16px;
- font-family: Microsoft YaHei;
- font-weight: 400;
- color: #7e7e7e;
- line-height: 22px;
- // margin-top: 30px;
- }
.ctn1 {
width: 436px;
height: 222px;
@@ -1701,17 +1698,30 @@ export default {
margin-left: auto;
margin-right: auto;
}
+ .ctn_c {
+ width: 100%;
+ text-indent: 0;
+ // width: 434px;
+ font-size: 16px;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #7e7e7e;
+ line-height: 22px;
+ margin-top: 20px;
+ }
+
.ctn_c1 {
- width: 436px;
+ // width: 436px;
// height: 222px;
+ width: 100%;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #7e7e7e;
line-height: 30px;
- // margin-top: 74px;
- margin-left: auto;
- margin-right: auto;
+ margin-top: 20px;
+ // margin-left: auto;
+ // margin-right: auto;
}
}
}
@@ -1727,7 +1737,17 @@ export default {
.timeBox {
// overflow: hidden;
position: relative;
- margin-bottom: 90px;
+ margin-bottom: 10px;
+ &:hover .swiper-button-prev {
+ opacity: 1;
+ border-radius: 50%;
+ background-color: #ccc;
+ }
+ &:hover .swiper-button-next {
+ opacity: 1;
+ border-radius: 50%;
+ background-color: #ccc;
+ }
}
.xian {
width: 100%;
@@ -1739,11 +1759,52 @@ export default {
left: 0;
}
.timeF {
+ position: relative;
+
+ ::v-deep .swiper-container {
+ margin-top: -20px;
+ width: 100%;
+ height: 350px !important;
+ padding-top: 20px !important;
+ }
+ ::v-deep .swiper-slide {
+ width: 189px !important;
+ height: 320px !important;
+ }
+ ::v-deep .swiper-button-next {
+ position: absolute;
+ top: 140px;
+ right: -80px;
+ width: 70px;
+ height: 70px;
+ opacity: 0;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+ transition: all 0.3s;
+ }
+ ::v-deep .swiper-button-prev {
+ position: absolute;
+ top: 140px;
+ left: -80px;
+ width: 70px;
+ height: 70px;
+ opacity: 0;
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
+ transition: all 0.3s;
+ // &:hover {
+ // opacity: 1;
+ // border-radius: 50%;
+ // background-color: #ccc;
+ // }
+ }
+ // ::v-deep .swiper-button-disabled {
+ // opacity: 0.5;
+ // }
width: 1300px;
display: flex;
margin: 0 auto;
justify-content: space-between;
.itemBox {
+ display: block;
width: 180px;
height: 250px;
border: 1px solid #ffffff;
@@ -1754,7 +1815,7 @@ export default {
cursor: pointer;
transition: all 0.3s;
.timeText {
- width: 200px;
+ // width: 200px;
font-size: 16px;
font-family: Inter;
font-weight: 600;
@@ -1853,7 +1914,7 @@ export default {
margin: 0 auto;
display: flex;
justify-content: space-between;
- margin-bottom: 130px;
+ margin-bottom: 70px;
background-color: #ffffff;
border-radius: 30px;
overflow: hidden;
@@ -1882,47 +1943,47 @@ export default {
}
}
-.swiper-container {
- width: 100%;
-}
-.swiper-slide {
- width: 100%;
- height: 100%;
- text-align: center;
- font-size: 18px;
- background: #fff;
+// .swiper-container {
+// width: 100%;
+// }
+// .swiper-slide {
+// width: 100%;
+// height: 100%;
+// text-align: center;
+// font-size: 18px;
+// background: #fff;
- /* Center slide text vertically */
- display: -webkit-box;
- display: -ms-flexbox;
- // display: -webkit-flex;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: space-evenly;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
-}
+// /* Center slide text vertically */
+// display: -webkit-box;
+// display: -ms-flexbox;
+// // display: -webkit-flex;
+// display: flex;
+// -webkit-box-pack: center;
+// -ms-flex-pack: center;
+// -webkit-justify-content: center;
+// justify-content: space-evenly;
+// -webkit-box-align: center;
+// -ms-flex-align: center;
+// -webkit-align-items: center;
+// align-items: center;
+// }
-.swiper-slide-active,
-.swiper-slide-duplicate-active {
- transform: scale(1);
-}
+// .swiper-slide-active,
+// .swiper-slide-duplicate-active {
+// transform: scale(1);
+// }
-.swiper-slide-img {
- width: 479px;
- height: 600px;
- cursor: pointer;
- opacity: 0.9;
- transition: all 0.3s;
- &:hover {
- opacity: 1;
- transform: scale(1.1);
- }
-}
+// .swiper-slide-img {
+// width: 479px;
+// height: 600px;
+// cursor: pointer;
+// opacity: 0.9;
+// transition: all 0.3s;
+// &:hover {
+// opacity: 1;
+// transform: scale(1.1);
+// }
+// }
.topBox {
width: 100%;
diff --git a/src/components/views/shadow.vue b/src/components/views/shadow.vue
index a38b220..68a9848 100644
--- a/src/components/views/shadow.vue
+++ b/src/components/views/shadow.vue
@@ -79,7 +79,7 @@
中之人驱动
“中の人” driving

-

+