修改gitgnore
This commit is contained in:
parent
0517148b5f
commit
69c9bf590e
|
|
@ -35,4 +35,4 @@ build/
|
||||||
*.log
|
*.log
|
||||||
*.exe
|
*.exe
|
||||||
*.sum
|
*.sum
|
||||||
blog
|
/Blog
|
||||||
|
|
@ -0,0 +1,85 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>#{.article.Title}</title>
|
||||||
|
<link rel="icon" href="/assets/favicon.ico" type="image/x-icon"/>
|
||||||
|
<link rel="bookmark" href="/assets/favicon.ico" type="image/x-icon"/>
|
||||||
|
<link href="/assets/vuetify-v2.6.9/vuetify-v2.6.9.min.css" rel="stylesheet"/>
|
||||||
|
<link href="/assets/vuetify-v2.6.9/materialdesignicons.min.css" rel="stylesheet">
|
||||||
|
<link href="/assets/editor-md/css/editormd.css" rel="stylesheet"/>
|
||||||
|
<script src="/assets/vue/vue.min.js"></script>
|
||||||
|
<script src="/assets/vuetify-v2.6.9/vuetify-v2.6.9.min.js"></script>
|
||||||
|
<script src="/assets/axios/axios.min.js"></script>
|
||||||
|
<script src="/assets/editor-md/lib/jquery.min.js"></script>
|
||||||
|
<script src="/assets/editor-md/lib/flowchart.min.js"></script>
|
||||||
|
<script src="/assets/editor-md/lib/prettify.min.js"></script>
|
||||||
|
<script src="/assets/editor-md/lib/marked.min.js"></script>
|
||||||
|
<script src="/assets/editor-md/editormd.min.js"></script>
|
||||||
|
<script src="/assets/moment/moment.js"></script>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
</body>
|
||||||
|
<script type="text/x-template" id="app-template">
|
||||||
|
<v-app id="inspire">
|
||||||
|
#{ render "common/bar-index.html" . }
|
||||||
|
|
||||||
|
<v-main :class="$vuetify.theme.dark?'':'grey lighten-3'">
|
||||||
|
<v-container>
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="12" xs="0" sm="0" md="2" class="d-sm-none d-md-flex d-none d-sm-flex">
|
||||||
|
#{ render "blog/introduce.html" . }
|
||||||
|
</v-col>
|
||||||
|
|
||||||
|
<v-col cols="12" xs="12" sm="12" md="10">
|
||||||
|
<v-sheet min-height="100%" style="float: left;padding: 15px;" width="100%">
|
||||||
|
<h2>#{.article.Title}</h2>
|
||||||
|
#{ if ne .article.SubTitle ""}
|
||||||
|
<v-subheader>#{.article.SubTitle}</v-subheader>
|
||||||
|
#{end}
|
||||||
|
<v-subheader>发布时间: {{ publishTime?moment(parseInt(publishTime)).format('YYYY/MM/DD'):''}}</v-subheader>
|
||||||
|
<v-divider></v-divider>
|
||||||
|
<div id="my-content" style="padding-left: 0;padding-right: 0; padding-top:10px">
|
||||||
|
<textarea id="append-test" style="display:none;">#{.content}</textarea>
|
||||||
|
</div>
|
||||||
|
</v-sheet>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</v-container>
|
||||||
|
</v-main>
|
||||||
|
#{ render "common/footer.html" . }
|
||||||
|
</v-app>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
new Vue({
|
||||||
|
el: '#app',
|
||||||
|
template: '#app-template',
|
||||||
|
data: {
|
||||||
|
group: null,
|
||||||
|
drawer: false,
|
||||||
|
loading: false,
|
||||||
|
publishTime: '#{.article.PublishTime}'
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {},
|
||||||
|
mounted() {
|
||||||
|
editormd.markdownToHTML("my-content", {
|
||||||
|
htmlDecode: "style,script,iframe", // you can filter tags decode
|
||||||
|
emoji: true,
|
||||||
|
taskList: true,
|
||||||
|
tex: true, // 默认不解析
|
||||||
|
// sequenceDiagram: true, // 默认不解析
|
||||||
|
});
|
||||||
|
|
||||||
|
},
|
||||||
|
vuetify: new Vuetify({
|
||||||
|
theme: { dark: new Date().getHours() > 20 || new Date().getHours() < 6}
|
||||||
|
}),
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,85 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>#{.article.Title}</title>
|
||||||
|
<link rel="icon" href="/assets/favicon.ico" type="image/x-icon" />
|
||||||
|
<link rel="bookmark" href="/assets/favicon.ico" type="image/x-icon" />
|
||||||
|
<link href="/assets/vuetify-v2.6.9/vuetify-v2.6.9.min.css" rel="stylesheet" />
|
||||||
|
<link href="/assets/vuetify-v2.6.9/materialdesignicons.min.css" rel="stylesheet">
|
||||||
|
<link href="/assets/editor-md/css/editormd.css" rel="stylesheet" />
|
||||||
|
<link href="/assets/prism/prism.css" rel="stylesheet" />
|
||||||
|
<script src="/assets/vue/vue.min.js"></script>
|
||||||
|
<script src="/assets/vuetify-v2.6.9/vuetify-v2.6.9.min.js"></script>
|
||||||
|
<script src="/assets/axios/axios.min.js"></script>
|
||||||
|
<script src="/assets/editor-md/lib/jquery.min.js"></script>
|
||||||
|
<script src="/assets/editor-md/editormd.js"></script>
|
||||||
|
<script src="/assets/prism/prism.js"></script>
|
||||||
|
<script src="/assets/moment/moment.js"></script>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
</body>
|
||||||
|
<script type="text/x-template" id="app-template">
|
||||||
|
<v-app id="inspire">
|
||||||
|
#{ render "common/bar-index.html" . }
|
||||||
|
|
||||||
|
<v-main :class="$vuetify.theme.dark?'':'grey lighten-3'">
|
||||||
|
<v-container>
|
||||||
|
<v-row style="height: 100%">
|
||||||
|
<v-col cols="12" xs="0" sm="12" md="2" class="d-sm-none d-md-flex d-none d-sm-flex">
|
||||||
|
#{ render "blog/introduce.html" . }
|
||||||
|
</v-col>
|
||||||
|
|
||||||
|
<v-col cols="12" xs="12" sm="12" md="10">
|
||||||
|
<v-sheet min-height="100%" style="float: left;padding: 15px;" width="100%">
|
||||||
|
<h2>#{.article.Title}</h2>
|
||||||
|
#{ if ne .article.SubTitle ""}
|
||||||
|
<v-subheader>#{.article.SubTitle}</v-subheader>
|
||||||
|
#{end}
|
||||||
|
<v-subheader>发布时间: {{ publishTime?moment(parseInt(publishTime)).format('YYYY/MM/DD'):''}}</v-subheader>
|
||||||
|
<v-divider></v-divider>
|
||||||
|
#{.content}
|
||||||
|
</v-sheet>
|
||||||
|
</v-col>
|
||||||
|
|
||||||
|
<v-col cols="12" xs="12" sm="12" md="2">
|
||||||
|
<v-sheet min-height="100%">
|
||||||
|
</v-sheet>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</v-container>
|
||||||
|
</v-main>
|
||||||
|
#{ render "common/footer.html" . }
|
||||||
|
</v-app>
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scope>
|
||||||
|
.article_content img {
|
||||||
|
max-width: 100% !important;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
new Vue({
|
||||||
|
el: '#app',
|
||||||
|
template: '#app-template',
|
||||||
|
data: {
|
||||||
|
drawer: false,
|
||||||
|
publishTime: '#{.article.PublishTime}'
|
||||||
|
},
|
||||||
|
methods: {},
|
||||||
|
vuetify: new Vuetify({
|
||||||
|
theme: { dark: new Date().getHours() > 20 || new Date().getHours() < 6}
|
||||||
|
}),
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,206 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>小辉Java</title>
|
||||||
|
<link rel="icon" href="/assets/favicon.ico" type="image/x-icon"/>
|
||||||
|
<link rel="bookmark" href="/assets/favicon.ico" type="image/x-icon"/>
|
||||||
|
<link href="/assets/vuetify-v2.6.9/vuetify-v2.6.9.min.css" rel="stylesheet"/>
|
||||||
|
<link href="/assets/vuetify-v2.6.9/materialdesignicons.min.css" rel="stylesheet">
|
||||||
|
<script src="/assets/vue/vue.min.js"></script>
|
||||||
|
<script src="/assets/vuetify-v2.6.9/vuetify-v2.6.9.min.js"></script>
|
||||||
|
<script src="/assets/axios/axios.min.js"></script>
|
||||||
|
<script src="/assets/moment/moment.js"></script>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
</body>
|
||||||
|
<script type="text/x-template" id="app-template">
|
||||||
|
<v-app id="inspire">
|
||||||
|
#{ render "common/bar-index.html" . }
|
||||||
|
|
||||||
|
<v-main :class="$vuetify.theme.dark?'':'grey lighten-3'">
|
||||||
|
<v-container>
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="12" xs="12" sm="12" md="2" offset-md="1">
|
||||||
|
#{ render "blog/introduce.html" . }
|
||||||
|
</v-col>
|
||||||
|
|
||||||
|
<v-col cols="12" xs="12" sm="12" md="6">
|
||||||
|
<v-sheet min-height="100%">
|
||||||
|
<v-list three-line class="pt-0 pb-0">
|
||||||
|
<template v-for="(item, index) in articleList">
|
||||||
|
<!--<v-subheader v-if="item.header" :key="item.header" v-text="item.header"></v-subheader> -->
|
||||||
|
|
||||||
|
<v-list-item :key="item.title" :href="`/article/view/${id}`">
|
||||||
|
<v-list-item-content>
|
||||||
|
<v-list-item-title v-html="item.title"></v-list-item-title>
|
||||||
|
<v-list-item-subtitle v-html="item.previous"></v-list-item-subtitle>
|
||||||
|
<v-list-item-subtitle>
|
||||||
|
<div>
|
||||||
|
<template v-if="item.tags">
|
||||||
|
<v-chip class="float-left" x-small
|
||||||
|
v-for="tag in item.tags.split(',')"
|
||||||
|
:color="getColor(tag)">
|
||||||
|
{{tag}}
|
||||||
|
</v-chip>
|
||||||
|
</template>
|
||||||
|
<span class="float-right"
|
||||||
|
style="margin-left: 10px;color: rgba(0,0,0,.6);">
|
||||||
|
阅读数:{{item.view}}
|
||||||
|
</span>
|
||||||
|
<span class="float-right"
|
||||||
|
style="color: rgba(0,0,0,.6);">
|
||||||
|
{{moment(item.publishTime).format('YYYY/MM/DD')}}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</v-list-item-subtitle>
|
||||||
|
|
||||||
|
</v-list-item-content>
|
||||||
|
</v-list-item>
|
||||||
|
<v-divider></v-divider>
|
||||||
|
</template>
|
||||||
|
</v-list>
|
||||||
|
</v-sheet>
|
||||||
|
<!-- <v-container class="pl-0 pr-0">
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="12" xs="12" sm="12" md="3">
|
||||||
|
<v-card>Spring Boot</v-card>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="12" xs="12" sm="12" md="3">
|
||||||
|
<v-card>Spring Cloud</v-card>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="12" xs="12" sm="12" md="3">
|
||||||
|
<v-card>Redis</v-card>
|
||||||
|
</v-col>
|
||||||
|
<v-col cols="12" xs="12" sm="12" md="3">
|
||||||
|
<v-card>Others</v-card>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</v-container> -->
|
||||||
|
|
||||||
|
</v-col>
|
||||||
|
|
||||||
|
<v-col cols="12" xs="12" sm="12" md="2">
|
||||||
|
<v-sheet min-height="100%" style="width: 100%">
|
||||||
|
<v-card>
|
||||||
|
<v-card-title class="text-h5">
|
||||||
|
正经人的日记
|
||||||
|
</v-card-title>
|
||||||
|
<v-divider></v-divider>
|
||||||
|
<v-list three-line class="pt-0" style="padding-bottom: 0;">
|
||||||
|
<template v-for="(item, index) in diaryList">
|
||||||
|
<v-list-item>
|
||||||
|
<v-list-item-content style="display: block;">
|
||||||
|
<v-list-item-title>
|
||||||
|
<div>{{moment(item.publishTime).format('YYYY/MM/DD')}}</div>
|
||||||
|
<div style="white-space: break-spaces;">{{item.content}}</div>
|
||||||
|
</v-list-item-title>
|
||||||
|
<v-list-item-subtitle>
|
||||||
|
<v-row>
|
||||||
|
<template v-if="item.images.length===1">
|
||||||
|
<v-col v-for="id in item.images" :key="id"
|
||||||
|
class="d-flex child-flex" cols="6">
|
||||||
|
<v-img :src="`/file/${id}`" aspect-ratio="1"
|
||||||
|
class="grey lighten-2">
|
||||||
|
<template v-slot:placeholder>
|
||||||
|
<v-row class="fill-height ma-0" align="center"
|
||||||
|
justify="center">
|
||||||
|
<v-progress-circular indeterminate
|
||||||
|
color="grey lighten-5"></v-progress-circular>
|
||||||
|
</v-row>
|
||||||
|
</template>
|
||||||
|
</v-img>
|
||||||
|
</v-col>
|
||||||
|
</template>
|
||||||
|
<template v-if="item.images.length>1">
|
||||||
|
<v-col v-for="id in item.images" :key="id"
|
||||||
|
class="d-flex child-flex" cols="4">
|
||||||
|
<v-img :src="`/file/${id}`" aspect-ratio="1"
|
||||||
|
class="grey lighten-2">
|
||||||
|
<template v-slot:placeholder>
|
||||||
|
<v-row class="fill-height ma-0" align="center"
|
||||||
|
justify="center">
|
||||||
|
<v-progress-circular indeterminate
|
||||||
|
color="grey lighten-5"></v-progress-circular>
|
||||||
|
</v-row>
|
||||||
|
</template>
|
||||||
|
</v-img>
|
||||||
|
</v-col>
|
||||||
|
</template>
|
||||||
|
</v-row>
|
||||||
|
</v-list-item-subtitle>
|
||||||
|
</v-list-item-content>
|
||||||
|
</v-list-item>
|
||||||
|
<v-divider></v-divider>
|
||||||
|
</template>
|
||||||
|
</v-list>
|
||||||
|
</v-card>
|
||||||
|
</v-sheet>
|
||||||
|
</v-col>
|
||||||
|
</v-row>
|
||||||
|
</v-container>
|
||||||
|
</v-main>
|
||||||
|
#{ render "common/footer.html" . }
|
||||||
|
</v-app>
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
new Vue({
|
||||||
|
el: '#app',
|
||||||
|
template: '#app-template',
|
||||||
|
data: {
|
||||||
|
drawer: false,
|
||||||
|
articleList: [],
|
||||||
|
diaryList: []
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
latestArticle() {
|
||||||
|
let ths = this;
|
||||||
|
|
||||||
|
axios.get("/article/latestArticles").then((rsp) => {
|
||||||
|
let data = rsp.data.data
|
||||||
|
ths.articleList = data
|
||||||
|
}).catch((err) => {
|
||||||
|
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
latestDiary() {
|
||||||
|
let ths = this
|
||||||
|
|
||||||
|
axios.get("/diary/latestDiary").then(rsp => {
|
||||||
|
let data = rsp.data.data
|
||||||
|
ths.diaryList = data
|
||||||
|
}).catch(err => {
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
getColor(key) {
|
||||||
|
const map = {
|
||||||
|
redis: 'red',
|
||||||
|
spring: 'green',
|
||||||
|
linux: 'blue-grey',
|
||||||
|
java: 'red accent-3',
|
||||||
|
database: 'blue accent-3'
|
||||||
|
}
|
||||||
|
console.log(map[key.toLowerCase()] || '')
|
||||||
|
return map[key.toLowerCase()] || '';
|
||||||
|
},
|
||||||
|
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.latestArticle()
|
||||||
|
},
|
||||||
|
vuetify: new Vuetify({
|
||||||
|
theme: { dark: new Date().getHours() > 20 || new Date().getHours() < 6}
|
||||||
|
}),
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,174 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>小辉Java</title>
|
||||||
|
<link rel="icon" href="/assets/favicon.ico" type="image/x-icon" />
|
||||||
|
<link rel="bookmark" href="/assets/favicon.ico" type="image/x-icon" />
|
||||||
|
<link href="/assets/vuetify-v2.6.9/vuetify-v2.6.9.min.css" rel="stylesheet" />
|
||||||
|
<link href="/assets/vuetify-v2.6.9/materialdesignicons.min.css" rel="stylesheet">
|
||||||
|
<script src="/assets/vue/vue.min.js"></script>
|
||||||
|
<script src="/assets/vuetify-v2.6.9/vuetify-v2.6.9.min.js"></script>
|
||||||
|
<script src="/assets/axios/axios.min.js"></script>
|
||||||
|
<script src="/assets/moment/moment.js"></script>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
</body>
|
||||||
|
<script type="text/x-template" id="app-template">
|
||||||
|
<v-app id="inspire">
|
||||||
|
#{ render "common/bar-index.html" . }
|
||||||
|
#{ render "common/drawer.html" . }
|
||||||
|
|
||||||
|
<v-dialog v-model="dialog">
|
||||||
|
<div style="text-align: center">
|
||||||
|
<img :src="dialogImg" style="max-width: 100%"/>
|
||||||
|
</div>
|
||||||
|
</v-dialog>
|
||||||
|
<v-main :class="$vuetify.theme.dark?'':'grey lighten-3'">
|
||||||
|
<v-container>
|
||||||
|
<v-row>
|
||||||
|
<v-col cols="12" xs="0" sm="12" md="2" offset-md="1">
|
||||||
|
#{ render "blog/introduce.html" . }
|
||||||
|
</v-col>
|
||||||
|
|
||||||
|
<v-col cols="12" xs="12" sm="12" md="6">
|
||||||
|
<v-sheet min-height="100%">
|
||||||
|
<v-list three-line class="pt-0 pb-0">
|
||||||
|
<template v-for="(item, index) in diaryList">
|
||||||
|
<!-- <v-subheader v-if="item.header" :key="item.header" v-text="item.header"></v-subheader> -->
|
||||||
|
<v-list-item>
|
||||||
|
<!-- <v-list-item-avatar>
|
||||||
|
<v-img src="/assets/images/yage.jpg"></v-img>
|
||||||
|
</v-list-item-avatar> -->
|
||||||
|
|
||||||
|
<v-list-item-content style="display: block;">
|
||||||
|
<v-list-item-title>
|
||||||
|
<div>{{moment(item.publishTime).format('YYYY/MM/DD')}}</div>
|
||||||
|
<div style="white-space: break-spaces;">{{item.content}}</div>
|
||||||
|
</v-list-item-title>
|
||||||
|
<v-list-item-subtitle>
|
||||||
|
<v-row>
|
||||||
|
<template v-if="item.images.length===1">
|
||||||
|
<v-col v-for="id in item.images" :key="id" class="d-flex child-flex" cols="6">
|
||||||
|
<v-img :src="`/file/${id}`" aspect-ratio="1" class="grey lighten-2" @click="zoomImg(id)">
|
||||||
|
<template v-slot:placeholder>
|
||||||
|
<v-row class="fill-height ma-0" align="center" justify="center">
|
||||||
|
<v-progress-circular indeterminate color="grey lighten-5"></v-progress-circular>
|
||||||
|
</v-row>
|
||||||
|
</template>
|
||||||
|
</v-img>
|
||||||
|
</v-col>
|
||||||
|
</template>
|
||||||
|
<template v-if="item.images.length>1">
|
||||||
|
<v-col v-for="id in item.images" :key="id" class="d-flex child-flex" cols="4">
|
||||||
|
<v-img :src="`/file/${id}`" aspect-ratio="1" class="grey lighten-2" @click="zoomImg(id)">
|
||||||
|
<template v-slot:placeholder>
|
||||||
|
<v-row class="fill-height ma-0" align="center" justify="center">
|
||||||
|
<v-progress-circular indeterminate color="grey lighten-5"></v-progress-circular>
|
||||||
|
</v-row>
|
||||||
|
</template>
|
||||||
|
</v-img>
|
||||||
|
</v-col>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<!-- <v-col v-for="id in item.images" :key="id" class="d-flex child-flex" cols="4">
|
||||||
|
<v-img :src="`/file/${r'${id}'}`" aspect-ratio="1" class="grey lighten-2" @click="zoomImg(id)">
|
||||||
|
<template v-slot:placeholder>
|
||||||
|
<v-row class="fill-height ma-0" align="center" justify="center">
|
||||||
|
<v-progress-circular indeterminate color="grey lighten-5"></v-progress-circular>
|
||||||
|
</v-row>
|
||||||
|
</template>
|
||||||
|
</v-img>
|
||||||
|
</v-col> -->
|
||||||
|
</v-row>
|
||||||
|
</v-list-item-subtitle>
|
||||||
|
</v-list-item-content>
|
||||||
|
</v-list-item>
|
||||||
|
<v-divider></v-divider>
|
||||||
|
</template>
|
||||||
|
</v-list>
|
||||||
|
</v-sheet>
|
||||||
|
</v-col>
|
||||||
|
|
||||||
|
<v-col cols="12" xs="12" sm="12" md="2">
|
||||||
|
<v-sheet min-height="100%">
|
||||||
|
|
||||||
|
</v-sheet>
|
||||||
|
</v-col>
|
||||||
|
|
||||||
|
|
||||||
|
</v-row>
|
||||||
|
</v-container>
|
||||||
|
#{ render "common/footer.html" . }
|
||||||
|
|
||||||
|
</v-main>
|
||||||
|
</v-app>
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scope>
|
||||||
|
.v-dialog {
|
||||||
|
box-shadow: unset;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
new Vue({
|
||||||
|
el: '#app',
|
||||||
|
template: '#app-template',
|
||||||
|
data: {
|
||||||
|
drawer: false,
|
||||||
|
dialog: false,
|
||||||
|
dialogImg: null,
|
||||||
|
diaryList: [],
|
||||||
|
imgList: []
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
zoomImg(id) {
|
||||||
|
this.dialog = true
|
||||||
|
this.dialogImg = '/file/' + id
|
||||||
|
},
|
||||||
|
|
||||||
|
latestDiary() {
|
||||||
|
let ths = this
|
||||||
|
|
||||||
|
axios.get("/diary/latest").then(rsp => {
|
||||||
|
let data = rsp.data.data
|
||||||
|
return data
|
||||||
|
}).then((data) => {
|
||||||
|
data.forEach(item => {
|
||||||
|
let imgList = []
|
||||||
|
let images = item.images.split(",")
|
||||||
|
images.forEach(img => {
|
||||||
|
if(img){
|
||||||
|
imgList.push(img)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
item.images = imgList
|
||||||
|
// console.log(imgList);
|
||||||
|
});
|
||||||
|
// console.log(data);
|
||||||
|
ths.diaryList = data
|
||||||
|
}).catch(err => {
|
||||||
|
})
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.latestDiary();
|
||||||
|
|
||||||
|
},
|
||||||
|
vuetify: new Vuetify({
|
||||||
|
theme: { dark: new Date().getHours() > 20 || new Date().getHours() < 6}
|
||||||
|
}),
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,55 @@
|
||||||
|
<v-card tile>
|
||||||
|
<template slot="progress">
|
||||||
|
<v-progress-linear color="deep-purple" height="10" indeterminate></v-progress-linear>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<v-hover v-slot="{ hover }">
|
||||||
|
<v-img height="250" src="/assets/images/logo.jpg">
|
||||||
|
<v-expand-transition>
|
||||||
|
<div v-if="hover" class="d-flex transition-fast-in-fast-out white darken-2 v-card--reveal"
|
||||||
|
style="align-items: center;justify-content: center;height: 100%">
|
||||||
|
愿各位早日成为正式员工
|
||||||
|
</div>
|
||||||
|
</v-expand-transition>
|
||||||
|
</v-img>
|
||||||
|
</v-hover>
|
||||||
|
|
||||||
|
<v-card-title>对不起我是外包</v-card-title>
|
||||||
|
|
||||||
|
<v-card-text>
|
||||||
|
我是一个外包
|
||||||
|
<br>
|
||||||
|
工作了7年有余的外包
|
||||||
|
<br>
|
||||||
|
当然,你也可以叫我黄老弟
|
||||||
|
<br>
|
||||||
|
我有个朋友他叫鸭哥,大数据领域泰斗
|
||||||
|
<br>
|
||||||
|
还有一个大佬叫超哥,行业顶尖人才
|
||||||
|
<br>
|
||||||
|
而我,就一废物
|
||||||
|
</v-card-text>
|
||||||
|
|
||||||
|
<v-divider class="mx-4"></v-divider>
|
||||||
|
<!-- <v-card-title>职业技能</v-card-title> -->
|
||||||
|
|
||||||
|
<v-card-text>
|
||||||
|
至于这个博客嘛,人活一辈子总要留点什么给在世上,证明自己来过
|
||||||
|
<!-- <v-chip-group active-class="deep-purple accent-4 white--text" column>
|
||||||
|
<v-chip>迟到早退</v-chip>
|
||||||
|
<v-chip>公司流量下片</v-chip>
|
||||||
|
<v-chip>上班打游戏，摸鱼怠工</v-chip>
|
||||||
|
<v-chip>偷甲方零食饮料</v-chip>
|
||||||
|
<v-chip>故意留坑</v-chip>
|
||||||
|
<v-chip>删库跑路</v-chip>
|
||||||
|
<v-chip>罪大恶极,罄竹难书</v-chip>
|
||||||
|
</v-chip-group> -->
|
||||||
|
</v-card-text>
|
||||||
|
|
||||||
|
<v-card-actions>
|
||||||
|
<!-- 甲方克星
|
||||||
|
<v-btn color="deep-purple lighten-2" text>
|
||||||
|
Reserve
|
||||||
|
</v-btn> -->
|
||||||
|
</v-card-actions>
|
||||||
|
</v-card>
|
||||||
Loading…
Reference in New Issue