Commit @3216b5fee4d1e96fe32b5027ede0a2202772b877

박정하 03-21

250321 박정하 메인화면 빈 게시물 처리

@3216b5fee4d1e96fe32b5027ede0a2202772b877

1b9a878

3216b5f

client/views/pages/main/Main.vue

--- client/views/pages/main/Main.vue

+++ client/views/pages/main/Main.vue


                   </div>
                 </div>
               </div>
-            </div>
-            <!-- 게시물이 없는 경우 -->
-            <div class="new-pic">
-              <div class="box-wrap">
-                <div class="box">
-                  <img :src="noimg" class="tab-image" />
-                  <div class="info">
-                    <p>등록된 게시물이 없습니다.</p>
-                  </div>
-                </div>
-              </div>
-              <div class="box-wrap">
-                <div class="box">
-                  <img :src="noimg" class="tab-image" />
-                  <div class="info">
-                    <p>등록된 게시물이 없습니다.</p>
-                  </div>
-                </div>
-              </div>
-              <div class="box-wrap">
+              <!-- 게시물이 없는 경우 -->
+              <div v-for="i in Math.max(0, 3 - tabContent.list.length)" :key="`empty-${i}`" class="box-wrap">
                 <div class="box">
                   <img :src="noimg" class="tab-image" />
                   <div class="info">

             <span>{{ mediaContent.date }}</span>
           </div>
         </div>
-      </div>
-      <!-- 게시글이 없는 경우 -->
-      <div class="media-wrap">
-        <div  class="media-box">
-          <img :src="nomedia" :alt="mediaContent.title" class="media-image" />
-          <div class="info">
-            <p>등록된 게시글이 없습니다.</p>
-          </div>
-        </div>
-        <div  class="media-box">
+        <!-- 게시글이 없는 경우 -->
+        <div v-for="i in Math.max(0, 2 - mediaContent.length)" :key="`empty-${i}`" class="media-box">
           <img :src="nomedia" :alt="mediaContent.title" class="media-image" />
           <div class="info">
             <p>등록된 게시글이 없습니다.</p>

           <p>{{ bodoContent.content }}</p>
           <span>{{ bodoContent.date }}</span>
         </li>
-      </ul>
-      <!-- 게시글이 없는 경우 -->
-      <ul>
-        <li  class="info">
+        <!-- 게시글이 없는 경우 -->
+        <li v-if="bodoContent.length < 1" class="info">
           <img :src="nobodo" alt="">
         </li>
       </ul>

Add a comment

Open 0
Closed 0

List

...	...	@@ -75,26 +75,8 @@
75	75	</div>
76	76	</div>
77	77	</div>
78		- </div>
79		- <!-- 게시물이 없는 경우 -->
80		- <div class="new-pic">
81		- <div class="box-wrap">
82		- <div class="box">
83		- <img :src="noimg" class="tab-image" />
84		- <div class="info">
85		- <p>등록된 게시물이 없습니다.</p>
86		- </div>
87		- </div>
88		- </div>
89		- <div class="box-wrap">
90		- <div class="box">
91		- <img :src="noimg" class="tab-image" />
92		- <div class="info">
93		- <p>등록된 게시물이 없습니다.</p>
94		- </div>
95		- </div>
96		- </div>
97		- <div class="box-wrap">
	78	+ <!-- 게시물이 없는 경우 -->
	79	+ <div v-for="i in Math.max(0, 3 - tabContent.list.length)" :key="`empty-${i}`" class="box-wrap">
98	80	<div class="box">
99	81	<img :src="noimg" class="tab-image" />
100	82	<div class="info">
...	...	@@ -122,16 +104,8 @@
122	104	<span>{{ mediaContent.date }}</span>
123	105	</div>
124	106	</div>
125		- </div>
126		- <!-- 게시글이 없는 경우 -->
127		- <div class="media-wrap">
128		- <div class="media-box">
129		- <img :src="nomedia" :alt="mediaContent.title" class="media-image" />
130		- <div class="info">
131		- <p>등록된 게시글이 없습니다.</p>
132		- </div>
133		- </div>
134		- <div class="media-box">
	107	+ <!-- 게시글이 없는 경우 -->
	108	+ <div v-for="i in Math.max(0, 2 - mediaContent.length)" :key="`empty-${i}`" class="media-box">
135	109	<img :src="nomedia" :alt="mediaContent.title" class="media-image" />
136	110	<div class="info">
137	111	<p>등록된 게시글이 없습니다.</p>
...	...	@@ -149,10 +123,8 @@
149	123	<p>{{ bodoContent.content }}</p>
150	124	<span>{{ bodoContent.date }}</span>
151	125	</li>
152		- </ul>
153		- <!-- 게시글이 없는 경우 -->
154		- <ul>
155		- <li class="info">
	126	+ <!-- 게시글이 없는 경우 -->
	127	+ <li v-if="bodoContent.length < 1" class="info">
156	128	<img :src="nobodo" alt="">
157	129	</li>
158	130	</ul>

Delete comment