localnet/localhost-front
10
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of http://192.168.0.251:3000/localnet/localhost-front

Browse Source
This commit is contained in:
kimdaae328 2024-12-17 13:13:37 +09:00
commit 77f6dc4297
3 changed files with 38 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
package.json
View File

@ -4,8 +4,8 @@
"private": true,
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"dev": "vite --host 0.0.0.0 --mode dev",
"build": "vite build --mode prod",
"preview": "vite preview",
"lint": "eslint . --fix",
"format": "prettier --write src/"

41
src/components/board/BoardComment.vue
View File

@ -2,21 +2,29 @@
<ul class="list-unstyled">
<li>
<BoardProfile profileName=곤데리 :showDetail="false" />
<div>저도 궁금합니다.</div>
<div class="mt-2">저도 궁금합니다.</div>
<button type="button" class="btn btn-text-primary" @click="toggleComment">답변달기</button>
<BoardComentArea v-if="comment" />
<ul class="list-unstyled twoDepth">
<li>
<BoardProfile profileName=곤데리2 :showDetail="false" />
<div>저도 궁금합니다.</div>
<div class="mt-2">저도 궁금합니다.</div>
<button type="button" class="btn btn-text-primary" @click="toggleComment">답변달기</button>
<BoardComentArea v-if="comment" />
</li>
</ul>
</li>
<li>
<BoardProfile profileName=곤데리 :showDetail="false" />
<div>저도 궁금합니다.</div>
<div class="mt-2">저도 궁금합니다.</div>
<button type="button" class="btn btn-text-primary" @click="toggleComment">답변달기</button>
<BoardComentArea v-if="comment" />
</li>
<li>
<BoardProfile profileName=곤데리 :showDetail="false" :unknown="false"/>
<div>저도 궁금합니다.</div>
<div class="mt-2">저도 궁금합니다.</div>
<button type="button" class="btn btn-text-primary" @click="toggleComment">답변달기</button>
<BoardComentArea v-if="comment" />
</li>
</ul>
<div>페이지네이션2</div>
@ -25,12 +33,33 @@
<script setup>
import BoardProfile from './BoardProfile.vue';
import BoardComentArea from './BoardComentArea.vue';
import { ref, computed } from 'vue';
const comment = ref(false);
const toggleComment = () => {
comment.value = !comment.value
};
</script>
<style scoped>
.twoDepth {
margin-top: 20px;
padding-left: 20px;
margin-top: 10px;
padding-left: 40px;
}
.list-unstyled > li ~ li {
margin-top: 10px;
}
.btn-text-primary {
padding-left: 0;
}
.btn-text-primary:hover,
.btn-text-primary:active,
.btn-text-primary:focus {
background-color: transparent
}
</style>

2
src/views/board/BoardWrite.vue
View File

@ -45,7 +45,7 @@ import FormFile from '@c/input/FormFile.vue';
import { ref } from 'vue';
import router from '@/router';
const categoryList = ['자유', '임시', '공지사항'];
const categoryList = ['자유', '익명', '공지사항'];
const title = ref('');
const password = ref('');