ソースを参照

Scaffold heart-button and add component to thread-post

sbkwgh 8 年 前
コミット
9a79654cd6
2 ファイル変更22 行追加1 行削除
  1. 18 0
      src/components/HeartButton.vue
  2. 4 1
      src/components/ThreadPost.vue

+ 18 - 0
src/components/HeartButton.vue

@@ -0,0 +1,18 @@
+<template>
+	<label class='heart_button'>
+
+	</label>
+</template>
+
+<script>
+	export default {
+		name: 'HeartButton',
+		props: ['value']
+	}
+</script>
+
+<style lang='scss' scoped>
+	.heart_button {
+
+	}
+</style>

+ 4 - 1
src/components/ThreadPost.vue

@@ -37,6 +37,7 @@
 					:hover='hover'
 					@click='$emit("goToPost", reply.postNumber)'
 				></post-reply>
+				<heart-button />
 			</div>
 			<div
 				class='post__footer_group'>
@@ -55,6 +56,7 @@
 
 <script>
 	import PostReply from './PostReply'
+	import HeartButton from './HeartButton'
 	import ModalWindow from './ModalWindow'
 	import FancyInput from './FancyInput'
 	import ReplyingTo from './ReplyingTo'
@@ -70,7 +72,8 @@
 			ModalWindow,
 			FancyInput,
 			ReplyingTo,
-			AvatarIcon
+			AvatarIcon,
+			HeartButton
 		},
 		data () {
 			let post = this.post