From caf7637bc5672a06d716b65fdda380aaf3c478d3 Mon Sep 17 00:00:00 2001 From: liulongbin Date: Fri, 9 Jul 2021 21:16:11 +0800 Subject: [PATCH] =?UTF-8?q?=E5=88=9D=E5=A7=8B=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 60 +++++++++++++++++++++++--- package.json | 2 + src/App.vue | 26 +++-------- src/components/Counter/Counter.vue | 27 ++++++++++++ src/components/Footer/Footer.vue | 60 ++++++++++++++++++++++++++ src/components/Goods/Goods.vue | 69 ++++++++++++++++++++++++++++++ src/components/Header/Header.vue | 23 ++++++++++ src/components/HelloWorld.vue | 57 ------------------------ src/main.js | 4 +- 9 files changed, 244 insertions(+), 84 deletions(-) create mode 100644 src/components/Counter/Counter.vue create mode 100644 src/components/Footer/Footer.vue create mode 100644 src/components/Goods/Goods.vue create mode 100644 src/components/Header/Header.vue delete mode 100644 src/components/HelloWorld.vue diff --git a/package-lock.json b/package-lock.json index df202fc..1235580 100644 --- a/package-lock.json +++ b/package-lock.json @@ -7,6 +7,8 @@ "": { "version": "0.1.0", "dependencies": { + "axios": "^0.21.1", + "bootstrap": "^5.0.2", "core-js": "^3.6.5", "vue": "^2.6.11" }, @@ -1683,6 +1685,12 @@ "node": ">= 6" } }, + "node_modules/@popperjs/core": { + "version": "2.9.2", + "resolved": "https://registry.npm.taobao.org/@popperjs/core/download/@popperjs/core-2.9.2.tgz?cache=0&sync_timestamp=1617293789176&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40popperjs%2Fcore%2Fdownload%2F%40popperjs%2Fcore-2.9.2.tgz", + "integrity": "sha1-rep7aVPLs0ZRdmsFSEaOdDxqI1M=", + "peer": true + }, "node_modules/@soda/friendly-errors-webpack-plugin": { "version": "1.8.0", "resolved": "https://registry.npm.taobao.org/@soda/friendly-errors-webpack-plugin/download/@soda/friendly-errors-webpack-plugin-1.8.0.tgz?cache=0&sync_timestamp=1607927418007&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40soda%2Ffriendly-errors-webpack-plugin%2Fdownload%2F%40soda%2Ffriendly-errors-webpack-plugin-1.8.0.tgz", @@ -2921,6 +2929,14 @@ "integrity": "sha1-1h9G2DslGSUOJ4Ta9bCUeai0HFk=", "dev": true }, + "node_modules/axios": { + "version": "0.21.1", + "resolved": "https://registry.npm.taobao.org/axios/download/axios-0.21.1.tgz?cache=0&sync_timestamp=1608611400719&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Faxios%2Fdownload%2Faxios-0.21.1.tgz", + "integrity": "sha1-IlY0gZYvTWvemnbVFu8OXTwJsrg=", + "dependencies": { + "follow-redirects": "^1.10.0" + } + }, "node_modules/babel-loader": { "version": "8.2.2", "resolved": "https://registry.npm.taobao.org/babel-loader/download/babel-loader-8.2.2.tgz?cache=0&sync_timestamp=1606424869752&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbabel-loader%2Fdownload%2Fbabel-loader-8.2.2.tgz", @@ -3172,6 +3188,14 @@ "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=", "dev": true }, + "node_modules/bootstrap": { + "version": "5.0.2", + "resolved": "https://registry.nlark.com/bootstrap/download/bootstrap-5.0.2.tgz", + "integrity": "sha1-r/I9Xg4DwxJVrUN1MO5lVueOco4=", + "peerDependencies": { + "@popperjs/core": "^2.9.2" + } + }, "node_modules/brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npm.taobao.org/brace-expansion/download/brace-expansion-1.1.11.tgz?cache=0&sync_timestamp=1614011092368&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbrace-expansion%2Fdownload%2Fbrace-expansion-1.1.11.tgz", @@ -6183,7 +6207,6 @@ "version": "1.14.1", "resolved": "https://registry.nlark.com/follow-redirects/download/follow-redirects-1.14.1.tgz?cache=0&sync_timestamp=1620555234886&other_urls=https%3A%2F%2Fregistry.nlark.com%2Ffollow-redirects%2Fdownload%2Ffollow-redirects-1.14.1.tgz", "integrity": "sha1-2RFN7Qoc/dM04WTmZirQK/2R/0M=", - "dev": true, "engines": { "node": ">=4.0" } @@ -14945,6 +14968,12 @@ "integrity": "sha1-K1o6s/kYzKSKjHVMCBaOPwPrphs=", "dev": true }, + "@popperjs/core": { + "version": "2.9.2", + "resolved": "https://registry.npm.taobao.org/@popperjs/core/download/@popperjs/core-2.9.2.tgz?cache=0&sync_timestamp=1617293789176&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40popperjs%2Fcore%2Fdownload%2F%40popperjs%2Fcore-2.9.2.tgz", + "integrity": "sha1-rep7aVPLs0ZRdmsFSEaOdDxqI1M=", + "peer": true + }, "@soda/friendly-errors-webpack-plugin": { "version": "1.8.0", "resolved": "https://registry.npm.taobao.org/@soda/friendly-errors-webpack-plugin/download/@soda/friendly-errors-webpack-plugin-1.8.0.tgz?cache=0&sync_timestamp=1607927418007&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40soda%2Ffriendly-errors-webpack-plugin%2Fdownload%2F%40soda%2Ffriendly-errors-webpack-plugin-1.8.0.tgz", @@ -15389,7 +15418,8 @@ "version": "4.5.13", "resolved": "https://registry.nlark.com/@vue/cli-plugin-vuex/download/@vue/cli-plugin-vuex-4.5.13.tgz", "integrity": "sha1-mGRti8HmnPbGpsui/tPqzgNWw2A=", - "dev": true + "dev": true, + "requires": {} }, "@vue/cli-service": { "version": "4.5.13", @@ -15543,7 +15573,8 @@ "version": "1.1.2", "resolved": "https://registry.npm.taobao.org/@vue/preload-webpack-plugin/download/@vue/preload-webpack-plugin-1.1.2.tgz", "integrity": "sha1-zrkktOyzucQ4ccekKaAvhCPmIas=", - "dev": true + "dev": true, + "requires": {} }, "@vue/web-component-wrapper": { "version": "1.3.0", @@ -15782,13 +15813,15 @@ "version": "1.0.1", "resolved": "https://registry.npm.taobao.org/ajv-errors/download/ajv-errors-1.0.1.tgz", "integrity": "sha1-81mGrOuRr63sQQL72FAUlQzvpk0=", - "dev": true + "dev": true, + "requires": {} }, "ajv-keywords": { "version": "3.5.2", "resolved": "https://registry.npm.taobao.org/ajv-keywords/download/ajv-keywords-3.5.2.tgz?cache=0&sync_timestamp=1616882666980&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fajv-keywords%2Fdownload%2Fajv-keywords-3.5.2.tgz", "integrity": "sha1-MfKdpatuANHC0yms97WSlhTVAU0=", - "dev": true + "dev": true, + "requires": {} }, "alphanum-sort": { "version": "1.0.2", @@ -16033,6 +16066,14 @@ "integrity": "sha1-1h9G2DslGSUOJ4Ta9bCUeai0HFk=", "dev": true }, + "axios": { + "version": "0.21.1", + "resolved": "https://registry.npm.taobao.org/axios/download/axios-0.21.1.tgz?cache=0&sync_timestamp=1608611400719&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Faxios%2Fdownload%2Faxios-0.21.1.tgz", + "integrity": "sha1-IlY0gZYvTWvemnbVFu8OXTwJsrg=", + "requires": { + "follow-redirects": "^1.10.0" + } + }, "babel-loader": { "version": "8.2.2", "resolved": "https://registry.npm.taobao.org/babel-loader/download/babel-loader-8.2.2.tgz?cache=0&sync_timestamp=1606424869752&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbabel-loader%2Fdownload%2Fbabel-loader-8.2.2.tgz", @@ -16253,6 +16294,12 @@ "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=", "dev": true }, + "bootstrap": { + "version": "5.0.2", + "resolved": "https://registry.nlark.com/bootstrap/download/bootstrap-5.0.2.tgz", + "integrity": "sha1-r/I9Xg4DwxJVrUN1MO5lVueOco4=", + "requires": {} + }, "brace-expansion": { "version": "1.1.11", "resolved": "https://registry.npm.taobao.org/brace-expansion/download/brace-expansion-1.1.11.tgz?cache=0&sync_timestamp=1614011092368&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbrace-expansion%2Fdownload%2Fbrace-expansion-1.1.11.tgz", @@ -18778,8 +18825,7 @@ "follow-redirects": { "version": "1.14.1", "resolved": "https://registry.nlark.com/follow-redirects/download/follow-redirects-1.14.1.tgz?cache=0&sync_timestamp=1620555234886&other_urls=https%3A%2F%2Fregistry.nlark.com%2Ffollow-redirects%2Fdownload%2Ffollow-redirects-1.14.1.tgz", - "integrity": "sha1-2RFN7Qoc/dM04WTmZirQK/2R/0M=", - "dev": true + "integrity": "sha1-2RFN7Qoc/dM04WTmZirQK/2R/0M=" }, "for-in": { "version": "1.0.2", diff --git a/package.json b/package.json index 0f90e6d..10a8e25 100644 --- a/package.json +++ b/package.json @@ -7,6 +7,8 @@ "build": "vue-cli-service build" }, "dependencies": { + "axios": "^0.21.1", + "bootstrap": "^5.0.2", "core-js": "^3.6.5", "vue": "^2.6.11" }, diff --git a/src/App.vue b/src/App.vue index dbc9b52..1fa3a7a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,28 +1,16 @@ - diff --git a/src/components/Counter/Counter.vue b/src/components/Counter/Counter.vue new file mode 100644 index 0000000..91cf4c9 --- /dev/null +++ b/src/components/Counter/Counter.vue @@ -0,0 +1,27 @@ + + + + + diff --git a/src/components/Footer/Footer.vue b/src/components/Footer/Footer.vue new file mode 100644 index 0000000..1701cdf --- /dev/null +++ b/src/components/Footer/Footer.vue @@ -0,0 +1,60 @@ + + + + + diff --git a/src/components/Goods/Goods.vue b/src/components/Goods/Goods.vue new file mode 100644 index 0000000..7b5f402 --- /dev/null +++ b/src/components/Goods/Goods.vue @@ -0,0 +1,69 @@ + + + + + diff --git a/src/components/Header/Header.vue b/src/components/Header/Header.vue new file mode 100644 index 0000000..4bc5773 --- /dev/null +++ b/src/components/Header/Header.vue @@ -0,0 +1,23 @@ + + + + + diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue deleted file mode 100644 index ef9ef68..0000000 --- a/src/components/HelloWorld.vue +++ /dev/null @@ -1,57 +0,0 @@ - - - - - - diff --git a/src/main.js b/src/main.js index 63eb05f..f1030db 100644 --- a/src/main.js +++ b/src/main.js @@ -1,8 +1,10 @@ import Vue from 'vue' import App from './App.vue' +// 导入 bootstrap 样式表 +import 'bootstrap/dist/css/bootstrap.min.css' Vue.config.productionTip = false new Vue({ - render: h => h(App), + render: h => h(App) }).$mount('#app')