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 {