Skip to content

P
project-www-h5
提交 13d2bdd3 authored 作者: matian's avatar matian
浏览文件
操作

Auto stash before merge of "v3" and "origin/v3"

上级 cc6a31d8
隐藏空白字符变更
内嵌 并排
正在显示 包含 635 行增加 和 6 行删除
components/Card.vue
浏览文件 @ 13d2bdd3
...@@ -17,6 +17,7 @@ export default { ...@@ -17,6 +17,7 @@ export default {
<style lang="scss"> <style lang="scss">
.card { .card {
margin: 0.2rem 0.15rem; margin: 0.2rem 0.15rem;
// padding: 0 0.21rem 0 0.21rem;
} }
.card-hd { .card-hd {
display: flex; display: flex;
......
components/Menu.vue
浏览文件 @ 13d2bdd3
...@@ -189,7 +189,8 @@ export default { ...@@ -189,7 +189,8 @@ export default {
children: [ children: [
{ name: this.$t('menu.alumniChild.alumni'), path: '/alumnus' }, { name: this.$t('menu.alumniChild.alumni'), path: '/alumnus' },
{ name: this.$t('menu.alumniChild.alumniZijinghua'), path: '/alumnus/flower' }, { name: this.$t('menu.alumniChild.alumniZijinghua'), path: '/alumnus/flower' },
{ name: this.$t('menu.alumniChild.alumniStory'), path: '/alumnus/story' } { name: this.$t('menu.alumniChild.alumniStory'), path: '/alumnus/story' },
{ name: this.$t('menu.alumniChild.roadmap'), path: '/roadmap' }
// { name: '校友风采', path: '/alumnus/style' } // { name: '校友风采', path: '/alumnus/style' }
] ]
} }
......
components/ProjectCard.vue
浏览文件 @ 13d2bdd3
...@@ -23,10 +23,22 @@ export default { ...@@ -23,10 +23,22 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.project-list {
padding-bottom: 70px;
display: grid;
grid-template-columns: repeat(3, 1fr);
row-gap: 20px;
column-gap: 20px;
}
.project-item { .project-item {
margin-top: 0.1rem; display: flex;
background-color: #fff;
img { img {
width: 100%; width: 100%;
} }
&:hover {
box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.11);
}
} }
</style> </style>
components/alumnus/TabNav.vue
浏览文件 @ 13d2bdd3
...@@ -11,7 +11,8 @@ export default { ...@@ -11,7 +11,8 @@ export default {
list: [ list: [
{ name: this.$t('menu.alumniChild.alumni'), path: '/alumnus', value: '1' }, { name: this.$t('menu.alumniChild.alumni'), path: '/alumnus', value: '1' },
{ name: this.$t('menu.alumniChild.alumniZijinghua'), path: '/alumnus/flower', value: '2' }, { name: this.$t('menu.alumniChild.alumniZijinghua'), path: '/alumnus/flower', value: '2' },
{ name: this.$t('menu.alumniChild.alumniStory'), path: '/alumnus/story', value: '3' } { name: this.$t('menu.alumniChild.alumniStory'), path: '/alumnus/story', value: '3' },
{ name: this.$t('menu.alumniChild.roadmap'), path: '/roadmap', value: '3' },
] ]
} }
} }
......
langs/zh-CN.js
浏览文件 @ 13d2bdd3
...@@ -79,7 +79,8 @@ export default { ...@@ -79,7 +79,8 @@ export default {
alumniChild: { alumniChild: {
alumni: '校友会', alumni: '校友会',
alumniZijinghua: '紫荆花计划', alumniZijinghua: '紫荆花计划',
alumniStory: '校友故事' alumniStory: '校友故事',
roadmap: '终身学习'
} }
}, },
home: { home: {
......
nuxt.config.js
浏览文件 @ 13d2bdd3
...@@ -46,10 +46,10 @@ export default { ...@@ -46,10 +46,10 @@ export default {
}, },
// Global CSS: https://go.nuxtjs.dev/config-css // Global CSS: https://go.nuxtjs.dev/config-css
css: ['vant/lib/index.css', 'swiper/css/swiper.css', '@/assets/css/base.css'], css: ['vant/lib/index.css', 'swiper/css/swiper.css', '@/assets/css/base.css', 'element-ui/lib/theme-chalk/index.css'],
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: ['@/plugins/i18n', '@/plugins/axios', '@/plugins/vant', { src: '@/plugins/swiper' }], plugins: ['@/plugins/i18n', '@/plugins/axios', '@/plugins/vant', '@/plugins/element-ui', { src: '@/plugins/swiper' }],
// Auto import components: https://go.nuxtjs.dev/config-components // Auto import components: https://go.nuxtjs.dev/config-components
components: true, components: true,
......
package-lock.json
浏览文件 @ 13d2bdd3
...@@ -12,6 +12,7 @@ ...@@ -12,6 +12,7 @@
"axios": "^0.21.1", "axios": "^0.21.1",
"cookie-universal-nuxt": "^2.1.4", "cookie-universal-nuxt": "^2.1.4",
"core-js": "^3.11.0", "core-js": "^3.11.0",
"element-ui": "^2.15.8",
"nuxt": "^2.15.3", "nuxt": "^2.15.3",
"qs": "^6.10.1", "qs": "^6.10.1",
"swiper": "^5.4.5", "swiper": "^5.4.5",
...@@ -2956,6 +2957,14 @@ ...@@ -2956,6 +2957,14 @@
"integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==", "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==",
"optional": true "optional": true
}, },
"node_modules/async-validator": {
"version": "1.8.5",
"resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.5.tgz",
"integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
"dependencies": {
"babel-runtime": "6.x"
}
},
"node_modules/at-least-node": { "node_modules/at-least-node": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz", "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
...@@ -3012,6 +3021,11 @@ ...@@ -3012,6 +3021,11 @@
"is-retry-allowed": "^1.1.0" "is-retry-allowed": "^1.1.0"
} }
}, },
"node_modules/babel-helper-vue-jsx-merge-props": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
"integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
},
"node_modules/babel-loader": { "node_modules/babel-loader": {
"version": "8.2.2", "version": "8.2.2",
"resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.2.2.tgz", "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.2.2.tgz",
...@@ -3074,6 +3088,27 @@ ...@@ -3074,6 +3088,27 @@
"@babel/core": "^7.0.0-0" "@babel/core": "^7.0.0-0"
} }
}, },
"node_modules/babel-runtime": {
"version": "6.26.0",
"resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
"integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==",
"dependencies": {
"core-js": "^2.4.0",
"regenerator-runtime": "^0.11.0"
}
},
"node_modules/babel-runtime/node_modules/core-js": {
"version": "2.6.12",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
"integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
"deprecated": "core-js@<3.4 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.",
"hasInstallScript": true
},
"node_modules/babel-runtime/node_modules/regenerator-runtime": {
"version": "0.11.1",
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
"integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
},
"node_modules/balanced-match": { "node_modules/balanced-match": {
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
...@@ -4890,6 +4925,30 @@ ...@@ -4890,6 +4925,30 @@
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.717.tgz", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.717.tgz",
"integrity": "sha512-OfzVPIqD1MkJ7fX+yTl2nKyOE4FReeVfMCzzxQS+Kp43hZYwHwThlGP+EGIZRXJsxCM7dqo8Y65NOX/HP12iXQ==" "integrity": "sha512-OfzVPIqD1MkJ7fX+yTl2nKyOE4FReeVfMCzzxQS+Kp43hZYwHwThlGP+EGIZRXJsxCM7dqo8Y65NOX/HP12iXQ=="
}, },
"node_modules/element-ui": {
"version": "2.15.8",
"resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.15.8.tgz",
"integrity": "sha512-N54zxosRFqpYax3APY3GeRmtOZwIls6Z756WM0kdPZ5Q92PIeKHnZgF1StlamIg9bLxP1k+qdhTZvIeQlim09A==",
"dependencies": {
"async-validator": "~1.8.1",
"babel-helper-vue-jsx-merge-props": "^2.0.0",
"deepmerge": "^1.2.0",
"normalize-wheel": "^1.0.1",
"resize-observer-polyfill": "^1.5.0",
"throttle-debounce": "^1.0.1"
},
"peerDependencies": {
"vue": "^2.5.17"
}
},
"node_modules/element-ui/node_modules/deepmerge": {
"version": "1.5.2",
"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-1.5.2.tgz",
"integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ==",
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/elliptic": { "node_modules/elliptic": {
"version": "6.5.4", "version": "6.5.4",
"resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz", "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz",
...@@ -7917,6 +7976,11 @@ ...@@ -7917,6 +7976,11 @@
"node": ">=4" "node": ">=4"
} }
}, },
"node_modules/normalize-wheel": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
"integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
},
"node_modules/npm-run-path": { "node_modules/npm-run-path": {
"version": "4.0.1", "version": "4.0.1",
"resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz", "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
...@@ -10119,6 +10183,11 @@ ...@@ -10119,6 +10183,11 @@
"resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz", "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
"integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=" "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8="
}, },
"node_modules/resize-observer-polyfill": {
"version": "1.5.1",
"resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
"integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
},
"node_modules/resolve": { "node_modules/resolve": {
"version": "1.20.0", "version": "1.20.0",
"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz", "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
...@@ -11441,6 +11510,14 @@ ...@@ -11441,6 +11510,14 @@
"url": "https://opencollective.com/webpack" "url": "https://opencollective.com/webpack"
} }
}, },
"node_modules/throttle-debounce": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-1.1.0.tgz",
"integrity": "sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg==",
"engines": {
"node": ">=4"
}
},
"node_modules/through": { "node_modules/through": {
"version": "2.3.8", "version": "2.3.8",
"resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz", "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
...@@ -16008,6 +16085,14 @@ ...@@ -16008,6 +16085,14 @@
"integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==", "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==",
"optional": true "optional": true
}, },
"async-validator": {
"version": "1.8.5",
"resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.5.tgz",
"integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
"requires": {
"babel-runtime": "6.x"
}
},
"at-least-node": { "at-least-node": {
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz", "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
...@@ -16048,6 +16133,11 @@ ...@@ -16048,6 +16133,11 @@
"is-retry-allowed": "^1.1.0" "is-retry-allowed": "^1.1.0"
} }
}, },
"babel-helper-vue-jsx-merge-props": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
"integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
},
"babel-loader": { "babel-loader": {
"version": "8.2.2", "version": "8.2.2",
"resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.2.2.tgz", "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.2.2.tgz",
...@@ -16094,6 +16184,27 @@ ...@@ -16094,6 +16184,27 @@
"@babel/helper-define-polyfill-provider": "^0.2.0" "@babel/helper-define-polyfill-provider": "^0.2.0"
} }
}, },
"babel-runtime": {
"version": "6.26.0",
"resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
"integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==",
"requires": {
"core-js": "^2.4.0",
"regenerator-runtime": "^0.11.0"
},
"dependencies": {
"core-js": {
"version": "2.6.12",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
"integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ=="
},
"regenerator-runtime": {
"version": "0.11.1",
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
"integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
}
}
},
"balanced-match": { "balanced-match": {
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
...@@ -17521,6 +17632,26 @@ ...@@ -17521,6 +17632,26 @@
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.717.tgz", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.717.tgz",
"integrity": "sha512-OfzVPIqD1MkJ7fX+yTl2nKyOE4FReeVfMCzzxQS+Kp43hZYwHwThlGP+EGIZRXJsxCM7dqo8Y65NOX/HP12iXQ==" "integrity": "sha512-OfzVPIqD1MkJ7fX+yTl2nKyOE4FReeVfMCzzxQS+Kp43hZYwHwThlGP+EGIZRXJsxCM7dqo8Y65NOX/HP12iXQ=="
}, },
"element-ui": {
"version": "2.15.8",
"resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.15.8.tgz",
"integrity": "sha512-N54zxosRFqpYax3APY3GeRmtOZwIls6Z756WM0kdPZ5Q92PIeKHnZgF1StlamIg9bLxP1k+qdhTZvIeQlim09A==",
"requires": {
"async-validator": "~1.8.1",
"babel-helper-vue-jsx-merge-props": "^2.0.0",
"deepmerge": "^1.2.0",
"normalize-wheel": "^1.0.1",
"resize-observer-polyfill": "^1.5.0",
"throttle-debounce": "^1.0.1"
},
"dependencies": {
"deepmerge": {
"version": "1.5.2",
"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-1.5.2.tgz",
"integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ=="
}
}
},
"elliptic": { "elliptic": {
"version": "6.5.4", "version": "6.5.4",
"resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz", "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz",
...@@ -19843,6 +19974,11 @@ ...@@ -19843,6 +19974,11 @@
"sort-keys": "^1.0.0" "sort-keys": "^1.0.0"
} }
}, },
"normalize-wheel": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
"integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
},
"npm-run-path": { "npm-run-path": {
"version": "4.0.1", "version": "4.0.1",
"resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz", "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
...@@ -21629,6 +21765,11 @@ ...@@ -21629,6 +21765,11 @@
"resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz", "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
"integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=" "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8="
}, },
"resize-observer-polyfill": {
"version": "1.5.1",
"resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
"integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
},
"resolve": { "resolve": {
"version": "1.20.0", "version": "1.20.0",
"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz", "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
...@@ -22651,6 +22792,11 @@ ...@@ -22651,6 +22792,11 @@
} }
} }
}, },
"throttle-debounce": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-1.1.0.tgz",
"integrity": "sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg=="
},
"through": { "through": {
"version": "2.3.8", "version": "2.3.8",
"resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz", "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
......
package.json
浏览文件 @ 13d2bdd3
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
"axios": "^0.21.1", "axios": "^0.21.1",
"cookie-universal-nuxt": "^2.1.4", "cookie-universal-nuxt": "^2.1.4",
"core-js": "^3.11.0", "core-js": "^3.11.0",
"element-ui": "^2.15.8",
"nuxt": "^2.15.3", "nuxt": "^2.15.3",
"qs": "^6.10.1", "qs": "^6.10.1",
"swiper": "^5.4.5", "swiper": "^5.4.5",
......
pages/roadmap/index.vue 0 → 100644
浏览文件 @ 13d2bdd3
<template>
<div>
<div class="banner">
<div v-if="roadList && roadList.length">
<div v-for="(item, index) in roadList" :key="index" class="roadList">
<el-popover
title="我的项目"
width="146"
trigger="click"
popper-class="popover"
:placement="item.position"
v-model="item.isShow"
visible-arrow="true"
>
<div>
<!-- 我的项目 -->
<div v-for="(it, indexItem) in item.projectList" :key="indexItem" class="project_name">
<AppLink :data="it">
{{ it.name }}
</AppLink>
</div>
<!-- 未来可选项目 -->
<div class="line"></div>
<div class="el-popover__title">未来可选目标:</div>
<div v-for="(it, indexItem) in item.checkList" :key="indexItem" class="project_name">{{ it.name }}</div>
</div>
<div slot="reference" class="roadList_con">
<img :src="item.icon" alt="" />
<div class="title">{{ item.title }}</div>
</div>
</el-popover>
</div>
</div>
<div class="homeList" v-if="homeList && homeList.length">
<div class="homeList_con" v-for="(itemRoad, index) in homeList" :key="index">
<el-popover trigger="click" popper-class="popover" :placement="itemRoad.position" v-model="itemRoad.isShow">
<div>
<!-- 我的项目 -->
<div v-for="(it, indexItem) in itemRoad.itemList" :key="indexItem" class="project_name">
{{ it.name }}
</div>
</div>
<div slot="reference" class="homeList_con_item">
<img :src="itemRoad.icon" alt="" />
<div class="title">{{ itemRoad.title }}</div>
</div>
</el-popover>
</div>
</div>
</div>
<div class="content">
<div class="content_top">
<div class="top_title">
在线国际学位
</div>
<div class="top_more">查看更多+</div>
</div>
<div class="content_bottom">
<img src="https://webapp-pub.ezijing.com/www/h5/lifeLearning/img1.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/h5/lifeLearning/img2.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/h5/lifeLearning/img3.png" alt="" />
</div>
</div>
<div class="content content1">
<div class="content_top">
<div class="top_title">
留学中心
</div>
<div class="top_more">查看更多+</div>
</div>
<div class="content_bottom">
<img src="https://webapp-pub.ezijing.com/www/h5/lifeLearning/img4.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/h5/lifeLearning/img5.png" alt="" />
<img src="https://webapp-pub.ezijing.com/www/h5/lifeLearning/img6.png" alt="" />
</div>
</div>
</div>
</template>
<script>
import { roadMapList, homeList } from '@/utils/roadMap.js'
import AppLink from '@/components/Link.vue'
export default {
components: { AppLink },
date() {
return {
roadList: [],
homeList: []
}
},
created() {
this.roadList = roadMapList
this.homeList = homeList
console.log(this.roadList)
},
mounted() {
this.$nextTick(() => {
this.roadList.map(item => {
console.log(item.title, 'title')
if (item.title === '职业教育') {
item.isShow = true
}
})
})
}
}
</script>
<style lang="scss">
.el-popover.popover {
background: rgba(255, 255, 255, 0.39);
.el-popover__title {
font-weight: 400;
color: #ffffff;
font-size: 0.09rem;
}
.project_name {
font-size: 0.11rem;
font-weight: bold;
color: #ffffff;
cursor: pointer;
}
.line {
width: 1.41rem;
border: 1px dashed #ccc;
margin: 0.1rem 0 0.1rem 0;
}
}
.banner {
width: 100%;
height: 6.31rem;
background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/lifeLearning/banner.png);
// background-color: #ccc;
background-size: 100% 100%;
position: relative;
.roadList {
height: 0.8rem;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: absolute;
.roadList_con {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.title {
font-size: 0.14rem;
font-weight: 500;
color: #ffffff;
}
}
.roadList:nth-child(1) {
position: absolute;
z-index: 100000;
top: 0.35rem;
left: 50%;
transform: translateX(-50%);
img {
width: 0.2rem;
}
}
.roadList:nth-child(2) {
position: absolute;
z-index: 100000;
top: 1.43rem;
left: 50%;
transform: translateX(-50%);
img {
width: 0.21rem;
}
}
.roadList:nth-child(3) {
position: absolute;
z-index: 100000;
top: 2.5rem;
left: 50%;
transform: translateX(-50%);
img {
width: 0.32rem;
}
}
.roadList:nth-child(4) {
position: absolute;
z-index: 100000;
top: 3.57rem;
left: 50%;
transform: translateX(-50%);
img {
width: 0.25rem;
}
}
.roadList:nth-child(5) {
position: absolute;
z-index: 100000;
top: 4.44rem;
left: 50%;
transform: translateX(-50%);
img {
width: 0.19rem;
}
}
.homeList {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
top: 5.35rem;
left: 50%;
transform: translateX(-50%);
width: 70%;
.homeList_con {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.project_name {
font-size: 0.11rem;
font-weight: bold;
color: #ffffff;
cursor: pointer;
}
.homeList_con_item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.title {
font-size: 0.14rem;
font-weight: 500;
color: #ffffff;
}
img {
width: 0.4rem;
height: 100%;
}
}
}
}
}
.content {
padding: 0.28rem 0.21rem 0 0.21rem;
.content_top {
display: flex;
justify-content: space-between;
align-items: center;
.top_title {
font-size: 0.17rem;
font-weight: bold;
color: #424242;
}
.top_more {
font-size: 0.1rem;
font-weight: 300;
color: #9b9b9b;
}
}
.content_bottom {
width: 100%;
img {
width: 100%;
height: 100%;
}
}
}
.content1 {
margin-bottom: 0.28rem;
}
</style>
plugins/element-ui.js 0 → 100644
浏览文件 @ 13d2bdd3
import Vue from 'vue'
import Element from 'element-ui'
import locale from 'element-ui/lib/locale/lang/en'
Vue.use(Element, { locale })
utils/roadMap.js 0 → 100644
浏览文件 @ 13d2bdd3
export const roadMapList = [
{
position: 'left',
isShow: false,
icon: 'https://webapp-pub.ezijing.com/www/pc/lifeLearning/icon5.png',
title: '博士',
projectList: [
{
name: '工商管理博士DBA',
href: ''
}
],
checkList: [
{
name: '暂无',
href: ''
}
]
},
{
position: 'right',
isShow: false,
icon: 'https://webapp-pub.ezijing.com/www/pc/lifeLearning/icon4.png',
title: '硕士',
projectList: [
{
name: '金融硕士MSF',
href: ''
},
{
name: '教育学硕士MED',
href: ''
},
{
name: '应用心理学MAP',
href: ''
}
],
checkList: [
{
name: '在线国际学位',
href: ''
},
{
name: '工商管理博士DBA',
href: ''
}
]
},
{
position: 'right-end',
isShow: false,
icon: 'https://webapp-pub.ezijing.com/www/pc/lifeLearning/icon3.png',
title: '在线国际学位',
projectList: [
{
name: '数字领导力方向MBA',
href: ''
},
{
name: '酒店和旅游方向MBA',
href: ''
},
{
name: '餐饮管理方向MBA',
href: ''
}
],
checkList: [
{
name: '工商管理博士DBA',
href: ''
}
]
},
{
isShow: false,
position: 'right',
icon: 'https://webapp-pub.ezijing.com/www/pc/lifeLearning/icon2.png',
title: '本科',
projectList: [
{
name: '紫荆数字经济产业学院',
href: ''
},
{
name: '国际大一（1+3）即将推出',
href: ''
}
],
checkList: [
{
name: '在线国际学位',
href: ''
},
{
name: '硕士（国际留学）',
href: ''
}
]
},
{
isShow: false,
position: 'left',
icon: 'https://webapp-pub.ezijing.com/www/pc/lifeLearning/icon1.png',
title: '职业教育',
projectList: [
{
name: '紫荆数字经济产业学院',
href: 'https://www.baidu.com/'
}
],
checkList: [
{
name: '在线国际学位',
href: ''
},
{
name: '硕士（国际留学)',
href: ''
}
]
}
]
export const homeList = [
{
position: 'top',
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/lifeLearning/icon6.png',
isShow: false,
title: '职业证书',
itemList: [
{
name: '1+X',
href: ''
},
{
name: '私人财富风险管理顾问（PRP）',
href: ''
},
{
name: '高管培训-数字创新管理',
href: ''
},
{
name: '互联网营销师',
href: ''
},
{
name: '工业机器人系统操作员',
href: ''
},
{
name: '大数据技术人员',
href: ''
}
]
},
{
position: 'right-start',
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/lifeLearning/icon6.png',
isShow: false,
title: '实习就业',
itemList: [
{
name: '敬请期待',
href: ''
}
]
},
{
position: 'top-start',
icon: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/lifeLearning/icon6.png',
isShow: false,
title: '企业培训',
itemList: [
{
name: '敬请期待',
href: ''
}
]
}
]
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论