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 920552834ac7b105de3ca60c0eef82aa3228a09d Author: lucaszhu <[email protected]> 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: [email protected] For additional commands, e-mail: [email protected]
