mindol1004/real-world-springboot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat : render articles

Browse Source
This commit is contained in:
kms
2022-11-23 23:04:47 +09:00
parent 59d0f6c97d
commit 8f30ee0a19
1 changed files with 27 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/vite-frontend/src/views/TheHome.vue
View File

@@ -24,32 +24,25 @@
</ul>
</div>
<div v-for = "(art,index2) in articles.article">
{{ art }} : {{index2}}
{{art.slug}}
!!
</div>
<!--
<div class="article-preview">
<div class="article-meta">
<a href="profile.html"><img :src="data.author.image"/></a>
<div class="info">
<a href="" class="author">{{data.author.username}}</a>
<span class="date">202202020</span>
<div v-for = "art in articles.article">
<div class="article-preview">
<div class="article-meta">
<a href="profile.html"><img :src="art.author.image"/></a>
<div class="info">
<a href="" class="author">{{art.author.username}}</a>
<span class="date">{{ art.createdAt }}</span>
</div>
<button class="btn btn-outline-primary btn-sm pull-xs-right">
<i class="ion-heart"></i> {{art.favoritesCount}}
</button>
</div>
<button class="btn btn-outline-primary btn-sm pull-xs-right">
<i class="ion-heart"></i> {{data.favoritesCount}}
</button>
<a href="" class="preview-link">
<h1>{{art.title}}</h1>
<p>{{art.description}}</p>
<span>Read more...</span>
</a>
</div>
<a href="" class="preview-link">
{{data.description}}
<span>Read more...</span>
</a>
</div>
-->
</div>
@@ -87,7 +80,17 @@ export default {
const url = import.meta.env.VITE_BASE_URL;
const articles = reactive({
article: {art:{slug: String}},
article: {art:{
slug: String,
title: String,
description: String,
favoritesCount: Number,
createdAt: String,
author: {
username: String,
image: String
}
}},
articlesCount: "",
})