From 76866c88838f76b0a45e86d4aed4061852a8b075 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=81=87=E8=A7=81?=
<30545603+Foryou920@users.noreply.github.com>
Date: Fri, 12 Jun 2020 16:40:25 +0800
Subject: [PATCH] Project front-end
---
.env.development | 1 +
.env.production | 1 +
README.md | 2 +-
package-lock.json | 46 ++++++++++++
package.json | 3 +
public/index.html | 4 +-
src/assets/images/bak.svg | 101 ++++++++++++++++++++++++++
src/assets/images/lineart.png | Bin 0 -> 19902 bytes
src/assets/images/test.png | Bin 0 -> 2074111 bytes
src/assets/index.js | 1 +
src/assets/styles/reset.css | 9 +++
src/components/BlogHeader/index.vue | 28 +++++--
src/components/Footer/index.vue | 24 ++++++
src/components/Top/index.vue | 51 +++++++++++++
src/main.js | 2 +
src/router/index.js | 21 +++++-
src/utils/request.js | 1 +
src/views/About/index.vue | 30 ++++++++
src/views/Archive/index.vue | 9 +++
src/views/Article/index.vue | 65 +++++++++++++++++
src/views/Home/components/Article.vue | 64 ++++++++++++++++
src/views/Home/index.vue | 38 +++++++++-
vue.config.js | 29 +++++++-
23 files changed, 515 insertions(+), 15 deletions(-)
create mode 100644 .env.development
create mode 100644 .env.production
create mode 100644 src/assets/images/bak.svg
create mode 100644 src/assets/images/lineart.png
create mode 100644 src/assets/images/test.png
create mode 100644 src/assets/index.js
create mode 100644 src/assets/styles/reset.css
create mode 100644 src/components/Footer/index.vue
create mode 100644 src/components/Top/index.vue
create mode 100644 src/utils/request.js
create mode 100644 src/views/About/index.vue
create mode 100644 src/views/Archive/index.vue
create mode 100644 src/views/Article/index.vue
create mode 100644 src/views/Home/components/Article.vue
diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..8ec9e33
--- /dev/null
+++ b/.env.development
@@ -0,0 +1 @@
+VUE_APP_BASE_API = "http://www.exapmple.com/dev"
\ No newline at end of file
diff --git a/.env.production b/.env.production
new file mode 100644
index 0000000..f1d9540
--- /dev/null
+++ b/.env.production
@@ -0,0 +1 @@
+VUE_APP_BASE_API = "http://www.exapmple.com/prod"
\ No newline at end of file
diff --git a/README.md b/README.md
index dd13b3b..6033171 100644
--- a/README.md
+++ b/README.md
@@ -2,5 +2,5 @@
### 基于Vue和Express的全栈博客系统。
-- [ ] 基础的博客前端搭建
+- [x] 基础的博客前端搭建
- [ ] 基础的后端增删改查
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 20563da..ca43de3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1936,6 +1936,11 @@
"integrity": "sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=",
"dev": true
},
+ "animejs": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npm.taobao.org/animejs/download/animejs-3.2.0.tgz",
+ "integrity": "sha1-La6nNlmDJJAizEVPpyas20qENF0="
+ },
"ansi-colors": {
"version": "3.2.4",
"resolved": "https://registry.npm.taobao.org/ansi-colors/download/ansi-colors-3.2.4.tgz",
@@ -2196,6 +2201,37 @@
"integrity": "sha1-oXs6jqgRBg501H0wYSJACtRJeuI=",
"dev": true
},
+ "axios": {
+ "version": "0.19.2",
+ "resolved": "https://registry.npm.taobao.org/axios/download/axios-0.19.2.tgz",
+ "integrity": "sha1-PqNsXYgY0NX4qKl6bTa4bNwAyyc=",
+ "requires": {
+ "follow-redirects": "1.5.10"
+ },
+ "dependencies": {
+ "debug": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npm.taobao.org/debug/download/debug-3.1.0.tgz",
+ "integrity": "sha1-W7WgZyYotkFJVmuhaBnmFRjGcmE=",
+ "requires": {
+ "ms": "2.0.0"
+ }
+ },
+ "follow-redirects": {
+ "version": "1.5.10",
+ "resolved": "https://registry.npm.taobao.org/follow-redirects/download/follow-redirects-1.5.10.tgz?cache=0&sync_timestamp=1585479417937&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffollow-redirects%2Fdownload%2Ffollow-redirects-1.5.10.tgz",
+ "integrity": "sha1-e3qfmuov3/NnhqlP9kPtB/T/Xio=",
+ "requires": {
+ "debug": "=3.1.0"
+ }
+ },
+ "ms": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.0.0.tgz",
+ "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+ }
+ }
+ },
"babel-eslint": {
"version": "10.1.0",
"resolved": "https://registry.npm.taobao.org/babel-eslint/download/babel-eslint-10.1.0.tgz?cache=0&sync_timestamp=1582676223200&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbabel-eslint%2Fdownload%2Fbabel-eslint-10.1.0.tgz",
@@ -8464,6 +8500,16 @@
}
}
},
+ "postcss-px-to-viewport": {
+ "version": "1.1.1",
+ "resolved": "https://registry.npm.taobao.org/postcss-px-to-viewport/download/postcss-px-to-viewport-1.1.1.tgz",
+ "integrity": "sha1-olykELVTyYksyLUlzHENpHvxqlU=",
+ "dev": true,
+ "requires": {
+ "object-assign": ">=4.0.1",
+ "postcss": ">=5.0.2"
+ }
+ },
"postcss-reduce-initial": {
"version": "4.0.3",
"resolved": "https://registry.npm.taobao.org/postcss-reduce-initial/download/postcss-reduce-initial-4.0.3.tgz",
diff --git a/package.json b/package.json
index 4e1f2ad..0f1a5a0 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,8 @@
"lint": "vue-cli-service lint"
},
"dependencies": {
+ "animejs": "^3.2.0",
+ "axios": "^0.19.2",
"core-js": "^3.6.5",
"vue": "^2.6.11",
"vue-router": "^3.2.0",
@@ -24,6 +26,7 @@
"eslint": "^6.7.2",
"eslint-plugin-prettier": "^3.1.3",
"eslint-plugin-vue": "^6.2.2",
+ "postcss-px-to-viewport": "^1.1.1",
"prettier": "^1.19.1",
"vue-template-compiler": "^2.6.11"
}
diff --git a/public/index.html b/public/index.html
index 4123528..a79e32e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,9 +3,9 @@
-
+
- <%= htmlWebpackPlugin.options.title %>
+ YuJian-Blog