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:38 UTC
[incubator-linkis-website] 25/47: ADD: blog detail page
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 920552834ac7b105de3ca60c0eef82aa3228a09d
Author: lucaszhu <lu...@webank.com>
AuthorDate: Wed Oct 13 16:21:37 2021 +0800
ADD: blog detail page
---
src/pages/blog.vue | 62 +++++++++++++++++++++++++++++++++++++++++++++++-
src/pages/docs/index.vue | 29 ----------------------
src/style/base.less | 28 ++++++++++++++++++++++
3 files changed, 89 insertions(+), 30 deletions(-)
diff --git a/src/pages/blog.vue b/src/pages/blog.vue
index 08ba385..f8e3934 100644
--- a/src/pages/blog.vue
+++ b/src/pages/blog.vue
@@ -1,3 +1,63 @@
<template>
- <div>blog</div>
+ <div class="ctn-block reading-area blog-ctn">
+ <main class="main-content">
+ <h1 class="blog-title">Born at China’s WeBank, now incubating in the ASF - Introducing Apache Linkis</h1>
+ <!-- <div class="blog-info seperator"><span class="info-item">enjoyyin</span><span class="info-item">2021-9-2</span></div>
+ <div class="blog-info seperator"><span class="info-item">5 min read</span><span class="info-item">tag</span></div> -->
+ </main>
+ <div class="side-bar">
+ <router-link :to="doc.link" class="bar-item" v-for="(doc,index) in docs" :key="index">{{doc.title}}
+ <router-link :to="children.link" class="bar-item" v-for="(children,cindex) in doc.children" :key="cindex">
+ {{children.title}}
+ </router-link>
+ </router-link>
+ </div>
+ </div>
</template>
+<style lang="less" scoped>
+ .blog-ctn {
+ padding-top: 60px;
+ padding-bottom: 80px;
+
+ .blog-title {
+ font-size: 24px;
+ }
+
+ .blog-info{
+ display: flex;
+ padding: 20px 0;
+ font-size: 16px;
+ color: rgba(15,18,34,0.45);
+ &.seperator{
+ .info-item{
+ border-right: 1px solid rgba(15,18,34,0.45);
+ &:last-child{
+ border-right: 0;
+ }
+ }
+ }
+ .info-item{
+ padding: 0 20px 0 28px;
+ }
+ }
+ }
+</style>
+<script setup>
+ const docs = [{
+ title: '部署文档',
+ link: '/docs/deploy/linkis',
+ children: [{
+ title: '快速部署 Linkis1.0',
+ link: '/docs/deploy/linkis',
+ }, {
+ title: '快速安装 EngineConnPlugin 引擎插件',
+ link: '/docs/deploy/engins',
+ }, {
+ title: 'Linkis1.0 分布式部署手册',
+ link: '/docs/deploy/distributed',
+ }, {
+ title: 'Linkis1.0 安装包目录层级结构详解',
+ link: '/docs/deploy/structure',
+ }]
+ }, ];
+</script>
\ No newline at end of file
diff --git a/src/pages/docs/index.vue b/src/pages/docs/index.vue
index 26b759a..d40fce9 100644
--- a/src/pages/docs/index.vue
+++ b/src/pages/docs/index.vue
@@ -12,35 +12,6 @@
</div>
</div>
</template>
-<style lang="less">
- @import url('/src/style/variable.less');
- .reading-area {
- display: flex;
- padding: 60px 0;
- min-height: 600px;
-
- .main-content {
- width: 900px;
- padding: 30px;
- }
-
- .side-bar {
- flex: 1;
- padding: 18px 0;
- border-left: 1px solid #eaecef;
-
- .bar-item {
- display: block;
- padding: 5px 18px;
- color: #4A4A4A;
- &:hover,
- &.router-link-exact-active {
- color: @active-color;
- }
- }
- }
- }
-</style>
<script setup>
const docs = [
{
diff --git a/src/style/base.less b/src/style/base.less
index f44d3b9..2a815af 100644
--- a/src/style/base.less
+++ b/src/style/base.less
@@ -49,3 +49,31 @@ a:visited {
.text-center {
text-align: center;
}
+
+.reading-area {
+ display: flex;
+ padding: 60px 0;
+ min-height: 600px;
+
+ .main-content {
+ width: 900px;
+ padding: 30px;
+ }
+
+ .side-bar {
+ flex: 1;
+ padding: 18px 0;
+ border-left: 1px solid #eaecef;
+
+ .bar-item {
+ display: block;
+ padding: 5px 18px;
+ color: #4A4A4A;
+
+ &:hover,
+ &.router-link-exact-active {
+ color: @active-color;
+ }
+ }
+ }
+}
\ No newline at end of file
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@linkis.apache.org
For additional commands, e-mail: commits-help@linkis.apache.org