Skip to content

Commit 64e9f14

Browse files
martin-bianmartin-bian
committed
add blog ui
1 parent e335f93 commit 64e9f14

File tree

135 files changed

+32629
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

135 files changed

+32629
-0
lines changed

‎dimple-ui-blog/.env.development‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
# 开发环境配置
2+
ENV = 'development'
3+
4+
# 开发环境
5+
VUE_APP_BASE_API = '/dev-api'
6+
7+
# 路由懒加载
8+
VUE_CLI_BABEL_TRANSPILE_MODULES = true

‎dimple-ui-blog/.env.production‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
# 生产环境配置
2+
ENV = 'production'
3+
4+
# 生产环境
5+
VUE_APP_BASE_API = '/prod-api'

‎dimple-ui-blog/.env.staging‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
NODE_ENV = production
2+
3+
# 测试环境配置
4+
ENV = 'staging'
5+
6+
# 测试环境
7+
VUE_APP_BASE_API = '/stage-api'

‎dimple-ui-blog/babel.config.js‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
module.exports = {
2+
presets: [
3+
"@vue/app"
4+
],
5+
sourceType: "unambiguous"
6+
};

‎dimple-ui-blog/package-lock.json‎

Lines changed: 18307 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dimple-ui-blog/package.json‎

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
{
2+
"name": "Dimple",
3+
"version": "3.0.0",
4+
"private": true,
5+
"scripts": {
6+
"dev": "vue-cli-service serve",
7+
"build": "vue-cli-service build",
8+
"lint": "vue-cli-service lint"
9+
},
10+
"dependencies": {
11+
"@octokit/core": "^3.5.1",
12+
"archiver": "^2.1.1",
13+
"axios": "^0.17.1",
14+
"element-ui": "^2.15.6",
15+
"emojilib": "^3.0.4",
16+
"express": "^4.16.2",
17+
"lodash": "^4.17.21",
18+
"moment": "^2.29.1",
19+
"qs": "^6.5.1",
20+
"resize-observer-polyfill": "^1.5.1",
21+
"ueditor": "^1.2.3",
22+
"vue": "^2.6.10",
23+
"vue-meta": "^1.5.0",
24+
"vue-router": "^3.5.2",
25+
"vuex": "^3.0.1"
26+
},
27+
"devDependencies": {
28+
"@vue/cli-plugin-babel": "^3.12.0",
29+
"@vue/cli-plugin-eslint": "^3.12.0",
30+
"@vue/cli-service": "^4.1.2",
31+
"babel-core": "^6.26.3",
32+
"babel-eslint": "^7.1.1",
33+
"babel-loader": "^7.1.1",
34+
"babel-plugin-import": "^1.6.3",
35+
"babel-plugin-transform-runtime": "^6.22.0",
36+
"babel-preset-env": "^1.7.0",
37+
"babel-preset-es2015": "^6.24.1",
38+
"babel-preset-stage-1": "^6.24.1",
39+
"babel-preset-stage-2": "^6.22.0",
40+
"babel-register": "^6.22.0",
41+
"eslint": "^5.16.0",
42+
"eslint-plugin-vue": "^5.0.0",
43+
"html-webpack-plugin": "^2.30.1",
44+
"script-ext-html-webpack-plugin": "2.1.3",
45+
"vue-awesome-swiper": "^3.1.3",
46+
"vue-template-compiler": "^2.6.10",
47+
"node-sass": "^4.14.1",
48+
"sass": "^1.0.0-beta.4",
49+
"autoprefixer": "^7.1.2",
50+
"sass-loader": "^6.0.6",
51+
"webpack": "^3.6.0",
52+
"webpack-dev-server": "^2.9.1",
53+
"mini-css-extract-plugin": "^2.7.2"
54+
},
55+
"eslintConfig": {
56+
"root": true,
57+
"env": {
58+
"node": true
59+
},
60+
"extends": [
61+
"plugin:vue/essential",
62+
"eslint:recommended"
63+
],
64+
"rules": {},
65+
"parserOptions": {
66+
"parser": "babel-eslint"
67+
}
68+
},
69+
"postcss": {
70+
"plugins": {
71+
"autoprefixer": {}
72+
}
73+
},
74+
"browserslist": [
75+
"> 1%",
76+
"last 2 versions"
77+
]
78+
}

‎dimple-ui-blog/public/favicon.ico‎

16.6 KB
Binary file not shown.

