From 14d3d1e7308485baecb0641024cb94c77259277a Mon Sep 17 00:00:00 2001
From: hujunyao <1078622540@qq.com>
Date: Tue, 9 Jan 2024 18:57:33 +0800
Subject: [PATCH] [Add] support echarts
---
index.html | 2 +-
package-lock.json | 80 ++++++++++++++++++++-
package.json | 4 +-
src/components/Footer.vue | 5 +-
src/components/Header.vue | 4 +-
src/components/Main.vue | 3 +
src/components/sections/BibTeX.vue | 4 +-
src/components/sections/Echart.vue | 92 +++++++++++++++++++++++++
src/components/sections/ImageSlider.vue | 2 +-
src/components/sections/Title.vue | 9 ++-
10 files changed, 192 insertions(+), 13 deletions(-)
create mode 100644 src/components/sections/Echart.vue
diff --git a/index.html b/index.html
index c54c4dc..0411cf2 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
-
academic project page template vue
+ Academic Project Page Template Vue
diff --git a/package-lock.json b/package-lock.json
index bd5d218..e884616 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,9 +8,11 @@
"name": "my-project-page",
"version": "0.0.0",
"dependencies": {
+ "echarts": "^5.4.3",
"element-plus": "^2.3.8",
"swiper": "^10.1.0",
- "vue": "^3.3.4"
+ "vue": "^3.3.4",
+ "vue-echarts": "^6.6.8"
},
"devDependencies": {
"@vitejs/plugin-vue": "^4.2.3",
@@ -664,6 +666,15 @@
"resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.9.tgz",
"integrity": "sha512-QvzAURSbQ0pKdIye2txOzNaHmxtUBXerpY0FJsFXUMKbIZeFm5ht1LS/jFsrncjnmtv8HsG0W2g6c0zUjZWmpA=="
},
+ "node_modules/echarts": {
+ "version": "5.4.3",
+ "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.4.3.tgz",
+ "integrity": "sha512-mYKxLxhzy6zyTi/FaEbJMOZU1ULGEQHaeIeuMR5L+JnJTpz+YR03mnnpBhbR4+UYJAgiXgpyTVLffPAjOTLkZA==",
+ "dependencies": {
+ "tslib": "2.3.0",
+ "zrender": "5.4.4"
+ }
+ },
"node_modules/element-plus": {
"version": "2.3.8",
"resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.3.8.tgz",
@@ -840,6 +851,11 @@
"node": "^10 || ^12 || >=14"
}
},
+ "node_modules/resize-detector": {
+ "version": "0.3.0",
+ "resolved": "https://registry.npmjs.org/resize-detector/-/resize-detector-0.3.0.tgz",
+ "integrity": "sha512-R/tCuvuOHQ8o2boRP6vgx8hXCCy87H1eY9V5imBYeVNyNVpuL9ciReSccLj2gDcax9+2weXy3bc8Vv+NRXeEvQ=="
+ },
"node_modules/rollup": {
"version": "3.26.3",
"resolved": "https://registry.npmjs.org/rollup/-/rollup-3.26.3.tgz",
@@ -882,6 +898,11 @@
"node": ">= 4.7.0"
}
},
+ "node_modules/tslib": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+ "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
+ },
"node_modules/vite": {
"version": "4.4.7",
"resolved": "https://registry.npmjs.org/vite/-/vite-4.4.7.tgz",
@@ -948,6 +969,63 @@
"@vue/server-renderer": "3.3.4",
"@vue/shared": "3.3.4"
}
+ },
+ "node_modules/vue-echarts": {
+ "version": "6.6.8",
+ "resolved": "https://registry.npmjs.org/vue-echarts/-/vue-echarts-6.6.8.tgz",
+ "integrity": "sha512-3EGrxKGCGjHnkhudRQQ4fkK5iJxxXNQ1fXvSWA/7mzR/oV7BBSHYvC3gDbG/WIW0A/Fcx2H8k5H3NDyWgjyi8g==",
+ "hasInstallScript": true,
+ "dependencies": {
+ "resize-detector": "^0.3.0",
+ "vue-demi": "^0.13.11"
+ },
+ "peerDependencies": {
+ "@vue/composition-api": "^1.0.5",
+ "@vue/runtime-core": "^3.0.0",
+ "echarts": "^5.4.1",
+ "vue": "^2.6.12 || ^3.1.1"
+ },
+ "peerDependenciesMeta": {
+ "@vue/composition-api": {
+ "optional": true
+ },
+ "@vue/runtime-core": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/vue-echarts/node_modules/vue-demi": {
+ "version": "0.13.11",
+ "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
+ "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
+ "hasInstallScript": true,
+ "bin": {
+ "vue-demi-fix": "bin/vue-demi-fix.js",
+ "vue-demi-switch": "bin/vue-demi-switch.js"
+ },
+ "engines": {
+ "node": ">=12"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/antfu"
+ },
+ "peerDependencies": {
+ "@vue/composition-api": "^1.0.0-rc.1",
+ "vue": "^3.0.0-0 || ^2.6.0"
+ },
+ "peerDependenciesMeta": {
+ "@vue/composition-api": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/zrender": {
+ "version": "5.4.4",
+ "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.4.4.tgz",
+ "integrity": "sha512-0VxCNJ7AGOMCWeHVyTrGzUgrK4asT4ml9PEkeGirAkKNYXYzoPJCLvmyfdoOXcjTHPs10OZVMfD1Rwg16AZyYw==",
+ "dependencies": {
+ "tslib": "2.3.0"
+ }
}
}
}
diff --git a/package.json b/package.json
index baa4d2a..49e357b 100644
--- a/package.json
+++ b/package.json
@@ -8,9 +8,11 @@
"preview": "vite preview"
},
"dependencies": {
+ "echarts": "^5.4.3",
"element-plus": "^2.3.8",
"swiper": "^10.1.0",
- "vue": "^3.3.4"
+ "vue": "^3.3.4",
+ "vue-echarts": "^6.6.8"
},
"devDependencies": {
"@vitejs/plugin-vue": "^4.2.3",
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index bc9b9af..2075880 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -14,8 +14,9 @@ export default {
diff --git a/src/components/Header.vue b/src/components/Header.vue
index a5e872d..b6342e2 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -3,12 +3,12 @@ export default {
data() {
return {
home: {
- name: "Home",
+ name: "My Blog",
link: "https://junyaohu.github.io/",
svg: ''
},
logo: {
- name: "OPT",
+ name: "Template",
link: "#",
svg: ''
},
diff --git a/src/components/Main.vue b/src/components/Main.vue
index 9f4f646..4e71d73 100644
--- a/src/components/Main.vue
+++ b/src/components/Main.vue
@@ -5,6 +5,7 @@ import BibTeX from './sections/BibTeX.vue'
import Carousel from './sections/Carousel.vue'
import Video from './sections/Video.vue'
import ImageSlider from './sections/ImageSlider.vue'
+import Echart from './sections/Echart.vue'
export default {
components: {
@@ -14,6 +15,7 @@ export default {
Carousel,
Video,
ImageSlider,
+ Echart,
}
}
@@ -23,6 +25,7 @@ export default {
+
\ No newline at end of file
diff --git a/src/components/sections/BibTeX.vue b/src/components/sections/BibTeX.vue
index 1aa4b2a..80b3985 100644
--- a/src/components/sections/BibTeX.vue
+++ b/src/components/sections/BibTeX.vue
@@ -4,9 +4,9 @@ export default {
return {
bibtex: [
"@article{junyaohu2023template,",
- " title={Our Project Template is All You Need},",
+ " title={Academic Project Page Template Vue},",
" author={Hu, Junyao},",
- " journal={Something},",
+ " journal={GitHub},",
" year={2023}",
"}",
],
diff --git a/src/components/sections/Echart.vue b/src/components/sections/Echart.vue
new file mode 100644
index 0000000..452d3a5
--- /dev/null
+++ b/src/components/sections/Echart.vue
@@ -0,0 +1,92 @@
+
+
+
+
+
+ Quantitative Results
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/sections/ImageSlider.vue b/src/components/sections/ImageSlider.vue
index 3e145b3..246c1f8 100644
--- a/src/components/sections/ImageSlider.vue
+++ b/src/components/sections/ImageSlider.vue
@@ -56,7 +56,7 @@ export default {
- Image Slider
+ Qualitative Results
diff --git a/src/components/sections/Title.vue b/src/components/sections/Title.vue
index b354ae6..65040e0 100644
--- a/src/components/sections/Title.vue
+++ b/src/components/sections/Title.vue
@@ -39,7 +39,10 @@ export default {
homepage: "https://cv.nankai.edu.cn/"
},
],
- emphasis: "Something that needs to be emphasized 🥰",
+ emphases: [
+ "This template project is still under development.",
+ "Welcome any suggestion. 🥰",
+ ],
buttons: [
{
disabled: false,
@@ -108,8 +111,8 @@ export default {
-
- {{ emphasis }}
+
+ {{ emphasis }}