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/21 08:59:29 UTC
[incubator-linkis-website] 24/43: ADD: 增加团队页面
This is an automated email from the ASF dual-hosted git repository.
peacewong pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/incubator-linkis-website.git
commit 8650f31fe9ad929d4abcb7e4eac538ab1c2ce78b
Author: lucaszhu <lu...@webank.com>
AuthorDate: Wed Oct 13 11:33:55 2021 +0800
ADD: 增加团队页面
---
src/pages/team.vue | 194 ++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 file changed, 193 insertions(+), 1 deletion(-)
diff --git a/src/pages/team.vue b/src/pages/team.vue
index e98fedf..1c6e49e 100644
--- a/src/pages/team.vue
+++ b/src/pages/team.vue
@@ -1,3 +1,195 @@
<template>
- <div>team</div>
+ <div class="ctn-block team-page">
+ <h3 class="team-title">PMC</h3>
+ <p class="team-desc">Use the links below to download the Apache Linkis (Incubating) Releases. See all Linkis releases in Github release page.</p>
+ <ul class="character-list">
+ <li class="character-item text-center">
+ <div class="character-avatar"></div>
+ <div class="character-desc">
+ <h3 class="character-name">lululu</h3>
+ <a href="" class="character-link">@lululu</a>
+ </div>
+ </li>
+ <li class="character-item text-center">
+ <div class="character-avatar"></div>
+ <div class="character-desc">
+ <h3 class="character-name">lululu</h3>
+ <a href="" class="character-link">@lululu</a>
+ </div>
+ </li>
+ <li class="character-item text-center">
+ <div class="character-avatar"></div>
+ <div class="character-desc">
+ <h3 class="character-name">lululu</h3>
+ <a href="" class="character-link">@lululu</a>
+ </div>
+ </li>
+ <li class="character-item text-center">
+ <div class="character-avatar"></div>
+ <div class="character-desc">
+ <h3 class="character-name">lululu</h3>
+ <a href="" class="character-link">@lululu</a>
+ </div>
+ </li>
+ <li class="character-item text-center">
+ <div class="character-avatar"></div>
+ <div class="character-desc">
+ <h3 class="character-name">lululu</h3>
+ <a href="" class="character-link">@lululu</a>
+ </div>
+ </li>
+ <li class="character-item text-center">
+ <div class="character-avatar"></div>
+ <div class="character-desc">
+ <h3 class="character-name">lululu</h3>
+ <a href="" class="character-link">@lululu</a>
+ </div>
+ </li>
+ <li class="character-item text-center">
+ <div class="character-avatar"></div>
+ <div class="character-desc">
+ <h3 class="character-name">lululu</h3>
+ <a href="" class="character-link">@lululu</a>
+ </div>
+ </li>
+ </ul>
+ <h3 class="team-title">Committer</h3>
+ <p class="team-desc">Use the links below to download the Apache Linkis (Incubating) Releases. See all Linkis releases in Github release page.</p>
+ <ul class="character-list committer">
+ <li class="character-item">
+ <div class="character-avatar"></div>
+ <div class="character-desc">
+ <h3 class="character-name">lululu</h3>
+ <a href="" class="character-link">@lululu</a>
+ </div>
+ </li>
+ <li class="character-item">
+ <div class="character-avatar"></div>
+ <div class="character-desc">
+ <h3 class="character-name">lululu</h3>
+ <a href="" class="character-link">@lululu</a>
+ </div>
+ </li>
+ <li class="character-item">
+ <div class="character-avatar"></div>
+ <div class="character-desc">
+ <h3 class="character-name">lululu</h3>
+ <a href="" class="character-link">@lululu</a>
+ </div>
+ </li>
+ <li class="character-item">
+ <div class="character-avatar"></div>
+ <div class="character-desc">
+ <h3 class="character-name">lululu</h3>
+ <a href="" class="character-link">@lululu</a>
+ </div>
+ </li>
+ <li class="character-item">
+ <div class="character-avatar"></div>
+ <div class="character-desc">
+ <h3 class="character-name">lululu</h3>
+ <a href="" class="character-link">@lululu</a>
+ </div>
+ </li>
+ <li class="character-item">
+ <div class="character-avatar"></div>
+ <div class="character-desc">
+ <h3 class="character-name">lululu</h3>
+ <a href="" class="character-link">@lululu</a>
+ </div>
+ </li>
+ </ul>
+ <h3 class="team-title">Contributors</h3>
+ <p class="team-desc">Use the links below to download the Apache Linkis (Incubating) Releases. See all Linkis releases in Github release page.</p>
+ <ul class="contributor-list">
+ <li class="contributor-item">apache/apisix-go-plugin-runner</li>
+ </ul>
+ </div>
</template>
+<style lang="less" scoped>
+@import url('/src/style/variable.less');
+.team-page{
+ padding-top: 60px;
+ .team-title{
+ font-size: 24px;
+ line-height: 34px;
+ }
+ .team-desc{
+ color: @enhance-color;
+ font-weight: 400;
+ }
+ .contributor-list{
+ padding: 20px 0 40px;
+ .contributor-item{
+ display: inline-block;
+ margin-right: 20px;
+ margin-bottom: 20px;
+ padding: 16px 16px 16px 48px;
+ background-size: 24px;
+ background-position: 16px center;
+ background-repeat: no-repeat;
+ color: @enhance-color;
+ border: 1px solid rgba(15,18,34,0.20);
+ border-radius: 4px;
+ &:last-child{
+ margin-right: 0;
+ }
+ }
+ }
+ .character-list {
+ display: grid;
+ grid-template-columns: repeat(6, 1fr);
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+ padding: 20px 0 60px;
+ &.committer{
+ grid-template-columns: repeat(5, 224px);
+ .character-item{
+ display: flex;
+ padding: 20px;
+ align-items: center;
+ .character-avatar{
+ width: 60px;
+ height: 60px;
+ margin: 0;
+ }
+ .character-desc{
+ flex: 1;
+ padding-left: 16px;
+ min-width: 0;
+ }
+ }
+ }
+ .character-item{
+ border: 1px solid rgba(15,18,34,0.20);
+ border-radius: 4px;
+ // 辅助处理文字溢出
+ min-width: 0;
+ padding: 0 20px 20px;
+ .character-avatar{
+ width: 120px;
+ height: 120px;
+ margin: 30px auto 10px;
+ background: #D8D8D8;
+ border-radius: 50%;
+ }
+ .character-name{
+ color: @enhance-color;
+ line-height: 24px;
+ font-size: 16px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ .character-link{
+ color: rgba(15,18,34,0.65);
+ font-weight: 400;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ }
+ }
+}
+</style>
+
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@linkis.apache.org
For additional commands, e-mail: commits-help@linkis.apache.org