‎dimple-ui-blog/public/index.html‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width,initial-scale=1.0">
6+
<style>
7+
.load_title{font-family:'Open Sans';color:#ccc;font-size:13px;width:100%;text-align:center;z-index:9999999999999;position:absolute;top:60%;opacity:1;line-height:30px;}.load_title span{font-weight:normal;font-style:italic;font-size:13px;color:#FFF;opacity:0.5;}.sampleContainer{position:fixed;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);width:100%;height:100px}.loader{position:relative;width:44px;height:8px;margin:12px auto}.dot{display:inline-block;width:8px;height:8px;border-radius:4px;background:#ccc;position:absolute}.dot_1{animation:animateDot1 1.5s linear infinite;left:12px;background:#e579b8}.dot_2{animation:animateDot2 1.5s linear infinite;animation-delay:.5s;left:24px}.dot_3{animation:animateDot3 1.5s linear infinite;left:12px}.dot_4{animation:animateDot4 1.5s linear infinite;animation-delay:.5s;left:24px}@keyframes animateDot1{0%{transform:rotate(0) translateX(-12px)}25%{transform:rotate(180deg) translateX(-12px)}75%{transform:rotate(180deg) translateX(-12px)}100%{transform:rotate(360deg) translateX(-12px)}}@keyframes animateDot2{0%{transform:rotate(0) translateX(-12px)}25%{transform:rotate(-180deg) translateX(-12px)}75%{transform:rotate(-180deg) translateX(-12px)}100%{transform:rotate(-360deg) translateX(-12px)}}@keyframes animateDot3{0%{transform:rotate(0) translateX(12px)}25%{transform:rotate(180deg) translateX(12px)}75%{transform:rotate(180deg) translateX(12px)}100%{transform:rotate(360deg) translateX(12px)}}@keyframes animateDot4{0%{transform:rotate(0) translateX(12px)}25%{transform:rotate(-180deg) translateX(12px)}75%{transform:rotate(-180deg) translateX(12px)}100%{transform:rotate(-360deg) translateX(12px)}}
8+
</style>
9+
</head>
10+
<body>
11+
<div id="app">
12+
<div class="sampleContainer">
13+
<div class="loader">
14+
<span class="dot dot_1"></span>
15+
<span class="dot dot_2"></span>
16+
<span class="dot dot_3"></span>
17+
<span class="dot dot_4"></span>
18+
</div>
19+
<div class="load_title">正在加载系统资源，请耐心等待</div>
20+
</div>
21+
22+
</div>
23+
24+
</body>
25+
</html>

‎dimple-ui-blog/src/App.vue‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
<template>
2+
<div id="app">
3+
<router-view></router-view>
4+
</div>
5+
</template>
6+
7+
<script>
8+
import { mapMutations } from "vuex";
9+
10+
export default {
11+
components: {},
12+
data() {
13+
return {
14+
location: [],
15+
timer: "",
16+
showBackTop: true
17+
};
18+
},
19+
watch: {},
20+
mounted() {
21+
this.initPanel();
22+
},
23+
computed: {},
24+
methods: {
25+
...mapMutations(["setArchives", "setCategory", "setTags", "setNewComments", "setNewArticles", "setTotals"]),
26+
initPanel() {
27+
this.$api.listArchive({ countType: "month", pageNum: 1, pageSize: 1000 }).then((res) => {
28+
if (res.code === 200) {
29+
this.setArchives(res.rows);
30+
}
31+
;
32+
});
33+
this.$api.listCategory().then((res) => {
34+
if (res.code === 200) {
35+
this.setTotals({ key: "category", value: res.total });
36+
this.setCategory(res.rows);
37+
}
38+
});
39+
this.$api.listTag().then((res) => {
40+
if (res.code === 200) {
41+
this.setTotals({ key: "tag", value: res.total });
42+
this.setTags(res.rows);
43+
}
44+
});
45+
this.$api.listComment({
46+
pageNum: 1,
47+
pageSize: 5
48+
}).then((res) => {
49+
if (res.code === 200) this.setNewComments(res.rows);
50+
});
51+
this.$api.listArticle({
52+
pageNum: 1,
53+
pageSize: 5,
54+
}).then((res) => {
55+
if (res.code === 200) {
56+
this.setTotals({ key: "article", value: res.total });
57+
this.setNewArticles(res.rows);
58+
}
59+
});
60+
}
61+
}
62+
};
63+
</script>
64+
65+
<style lang="scss">
66+
@import '~@/style/reset.scss';
67+
@import './assets/css/prism.css';
68+
@import './assets/css/emoji-sprite.css';
69+
</style>

‎dimple-ui-blog/src/api/archives.js‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import request from "@/utils/request";
2+
3+
export default {
4+
listArchive(query) {
5+
return request({
6+
url: '/blog-front/archives/list',
7+
method: 'get',
8+
params: query
9+
})
10+
}
11+
}

0 commit comments

Comments
 (0)