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

메인 컴포넌트 추가가

Browse Source
This commit is contained in:
khj0414 2025-04-01 10:27:03 +09:00
parent f054467887
commit 5abf73892b
3 changed files with 111 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/components/main/MainVote.vue Normal file
View File

@ -0,0 +1,53 @@
<template>
<div class="col-md-6 col-lg-4 col-xl-4 order-0 mb-6">
<div class="card h-100">
<div class="card-header d-flex justify-content-between">
<div class="card-title mb-0">
<h5 class="mb-1 me-2">투표진행</h5>
</div>
</div>
<div class="card-body">
<ul class="p-0 m-0">
<li class="d-flex align-items-center mb-5">
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
<div class="me-2">
<div class="d-flex flex-wrap align-items-center">
<div class="avatar avatar-sm me-2">
<img src="../../assets/img/avatars/1.png" alt="Avatar" class="rounded-circle"
@error="$event.target.src = '/img/icons/icon.png'">
</div>
<div>
<p class="mb-0 fw-medium">12월 회식투표</p>
</div>
</div>
<small>2025-01-02 11:20~2025-01-02 11:20</small>
</div>
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
<div class="me-2">
<div class="d-flex flex-wrap align-items-center">
<div class="avatar avatar-sm me-2">
<img src="../../assets/img/avatars/1.png" alt="Avatar" class="rounded-circle"
@error="$event.target.src = '/img/icons/icon.png'">
</div>
<div>
<p class="mb-0 fw-medium">커피타임 장소 투표해요</p>
</div>
</div>
<small>2025-01-02 11:20~2025-01-02 11:20</small>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</template>
<script setup>
</script>
<style scoped>
</style>

45
src/components/main/MainWordDict.vue Normal file
View File

@ -0,0 +1,45 @@
<template>
<div class="col-md-6 col-lg-4 col-xl-4 order-0 mb-6">
<div class="card h-100">
<div class="card-header d-flex justify-content-between">
<div class="card-title mb-0">
<h5 class="mb-1 me-2">용어집</h5>
</div>
</div>
<div class="card-body">
<ul class="p-0 m-0">
<li class="d-flex align-items-center mb-5">
<div class="avatar flex-shrink-0 me-3">
<span class="avatar-initial rounded bg-label-primary"><span class="avatar-initial rounded bg-label-primary"><span class="avatar-initial rounded bg-label-primary">it</span></span></span>
</div>
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
<div class="me-2">
<h6 class="mb-0">css</h6>
<small>class 주는방법은 ...</small>
</div>
</div>
</li>
<li class="d-flex align-items-center mb-5">
<div class="avatar flex-shrink-0 me-3">
<span class="avatar-initial rounded bg-label-primary"><span class="avatar-initial rounded bg-label-primary"><span class="avatar-initial rounded bg-label-primary">it</span></span></span>
</div>
<div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
<div class="me-2">
<h6 class="mb-0">css</h6>
<small>class 주는방법은 ...</small>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</template>
<script setup>
</script>
<style scoped>
</style>

12
src/views/MainView.vue
View File

@ -2,12 +2,24 @@
<div class="container-xxl flex-grow-1 container-p-y pb-0">
<MainEventCalendar />
<MemberManagement v-if="isAdmin" />
<div class="row mt-4">
<!-- 게시판 -->
<!-- 용어집 -->
<main-word-dict />
<!-- 투표 -->
<main-vote />
</div>
</div>
</template>
<script setup>
import MainEventCalendar from '@/components/main/MainEventCalendar.vue';
import MemberManagement from '@/components/main/MemberManagement.vue';
import MainWordDict from '@c/main/MainWordDict.vue';
import MainVote from '@c/main/MainVote.vue';
import { useUserInfoStore } from '@/stores/useUserInfoStore';
import { inject, onMounted, ref } from 'vue';
import $api from '@api';