You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@iotdb.apache.org by ha...@apache.org on 2022/05/26 02:35:20 UTC
[iotdb] branch revert-6012-fix_iotdb_site created (now 890c622284)
This is an automated email from the ASF dual-hosted git repository.
haonan pushed a change to branch revert-6012-fix_iotdb_site
in repository https://gitbox.apache.org/repos/asf/iotdb.git
at 890c622284 Revert "[IOTDB-3286] False Carousel Ratio on Desktop Version Homepage (#6012)"
This branch includes the following new commits:
new 890c622284 Revert "[IOTDB-3286] False Carousel Ratio on Desktop Version Homepage (#6012)"
The 1 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails. The revisions
listed as "add" were already present in the repository and have only
been added to this reference.
[iotdb] 01/01: Revert "[IOTDB-3286] False Carousel Ratio on Desktop Version Homepage (#6012)"
Posted by ha...@apache.org.
This is an automated email from the ASF dual-hosted git repository.
haonan pushed a commit to branch revert-6012-fix_iotdb_site
in repository https://gitbox.apache.org/repos/asf/iotdb.git
commit 890c622284913f5e70b459a11ff73aa7ed770b3a
Author: Haonan <hh...@outlook.com>
AuthorDate: Thu May 26 10:35:15 2022 +0800
Revert "[IOTDB-3286] False Carousel Ratio on Desktop Version Homepage (#6012)"
This reverts commit 20cf75b8cda5c245789b65bf2259fb2fc034eda4.
---
.../.vuepress/theme/global-components/IoTDB.vue | 43 ++++++++++---------
.../.vuepress/theme/global-components/IoTDBZH.vue | 49 +++++++++++++---------
2 files changed, 54 insertions(+), 38 deletions(-)
diff --git a/site/src/main/.vuepress/theme/global-components/IoTDB.vue b/site/src/main/.vuepress/theme/global-components/IoTDB.vue
index 0ae0e03bc2..e83ba5625f 100644
--- a/site/src/main/.vuepress/theme/global-components/IoTDB.vue
+++ b/site/src/main/.vuepress/theme/global-components/IoTDB.vue
@@ -48,11 +48,11 @@
<p class="home-title" style="font-size: 50px;">Scenarios</p>
<div class="block">
- <el-carousel trigger="click" :height="autoHeight" indicator-position="outside">
+ <el-carousel trigger="click" height="1000px" indicator-position="outside">
<el-carousel-item v-for="(item,index) in imgBlock" :key="index" style="text-align:center;">
<img :src="item.src" height="500px">
- <h3 style="font-size: 30px;color: #fcac45;text-align: center;line-height: normal;">{{item.des}}</h3>
- <p style="font-size: 18px;line-height: 22px;padding:15px;text-align:justify!important;font-weight:bold;">{{item.detail}}</p>
+ <h3 class="carousel-title" style="font-size: 30px;color: #fcac45;text-align: center;line-height: normal;">{{item.des}}</h3>
+ <p class="carousel-text" style="font-size: 18px;line-height: 22px;text-align:justify!important;font-weight:bold;">{{item.detail}}</p>
</el-carousel-item>
</el-carousel>
</div>
@@ -171,22 +171,6 @@ export default {
isHover: false
};
},
- computed: {
- autoHeight() {
- let _w = document.documentElement.clientWidth || document.body.clientWidth;
- let _h = 0;
- if (_w >= 200 && _w < 768) {
- _h = 925;
- } else if (_w >= 768 && _w < 992) {
- _h = 825;
- } else if (_w >= 992 && _w < 1200) {
- _h = 825;
- } else if (_w >= 1200) {
- _h = 750;
- }
- return _h + "px";
- }
- },
methods: {
addRoutes1() {
this.$router.push("/Download/");
@@ -259,6 +243,9 @@ export default {
.carousel-title {
padding-top:0;
}
+ .carousel-text {
+ padding:15px;
+ }
}
@media (min-width: 768px) {
@@ -268,6 +255,12 @@ export default {
.carousel-inner {
min-height: 520px;
}
+ .carousel-title {
+ padding-top:100px;
+ }
+ .carousel-text {
+ padding:0 100px 0 100px;
+ }
}
@media (min-width: 992px) {
@@ -277,6 +270,12 @@ export default {
.carousel-inner {
min-height: 580px;
}
+ .carousel-title {
+ padding-top:100px;
+ }
+ .carousel-text {
+ padding:0 100px 0 100px;
+ }
}
@media (min-width: 1200px) {
@@ -286,6 +285,12 @@ export default {
.carousel-inner {
min-height: 650px;
}
+ .carousel-title {
+ padding-top:100px;
+ }
+ .carousel-text {
+ padding:0 100px 0 100px;
+ }
}
diff --git a/site/src/main/.vuepress/theme/global-components/IoTDBZH.vue b/site/src/main/.vuepress/theme/global-components/IoTDBZH.vue
index d79d8fdc07..24ea280578 100644
--- a/site/src/main/.vuepress/theme/global-components/IoTDBZH.vue
+++ b/site/src/main/.vuepress/theme/global-components/IoTDBZH.vue
@@ -18,6 +18,8 @@
<template >
<div style="background:linear-gradient(top,#A2A2A2,#fff);">
+
+ <div style="width:100%;margin: 0 auto;position: relative;height:480px;text-align:center;">
<h2 class="h2" style="font-size:80px;">Apache IoTDB</h2>
<p
style="font-size: 20px;line-height:23px;margin: 10px 0 20px 0;font-family: 'Arimo', sans-serif;
@@ -44,16 +46,17 @@ Apache IoTDB 采用轻量式架构，具有高性能和丰富的功能，并与A
style="font-size: 18px;letter-spacing: 0.03em;font-family: 'Arimo', sans-serif;"
@click="addRoutes2"
>快速开始</el-button>
+ </el-row>
</div>
<p class="home-title" style="font-size: 50px;">应用场景</p>
<div class="block">
- <el-carousel trigger="click" height="autoHeight" indicator-position="outside">
+ <el-carousel trigger="click" height="1000px" indicator-position="outside">
<el-carousel-item v-for="(item,index) in imgBlock" :key="index" style="text-align:center;">
<img :src="item.src" height="500px">
- <h3 style="font-size: 30px;color: #fcac45;text-align: center;line-height: normal;">{{item.des}}</h3>
- <p style="font-size: 18px;padding:15px;line-height: 22px;text-align:justify!important;font-weight:bold;">{{item.detail}}</p>
+ <h3 class="carousel-title" style="font-size: 30px;color: #fcac45;text-align: center;line-height: normal;">{{item.des}}</h3>
+ <p class="carousel-text" style="font-size: 18px;line-height: 22px;text-align:justify!important;font-weight:bold;">{{item.detail}}</p>
</el-carousel-item>
</el-carousel>
</div>
@@ -172,22 +175,6 @@ export default {
isHover: false
};
},
- computed: {
- autoHeight() {
- let _w = document.documentElement.clientWidth || document.body.clientWidth;
- let _h = 0;
- if (_w >= 200 && _w < 768) {
- _h = 925;
- } else if (_w >= 768 && _w < 992) {
- _h = 825;
- } else if (_w >= 992 && _w < 1200) {
- _h = 825;
- } else if (_w >= 1200) {
- _h = 750;
- }
- return _h + "px";
- }
- },
methods: {
addRoutes1() {
this.$router.push("/zh/Download/");
@@ -246,6 +233,12 @@ export default {
.carousel-inner {
min-height: 530px;
}
+ .carousel-title {
+ padding-top:0;
+ }
+ .carousel-text {
+ padding:15px;
+ }
}
@media (min-width: 768px) {
@@ -255,6 +248,12 @@ export default {
.carousel-inner {
min-height: 520px;
}
+ .carousel-title {
+ padding-top:100px;
+ }
+ .carousel-text {
+ padding:0 100px 0 100px;
+ }
}
@media (min-width: 992px) {
@@ -264,6 +263,12 @@ export default {
.carousel-inner {
min-height: 580px;
}
+ .carousel-title {
+ padding-top:100px;
+ }
+ .carousel-text {
+ padding:0 100px 0 100px;
+ }
}
@media (min-width: 1200px) {
@@ -273,6 +278,12 @@ export default {
.carousel-inner {
min-height: 650px;
}
+ .carousel-title {
+ padding-top:100px;
+ }
+ .carousel-text {
+ padding:0 100px 0 100px;
+ }
}