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 12:07:31 UTC
[incubator-linkis-website] 02/50: 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 5da7d44fd5a64b65295ba0082d51ec6b8166554b
Author: lucaszhu <lu...@webank.com>
AuthorDate: Wed Sep 29 10:51:47 2021 +0800
ADD: 增加页面基础
---
package-lock.json | 174 ++++++++++++++++++++++++++++++++++++++++++++++++
package.json | 4 +-
src/App.vue | 68 ++++++++++++++++---
src/main.js | 12 +++-
src/pages/blog.vue | 1 +
src/pages/docs.vue | 0
src/pages/download.vue | 0
src/pages/faq.vue | 1 +
src/pages/home.vue | 0
src/pages/team.vue | 0
src/router.js | 16 +++++
src/style/base.less | 43 ++++++++++++
src/style/virables.less | 2 +
13 files changed, 309 insertions(+), 12 deletions(-)
diff --git a/package-lock.json b/package-lock.json
index 194ae65..d195bbd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -61,6 +61,11 @@
"@vue/shared": "3.2.19"
}
},
+ "@vue/devtools-api": {
+ "version": "6.0.0-beta.18",
+ "resolved": "http://10.107.103.115:8001/@vue/devtools-api/download/@vue/devtools-api-6.0.0-beta.18.tgz",
+ "integrity": "sha1-hMCv+SiaVylMuXSQgR9p6KCmf4o="
+ },
"@vue/reactivity": {
"version": "3.2.19",
"resolved": "http://10.107.103.115:8001/@vue/reactivity/download/@vue/reactivity-3.2.19.tgz",
@@ -114,11 +119,40 @@
"resolved": "http://10.107.103.115:8001/@vue/shared/download/@vue/shared-3.2.19.tgz",
"integrity": "sha1-ER7D2hgzfYYnREaYTEmSWxsrLdc="
},
+ "copy-anything": {
+ "version": "2.0.3",
+ "resolved": "http://10.107.103.115:8001/copy-anything/download/copy-anything-2.0.3.tgz",
+ "integrity": "sha1-hCQHugJGaw34RIGbvjuuu+XUXYc=",
+ "dev": true,
+ "requires": {
+ "is-what": "^3.12.0"
+ }
+ },
"csstype": {
"version": "2.6.18",
"resolved": "http://10.107.103.115:8001/csstype/download/csstype-2.6.18.tgz",
"integrity": "sha1-mAqLUwhfNK8xNBCvBk8r0kF4Qhg="
},
+ "debug": {
+ "version": "3.2.7",
+ "resolved": "http://10.107.103.115:8001/debug/download/debug-3.2.7.tgz",
+ "integrity": "sha1-clgLfpFF+zm2Z2+cXl+xALk0F5o=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "ms": "^2.1.1"
+ }
+ },
+ "errno": {
+ "version": "0.1.8",
+ "resolved": "http://10.107.103.115:8001/errno/download/errno-0.1.8.tgz",
+ "integrity": "sha1-i7Ppx9Rjvkl2/4iPdrSAnrwugR8=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "prr": "~1.0.1"
+ }
+ },
"esbuild": {
"version": "0.12.29",
"resolved": "http://10.107.103.115:8001/esbuild/download/esbuild-0.12.29.tgz",
@@ -143,6 +177,13 @@
"integrity": "sha1-pWiZ0+o8m6uHS7l3O3xe3pL0iV0=",
"dev": true
},
+ "graceful-fs": {
+ "version": "4.2.8",
+ "resolved": "http://10.107.103.115:8001/graceful-fs/download/graceful-fs-4.2.8.tgz",
+ "integrity": "sha1-5BK40z9eAGWTy9PO5t+fLOu+gCo=",
+ "dev": true,
+ "optional": true
+ },
"has": {
"version": "1.0.3",
"resolved": "http://10.107.103.115:8001/has/download/has-1.0.3.tgz",
@@ -152,6 +193,23 @@
"function-bind": "^1.1.1"
}
},
+ "iconv-lite": {
+ "version": "0.4.24",
+ "resolved": "http://10.107.103.115:8001/iconv-lite/download/iconv-lite-0.4.24.tgz",
+ "integrity": "sha1-ICK0sl+93CHS9SSXSkdKr+czkIs=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "safer-buffer": ">= 2.1.2 < 3"
+ }
+ },
+ "image-size": {
+ "version": "0.5.5",
+ "resolved": "http://10.107.103.115:8001/image-size/download/image-size-0.5.5.tgz",
+ "integrity": "sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=",
+ "dev": true,
+ "optional": true
+ },
"is-core-module": {
"version": "2.6.0",
"resolved": "http://10.107.103.115:8001/is-core-module/download/is-core-module-2.6.0.tgz",
@@ -161,6 +219,30 @@
"has": "^1.0.3"
}
},
+ "is-what": {
+ "version": "3.14.1",
+ "resolved": "http://10.107.103.115:8001/is-what/download/is-what-3.14.1.tgz",
+ "integrity": "sha1-4SIvRt3ahd6tD9HJ3xMXYOd3VcE=",
+ "dev": true
+ },
+ "less": {
+ "version": "4.1.1",
+ "resolved": "http://10.107.103.115:8001/less/download/less-4.1.1.tgz",
+ "integrity": "sha1-Fb8lOpk5eR3GkIiMP/Qk8+bH7bo=",
+ "dev": true,
+ "requires": {
+ "copy-anything": "^2.0.1",
+ "errno": "^0.1.1",
+ "graceful-fs": "^4.1.2",
+ "image-size": "~0.5.0",
+ "make-dir": "^2.1.0",
+ "mime": "^1.4.1",
+ "needle": "^2.5.2",
+ "parse-node-version": "^1.0.1",
+ "source-map": "~0.6.0",
+ "tslib": "^1.10.0"
+ }
+ },
"magic-string": {
"version": "0.25.7",
"resolved": "http://10.107.103.115:8001/magic-string/download/magic-string-0.25.7.tgz",
@@ -169,6 +251,31 @@
"sourcemap-codec": "^1.4.4"
}
},
+ "make-dir": {
+ "version": "2.1.0",
+ "resolved": "http://10.107.103.115:8001/make-dir/download/make-dir-2.1.0.tgz",
+ "integrity": "sha1-XwMQ4YuL6JjMBwCSlaMK5B6R5vU=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "pify": "^4.0.1",
+ "semver": "^5.6.0"
+ }
+ },
+ "mime": {
+ "version": "1.6.0",
+ "resolved": "http://10.107.103.115:8001/mime/download/mime-1.6.0.tgz",
+ "integrity": "sha1-Ms2eXGRVO9WNGaVor0Uqz/BJgbE=",
+ "dev": true,
+ "optional": true
+ },
+ "ms": {
+ "version": "2.1.3",
+ "resolved": "http://10.107.103.115:8001/ms/download/ms-2.1.3.tgz",
+ "integrity": "sha1-V0yBOM4dK1hh8LRFedut1gxmFbI=",
+ "dev": true,
+ "optional": true
+ },
"nanocolors": {
"version": "0.2.9",
"resolved": "http://10.107.103.115:8001/nanocolors/download/nanocolors-0.2.9.tgz",
@@ -179,12 +286,37 @@
"resolved": "http://10.107.103.115:8001/nanoid/download/nanoid-3.1.28.tgz",
"integrity": "sha1-PAG6wUy2xWgFaQFMxlovJkJMa9Q="
},
+ "needle": {
+ "version": "2.9.1",
+ "resolved": "http://10.107.103.115:8001/needle/download/needle-2.9.1.tgz",
+ "integrity": "sha1-ItHf++NJDCuD4wH3cJtnNs2PJoQ=",
+ "dev": true,
+ "optional": true,
+ "requires": {
+ "debug": "^3.2.6",
+ "iconv-lite": "^0.4.4",
+ "sax": "^1.2.4"
+ }
+ },
+ "parse-node-version": {
+ "version": "1.0.1",
+ "resolved": "http://10.107.103.115:8001/parse-node-version/download/parse-node-version-1.0.1.tgz",
+ "integrity": "sha1-4rXb7eAOf6m8NjYH9TMn6LBzGJs=",
+ "dev": true
+ },
"path-parse": {
"version": "1.0.7",
"resolved": "http://10.107.103.115:8001/path-parse/download/path-parse-1.0.7.tgz",
"integrity": "sha1-+8EUtgykKzDZ2vWFjkvWi77bZzU=",
"dev": true
},
+ "pify": {
+ "version": "4.0.1",
+ "resolved": "http://10.107.103.115:8001/pify/download/pify-4.0.1.tgz",
+ "integrity": "sha1-SyzSXFDVmHNcUCkiJP2MbfQeMjE=",
+ "dev": true,
+ "optional": true
+ },
"postcss": {
"version": "8.3.8",
"resolved": "http://10.107.103.115:8001/postcss/download/postcss-8.3.8.tgz",
@@ -195,6 +327,13 @@
"source-map-js": "^0.6.2"
}
},
+ "prr": {
+ "version": "1.0.1",
+ "resolved": "http://10.107.103.115:8001/prr/download/prr-1.0.1.tgz",
+ "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=",
+ "dev": true,
+ "optional": true
+ },
"resolve": {
"version": "1.20.0",
"resolved": "http://10.107.103.115:8001/resolve/download/resolve-1.20.0.tgz",
@@ -214,6 +353,27 @@
"fsevents": "~2.3.2"
}
},
+ "safer-buffer": {
+ "version": "2.1.2",
+ "resolved": "http://10.107.103.115:8001/safer-buffer/download/safer-buffer-2.1.2.tgz",
+ "integrity": "sha1-RPoWGwGHuVSd2Eu5GAL5vYOFzWo=",
+ "dev": true,
+ "optional": true
+ },
+ "sax": {
+ "version": "1.2.4",
+ "resolved": "http://10.107.103.115:8001/sax/download/sax-1.2.4.tgz",
+ "integrity": "sha1-KBYjTiN4vdxOU1T6tcqold9xANk=",
+ "dev": true,
+ "optional": true
+ },
+ "semver": {
+ "version": "5.7.1",
+ "resolved": "http://10.107.103.115:8001/semver/download/semver-5.7.1.tgz",
+ "integrity": "sha1-qVT5Ma66UI0we78Gnv8MAclhFvc=",
+ "dev": true,
+ "optional": true
+ },
"source-map": {
"version": "0.6.1",
"resolved": "http://10.107.103.115:8001/source-map/download/source-map-0.6.1.tgz",
@@ -229,6 +389,12 @@
"resolved": "http://10.107.103.115:8001/sourcemap-codec/download/sourcemap-codec-1.4.8.tgz",
"integrity": "sha1-6oBL2UhXQC5pktBaOO8a41qatMQ="
},
+ "tslib": {
+ "version": "1.14.1",
+ "resolved": "http://10.107.103.115:8001/tslib/download/tslib-1.14.1.tgz",
+ "integrity": "sha1-zy04vcNKE0vK8QkcQfZhni9nLQA=",
+ "dev": true
+ },
"vite": {
"version": "2.5.10",
"resolved": "http://10.107.103.115:8001/vite/download/vite-2.5.10.tgz",
@@ -253,6 +419,14 @@
"@vue/server-renderer": "3.2.19",
"@vue/shared": "3.2.19"
}
+ },
+ "vue-router": {
+ "version": "4.0.11",
+ "resolved": "http://10.107.103.115:8001/vue-router/download/vue-router-4.0.11.tgz",
+ "integrity": "sha1-zWSaCUHGNSgXY6IJZbWZZD3caO0=",
+ "requires": {
+ "@vue/devtools-api": "^6.0.0-beta.14"
+ }
}
}
}
diff --git a/package.json b/package.json
index 5dd57e9..8a18f20 100644
--- a/package.json
+++ b/package.json
@@ -7,10 +7,12 @@
"serve": "vite preview"
},
"dependencies": {
- "vue": "^3.2.13"
+ "vue": "^3.2.13",
+ "vue-router": "^4.0.11"
},
"devDependencies": {
"@vitejs/plugin-vue": "^1.9.0",
+ "less": "^4.1.1",
"vite": "^2.5.10"
}
}
diff --git a/src/App.vue b/src/App.vue
index 7422330..ca52ac6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,17 +5,65 @@ import HelloWorld from './components/HelloWorld.vue'
</script>
<template>
- <img alt="Vue logo" src="./assets/logo.png" />
- <HelloWorld msg="Hello Vue 3 + Vite" />
+ <div class="nav">
+ <div class="ctn-block">
+ <div class="nav-logo">
+ Apache Linkis
+ </div>
+ <span class="nav-logo-badge">Incubating</span>
+ <div class="menu-list">
+ <router-link class="menu-item" to="/">Home</router-link>
+ <router-link class="menu-item" to="/docs">Docs</router-link>
+ <router-link class="menu-item" to="/faq">FAQ</router-link>
+ <router-link class="menu-item" to="/download">Download</router-link>
+ <router-link class="menu-item" to="/blog">Blog</router-link>
+ <router-link class="menu-item" to="/team">Team</router-link>
+ <div class="menu-item">Language</div>
+ </div>
+ </div>
+ </div>
</template>
-<style>
-#app {
- font-family: Avenir, Helvetica, Arial, sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- text-align: center;
- color: #2c3e50;
- margin-top: 60px;
+<style lang="less">
+@import url('/src/style/base.less');
+.nav{
+ font-size: 16px;
+ box-shadow: 0 2px 4px rgba(15,18,34,0.2);
+ color: @enhance-color;
+ .ctn-block{
+ display: flex;
+ align-items: center;
+ }
+ .nav-logo{
+ line-height: 54px;
+ font-weight: 500;
+ }
+ .nav-logo-badge{
+ display: inline-block;
+ margin-left: 4px;
+ padding: 0 8px;
+ line-height: 24px;
+ background: #E8E8E8;
+ border-radius: 4px;
+ font-size: 12px;
+ font-weight: 400;
+ }
+ .menu-list{
+ flex: 1;
+ display: flex;
+ .menu-item{
+ margin-left: 16px;
+ margin-right: 16px;
+ line-height: 52px;
+ border-bottom: 2px solid transparent;
+ transition: all ease .2s;
+ cursor: pointer;
+ &:hover,
+ &.router-link-active{
+ color: @active-color;
+ border-color: @active-color;
+ }
+ }
+ }
}
</style>
diff --git a/src/main.js b/src/main.js
index 01433bc..73108e3 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,14 @@
import { createApp } from 'vue'
+import { createRouter, createWebHashHistory } from 'vue-router'
+import routes from './router';
import App from './App.vue'
-createApp(App).mount('#app')
+const router = createRouter({
+ history: createWebHashHistory(),
+ routes,
+})
+
+const app = createApp(App);
+app.use(router);
+
+app.mount('#app')
diff --git a/src/pages/blog.vue b/src/pages/blog.vue
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/src/pages/blog.vue
@@ -0,0 +1 @@
+
diff --git a/src/pages/docs.vue b/src/pages/docs.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/download.vue b/src/pages/download.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/faq.vue b/src/pages/faq.vue
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/src/pages/faq.vue
@@ -0,0 +1 @@
+
diff --git a/src/pages/home.vue b/src/pages/home.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/team.vue b/src/pages/team.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/router.js b/src/router.js
new file mode 100644
index 0000000..49d76f7
--- /dev/null
+++ b/src/router.js
@@ -0,0 +1,16 @@
+const routes = [
+ {
+ path: '/',
+ component: () => import(/* webpackChunkName: "group-app" */ './app.vue'),
+ children: [
+ { path: '', component: () => import(/* webpackChunkName: "group-home" */ './pages/home.vue') },
+ { path: '/docs', component: () => import(/* webpackChunkName: "group-docs" */ './pages/docs.vue') },
+ { path: '/faq', component: () => import(/* webpackChunkName: "group-faq" */ './pages/faq.vue') },
+ { path: '/download', component: () => import(/* webpackChunkName: "group-download" */ './pages/download.vue') },
+ { path: '/blog', component: () => import(/* webpackChunkName: "group-blog" */ './pages/blog.vue') },
+ { path: '/team', component: () => import(/* webpackChunkName: "group-team" */ './pages/team.vue') },
+ ]
+ }
+]
+
+export default routes;
\ No newline at end of file
diff --git a/src/style/base.less b/src/style/base.less
new file mode 100644
index 0000000..ca48f5c
--- /dev/null
+++ b/src/style/base.less
@@ -0,0 +1,43 @@
+@import './virables.less';
+
+* {
+ box-sizing: border-box;
+}
+
+body,
+ul,
+li,
+ol,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ font-size: 14px;
+ color: #4A4A4A;
+ line-height: 26px;
+ background: #ffffff;
+}
+
+ul,
+li,
+ol {
+ list-style: none;
+}
+
+a {
+ text-decoration: none;
+}
+
+.ctn-block {
+ width: 1200px;
+ padding: 0 20px;
+ margin: 0 auto;
+}
\ No newline at end of file
diff --git a/src/style/virables.less b/src/style/virables.less
new file mode 100644
index 0000000..2929f7b
--- /dev/null
+++ b/src/style/virables.less
@@ -0,0 +1,2 @@
+@active-color: #1A529C;
+@enhance-color: #0F1222;
\ 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