You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@linkis.apache.org by pe...@apache.org on 2021/10/28 11:44:18 UTC
[incubator-linkis-website] 05/47: ADD: 增加首页两个模块
This is an automated email from the ASF dual-hosted git repository.
peacewong pushed a commit to branch asf-staging
in repository https://gitbox.apache.org/repos/asf/incubator-linkis-website.git
commit 4324084960a47cc24771788ed05308e9bfff675f
Author: lucaszhu <lu...@webank.com>
AuthorDate: Wed Sep 29 16:21:13 2021 +0800
ADD: 增加首页两个模块
---
src/pages/home.vue | 90 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 file changed, 90 insertions(+)
diff --git a/src/pages/home.vue b/src/pages/home.vue
index c722258..321f7c2 100644
--- a/src/pages/home.vue
+++ b/src/pages/home.vue
@@ -8,12 +8,102 @@
<a href="/" class="corner-botton white">GitHub</a>
</div>
</div>
+ <h1 class="home-block-title text-center">Computation Governance Concept</h1>
+ <h1 class="home-block-title text-center">Core Features</h1>
+ <div class="features home-block">
+ <div class="feature-item">
+ <div class="item-content">
+ <h3 class="item-title">Connectivity</h3>
+ <p class="item-desc">Simplify the operation environment; decouple the upper and lower layers, which make the upper layer insensitive when bottom layers changed</p>
+ </div>
+ </div>
+ <div class="feature-item">
+ <div class="item-content">
+ <h3 class="item-title">Scalability</h3>
+ <p class="item-desc">Distributed microservice architecture with great scalability and extensibility; quickly integrate with the new underlying engine</p>
+ </div>
+ </div>
+ <div class="feature-item">
+ <div class="item-content">
+ <h3 class="item-title">Controllability</h3>
+ <p class="item-desc">Converge engine entrance, unify identity verification, high-risk prevention and control, audit records; label-based multi-level refined resource control and recovery capabilities</p>
+ </div>
+ </div>
+ <div class="feature-item">
+ <div class="item-content">
+ <h3 class="item-title">Orchestration</h3>
+ <p class="item-desc">Computing strategy design based on active-active, mixed computing, transcation Orchestrator Service</p>
+ </div>
+ </div>
+ <div class="feature-item">
+ <div class="item-content">
+ <h3 class="item-title">Reusability</h3>
+ <p class="item-desc">Highly reduced the back-end development workload of upper-level applications development; Swiftly and efficiently build a data platform tool suite based on Linkis</p>
+ </div>
+ </div>
+ </div>
+ <h1 class="home-block-title text-center">Showcase</h1>
+ <div class="show-case home-block">
+ <div class="case-item"></div>
+ <div class="case-item"></div>
+ <div class="case-item"></div>
+ <div class="case-item"></div>
+ <div class="case-item"></div>
+ <div class="case-item"></div>
+ <div class="case-item"></div>
+ </div>
</div>
</template>
<style lang="less" scoped>
@import url('/src/style/base.less');
.home-page {
+ .home-block-title{
+ font-size: 32px;
+ line-height: 46px;
+ }
+ .home-block{
+ padding: 20px 0 88px;
+ }
+ .show-case{
+ display: grid;
+ grid-template-columns: repeat(5, 1fr);
+ grid-row-gap: 20px;
+ grid-column-gap: 20px;
+ .case-item{
+ height: 88px;
+ background: #FFFFFF;
+ box-shadow: 0 1px 20px 0 rgba(15,18,34,0.10);
+ border-radius: 8px;
+ }
+ }
+ .features{
+ display: grid;
+ grid-template-columns: repeat(5, 1fr);
+ grid-column-gap: 20px;
+ .feature-item{
+ height: 370px;
+ background: #FFFFFF;
+ box-shadow: 0 0 16px 0 rgba(211,211,211,0.50);
+ border-radius: 10px;
+ .item-content{
+ padding: 30px 20px;
+ text-align: left;
+ .item-title{
+ margin-bottom: 20px;
+ color: #393939;
+ line-height: 26px;
+ font-size: 18px;
+ font-weight: 500;
+ }
+ .item-desc{
+ color: #666666;
+ line-height: 22px;
+ font-weight: 400;
+ }
+ }
+ }
+ }
.banner {
padding: 168px 0;
.home-title {
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@linkis.apache.org
For additional commands, e-mail: commits-help@linkis.apache.org