feat:按需引入第三方组件库

dev_img
wangaifang 1 month ago
parent 4fa7deba7e
commit 34515dbfe2

@ -1,3 +1,12 @@
module.exports = {
presets: ["@vue/cli-plugin-babel/preset"]
presets: ["@vue/cli-plugin-babel/preset"],
plugins: [
[
'component',
{
libraryName: 'element-ui',
styleLibraryName: 'theme-chalk'
}
]
]
};

171
package-lock.json generated

@ -10,6 +10,7 @@
"dependencies": {
"@iconfu/svg-inject": "^1.2.3",
"axios": "^1.7.3",
"babel-plugin-component": "^1.1.1",
"bootstrap": "^4.4.1",
"bootstrap-vue": "^2.2.2",
"core-js": "^3.4.4",
@ -26,7 +27,6 @@
"vue-particles": "^1.0.9",
"vue-router": "^3.1.3",
"vue-scrollto": "^2.17.1",
"vue-youtube": "^1.4.0",
"vue2-scrollspy": "^2.3.1"
},
"devDependencies": {
@ -2977,6 +2977,33 @@
"webpack": ">=2"
}
},
"node_modules/babel-plugin-component": {
"version": "1.1.1",
"resolved": "https://registry.npmmirror.com/babel-plugin-component/-/babel-plugin-component-1.1.1.tgz",
"integrity": "sha512-WUw887kJf2GH80Ng/ZMctKZ511iamHNqPhd9uKo14yzisvV7Wt1EckIrb8oq/uCz3B3PpAW7Xfl7AkTLDYT6ag==",
"dependencies": {
"@babel/helper-module-imports": "7.0.0-beta.35"
}
},
"node_modules/babel-plugin-component/node_modules/@babel/helper-module-imports": {
"version": "7.0.0-beta.35",
"resolved": "https://registry.npmmirror.com/@babel/helper-module-imports/-/helper-module-imports-7.0.0-beta.35.tgz",
"integrity": "sha512-vaC1KyIZSuyWb3Lj277fX0pxivyHwuDU4xZsofqgYAbkDxNieMg2vuhzP5AgMweMY7fCQUMTi+BgPqTLjkxXFg==",
"dependencies": {
"@babel/types": "7.0.0-beta.35",
"lodash": "^4.2.0"
}
},
"node_modules/babel-plugin-component/node_modules/@babel/types": {
"version": "7.0.0-beta.35",
"resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.0.0-beta.35.tgz",
"integrity": "sha512-y9XT11CozHDgjWcTdxmhSj13rJVXpa5ZXwjjOiTedjaM0ba5ItqdS02t31EhPl7HtOWxsZkYCCUNrSfrOisA6w==",
"dependencies": {
"esutils": "^2.0.2",
"lodash": "^4.2.0",
"to-fast-properties": "^2.0.0"
}
},
"node_modules/babel-plugin-dynamic-import-node": {
"version": "2.3.0",
"resolved": "https://registry.npmmirror.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.0.tgz",
@ -6625,7 +6652,6 @@
"version": "2.0.3",
"resolved": "https://registry.npmmirror.com/esutils/-/esutils-2.0.3.tgz",
"integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
"dev": true,
"engines": {
"node": ">=0.10.0"
}
@ -7553,11 +7579,6 @@
"node": ">=0.10.0"
}
},
"node_modules/get-youtube-id": {
"version": "1.0.1",
"resolved": "https://registry.npmmirror.com/get-youtube-id/-/get-youtube-id-1.0.1.tgz",
"integrity": "sha512-5yidLzoLXbtw82a/Wb7LrajkGn29BM6JuLWeHyNfzOGp1weGyW4+7eMz6cP23+etqj27VlOFtq8fFFDMLq/FXQ=="
},
"node_modules/getpass": {
"version": "0.1.7",
"resolved": "https://registry.npmmirror.com/getpass/-/getpass-0.1.7.tgz",
@ -9152,11 +9173,6 @@
"integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA= sha512-8ZmlJFVK9iCmtLz19HpSsR8HaAMWBT284VMNednLwlIMDP2hJDCIhUp0IZ2xUcZ+Ob6BM0VvCSJwzASDM45NLQ==",
"dev": true
},
"node_modules/load-script": {
"version": "1.0.0",
"resolved": "https://registry.npmmirror.com/load-script/-/load-script-1.0.0.tgz",
"integrity": "sha1-BJGTngvuVkPuSUp+PaPSuscMbKQ= sha512-kPEjMFtZvwL9TaZo0uZ2ml+Ye9HUMmPwbYRJ324qF9tqMejwykJ5ggTyvzmrbBeapCAbk98BSbTeovHEEP1uCA=="
},
"node_modules/loader-fs-cache": {
"version": "1.0.2",
"resolved": "https://registry.npmmirror.com/loader-fs-cache/-/loader-fs-cache-1.0.2.tgz",
@ -9278,8 +9294,7 @@
"node_modules/lodash": {
"version": "4.17.21",
"resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz",
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
"dev": true
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
},
"node_modules/lodash.defaultsdeep": {
"version": "4.6.1",
@ -12796,11 +12811,6 @@
"integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
"dev": true
},
"node_modules/sister": {
"version": "3.0.2",
"resolved": "https://registry.npmmirror.com/sister/-/sister-3.0.2.tgz",
"integrity": "sha512-p19rtTs+NksBRKW9qn0UhZ8/TUI9BPw9lmtHny+Y3TinWlOa9jWh9xB0AtPSdmOy49NJJJSSe0Ey4C7h0TrcYA=="
},
"node_modules/slash": {
"version": "2.0.0",
"resolved": "https://registry.npmmirror.com/slash/-/slash-2.0.0.tgz",
@ -14150,7 +14160,6 @@
"version": "2.0.0",
"resolved": "https://registry.npmmirror.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
"integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4= sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
"dev": true,
"engines": {
"node": ">=4"
}
@ -15115,18 +15124,6 @@
"integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
"dev": true
},
"node_modules/vue-youtube": {
"version": "1.4.0",
"resolved": "https://registry.npmmirror.com/vue-youtube/-/vue-youtube-1.4.0.tgz",
"integrity": "sha512-PCyfGAouSt6rTX0GLUzpdX2XC52zYf7a9mUhdp53jeDlPoU40hpsvyV3Zg2+947pvbv27ORcmtzm2fqO08kh9Q==",
"dependencies": {
"get-youtube-id": "^1.0.0",
"youtube-player": "^5.4.0"
},
"peerDependencies": {
"vue": "^2.3.0"
}
},
"node_modules/vue2-scrollspy": {
"version": "2.3.1",
"resolved": "https://registry.npmmirror.com/vue2-scrollspy/-/vue2-scrollspy-2.3.1.tgz",
@ -16372,29 +16369,6 @@
"integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==",
"dev": true
},
"node_modules/youtube-player": {
"version": "5.5.2",
"resolved": "https://registry.npmmirror.com/youtube-player/-/youtube-player-5.5.2.tgz",
"integrity": "sha512-ZGtsemSpXnDky2AUYWgxjaopgB+shFHgXVpiJFeNB5nWEugpW1KWYDaHKuLqh2b67r24GtP6HoSW5swvf0fFIQ==",
"dependencies": {
"debug": "^2.6.6",
"load-script": "^1.0.0",
"sister": "^3.0.0"
}
},
"node_modules/youtube-player/node_modules/debug": {
"version": "2.6.9",
"resolved": "https://registry.npmmirror.com/debug/-/debug-2.6.9.tgz",
"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
"dependencies": {
"ms": "2.0.0"
}
},
"node_modules/youtube-player/node_modules/ms": {
"version": "2.0.0",
"resolved": "https://registry.npmmirror.com/ms/-/ms-2.0.0.tgz",
"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g= sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
},
"node_modules/zrender": {
"version": "5.5.0",
"resolved": "https://registry.npmmirror.com/zrender/-/zrender-5.5.0.tgz",
@ -18853,6 +18827,35 @@
"pify": "^4.0.1"
}
},
"babel-plugin-component": {
"version": "1.1.1",
"resolved": "https://registry.npmmirror.com/babel-plugin-component/-/babel-plugin-component-1.1.1.tgz",
"integrity": "sha512-WUw887kJf2GH80Ng/ZMctKZ511iamHNqPhd9uKo14yzisvV7Wt1EckIrb8oq/uCz3B3PpAW7Xfl7AkTLDYT6ag==",
"requires": {
"@babel/helper-module-imports": "7.0.0-beta.35"
},
"dependencies": {
"@babel/helper-module-imports": {
"version": "7.0.0-beta.35",
"resolved": "https://registry.npmmirror.com/@babel/helper-module-imports/-/helper-module-imports-7.0.0-beta.35.tgz",
"integrity": "sha512-vaC1KyIZSuyWb3Lj277fX0pxivyHwuDU4xZsofqgYAbkDxNieMg2vuhzP5AgMweMY7fCQUMTi+BgPqTLjkxXFg==",
"requires": {
"@babel/types": "7.0.0-beta.35",
"lodash": "^4.2.0"
}
},
"@babel/types": {
"version": "7.0.0-beta.35",
"resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.0.0-beta.35.tgz",
"integrity": "sha512-y9XT11CozHDgjWcTdxmhSj13rJVXpa5ZXwjjOiTedjaM0ba5ItqdS02t31EhPl7HtOWxsZkYCCUNrSfrOisA6w==",
"requires": {
"esutils": "^2.0.2",
"lodash": "^4.2.0",
"to-fast-properties": "^2.0.0"
}
}
}
},
"babel-plugin-dynamic-import-node": {
"version": "2.3.0",
"resolved": "https://registry.npmmirror.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.0.tgz",
@ -21771,8 +21774,7 @@
"esutils": {
"version": "2.0.3",
"resolved": "https://registry.npmmirror.com/esutils/-/esutils-2.0.3.tgz",
"integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
"dev": true
"integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="
},
"etag": {
"version": "1.8.1",
@ -22507,11 +22509,6 @@
"integrity": "sha1-3BXKHGcjh8p2vTesCjlbogQqLCg= sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==",
"dev": true
},
"get-youtube-id": {
"version": "1.0.1",
"resolved": "https://registry.npmmirror.com/get-youtube-id/-/get-youtube-id-1.0.1.tgz",
"integrity": "sha512-5yidLzoLXbtw82a/Wb7LrajkGn29BM6JuLWeHyNfzOGp1weGyW4+7eMz6cP23+etqj27VlOFtq8fFFDMLq/FXQ=="
},
"getpass": {
"version": "0.1.7",
"resolved": "https://registry.npmmirror.com/getpass/-/getpass-0.1.7.tgz",
@ -23761,11 +23758,6 @@
"integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA= sha512-8ZmlJFVK9iCmtLz19HpSsR8HaAMWBT284VMNednLwlIMDP2hJDCIhUp0IZ2xUcZ+Ob6BM0VvCSJwzASDM45NLQ==",
"dev": true
},
"load-script": {
"version": "1.0.0",
"resolved": "https://registry.npmmirror.com/load-script/-/load-script-1.0.0.tgz",
"integrity": "sha1-BJGTngvuVkPuSUp+PaPSuscMbKQ= sha512-kPEjMFtZvwL9TaZo0uZ2ml+Ye9HUMmPwbYRJ324qF9tqMejwykJ5ggTyvzmrbBeapCAbk98BSbTeovHEEP1uCA=="
},
"loader-fs-cache": {
"version": "1.0.2",
"resolved": "https://registry.npmmirror.com/loader-fs-cache/-/loader-fs-cache-1.0.2.tgz",
@ -23864,8 +23856,7 @@
"lodash": {
"version": "4.17.21",
"resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz",
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
"dev": true
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
},
"lodash.defaultsdeep": {
"version": "4.6.1",
@ -26777,11 +26768,6 @@
}
}
},
"sister": {
"version": "3.0.2",
"resolved": "https://registry.npmmirror.com/sister/-/sister-3.0.2.tgz",
"integrity": "sha512-p19rtTs+NksBRKW9qn0UhZ8/TUI9BPw9lmtHny+Y3TinWlOa9jWh9xB0AtPSdmOy49NJJJSSe0Ey4C7h0TrcYA=="
},
"slash": {
"version": "2.0.0",
"resolved": "https://registry.npmmirror.com/slash/-/slash-2.0.0.tgz",
@ -27876,8 +27862,7 @@
"to-fast-properties": {
"version": "2.0.0",
"resolved": "https://registry.npmmirror.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
"integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4= sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
"dev": true
"integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4= sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog=="
},
"to-object-path": {
"version": "0.3.0",
@ -28643,15 +28628,6 @@
"integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
"dev": true
},
"vue-youtube": {
"version": "1.4.0",
"resolved": "https://registry.npmmirror.com/vue-youtube/-/vue-youtube-1.4.0.tgz",
"integrity": "sha512-PCyfGAouSt6rTX0GLUzpdX2XC52zYf7a9mUhdp53jeDlPoU40hpsvyV3Zg2+947pvbv27ORcmtzm2fqO08kh9Q==",
"requires": {
"get-youtube-id": "^1.0.0",
"youtube-player": "^5.4.0"
}
},
"vue2-scrollspy": {
"version": "2.3.1",
"resolved": "https://registry.npmmirror.com/vue2-scrollspy/-/vue2-scrollspy-2.3.1.tgz",
@ -29666,31 +29642,6 @@
}
}
},
"youtube-player": {
"version": "5.5.2",
"resolved": "https://registry.npmmirror.com/youtube-player/-/youtube-player-5.5.2.tgz",
"integrity": "sha512-ZGtsemSpXnDky2AUYWgxjaopgB+shFHgXVpiJFeNB5nWEugpW1KWYDaHKuLqh2b67r24GtP6HoSW5swvf0fFIQ==",
"requires": {
"debug": "^2.6.6",
"load-script": "^1.0.0",
"sister": "^3.0.0"
},
"dependencies": {
"debug": {
"version": "2.6.9",
"resolved": "https://registry.npmmirror.com/debug/-/debug-2.6.9.tgz",
"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
"requires": {
"ms": "2.0.0"
}
},
"ms": {
"version": "2.0.0",
"resolved": "https://registry.npmmirror.com/ms/-/ms-2.0.0.tgz",
"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g= sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
}
}
},
"zrender": {
"version": "5.5.0",
"resolved": "https://registry.npmmirror.com/zrender/-/zrender-5.5.0.tgz",

@ -11,6 +11,7 @@
"dependencies": {
"@iconfu/svg-inject": "^1.2.3",
"axios": "^1.7.3",
"babel-plugin-component": "^1.1.1",
"bootstrap": "^4.4.1",
"bootstrap-vue": "^2.2.2",
"core-js": "^3.4.4",
@ -27,7 +28,6 @@
"vue-particles": "^1.0.9",
"vue-router": "^3.1.3",
"vue-scrollto": "^2.17.1",
"vue-youtube": "^1.4.0",
"vue2-scrollspy": "^2.3.1"
},
"devDependencies": {

@ -2,7 +2,7 @@ import "@/assets/css/styles.css";
import "@/assets/css/common.css";
import Vue from "vue";
import ElementUI from 'element-ui';
// import ElementUI from 'element-ui';
// import 'element-theme-chalk';
import App from "./App.vue";
@ -28,7 +28,7 @@ require('swiper/dist/css/swiper.css')
import VueAwesomeSwiper from 'vue-awesome-swiper'
// mount with global
Vue.use(VueAwesomeSwiper)
import './plugin/index'
@ -38,7 +38,7 @@ var VueScrollTo = require('vue-scrollto');
Vue.use(VueParticles)
Vue.use(VueYoutube)
Vue.use(VueScrollTo)
Vue.use(ElementUI);
// Vue.use(ElementUI);
Vue.use(BootstrapVue);
Vue.use(Scrollspy);

@ -0,0 +1,42 @@
import Vue from "vue";
import {
Button,
Select,
Tabs,
TabPane,
Timeline,
TimelineItem,
Row,
Col,
Menu,
Submenu,
MenuItem,
Aside,
Container,
Table,
TableColumn,
Tooltip,
Steps,
Step,
Dialog,
} from "element-ui";
Vue.use(Button)
.use(Select)
.use(Tabs)
.use(TabPane)
.use(Timeline)
.use(TimelineItem)
.use(Row)
.use(Col)
.use(Menu)
.use(Submenu)
.use(MenuItem)
.use(Aside)
.use(Container)
.use(Aside)
.use(Table)
.use(TableColumn)
.use(Tooltip)
.use(Steps)
.use(Step)
.use(Dialog)

@ -44,7 +44,7 @@
<div class="container" style="margin-top: 100px;margin-bottom: 40px;" >
<div class="flx-justify-around" style="width: 100%;">
<img :src="$ossUrl +'/home/internetImages/title1.png'" alt="">
<img :src="$ossUrl +'images/home/internetImages/title1.png'" alt="">
<img src="@/assets/images/home/internetImages/title2.png" alt="">
<img src="@/assets/images/home/internetImages/title3.png" alt="">
<img src="@/assets/images/home/internetImages/title4.png" alt="">

16769
yarn.lock

File diff suppressed because it is too large Load Diff
Loading…
Cancel
Save