shaogen1995 3 年之前
父节点
当前提交
2da6ddabaf
共有 7 个文件被更改,包括 227 次插入93 次删除
  1. 二进制
      web/src/assets/img/like.png
  2. 二进制
      web/src/assets/img/likeC.png
  3. 1 1
      web/src/pages/Home.vue
  4. 84 1
      web/src/utils/api.js
  5. 45 34
      web/src/views/tab6/list.vue
  6. 14 6
      web/src/views/tab6/look.vue
  7. 83 51
      web/src/views/tab7/index.vue

二进制
web/src/assets/img/like.png


二进制
web/src/assets/img/likeC.png


+ 1 - 1
web/src/pages/Home.vue

@@ -252,7 +252,7 @@ export default {
     overflow: hidden;
     transition: all 0.3s;
     display: flex;
-    z-index: 99;
+    z-index: 100;
     position: absolute;
     top: 0;
     left: 0;

文件差异内容过多而无法显示
+ 84 - 1
web/src/utils/api.js


+ 45 - 34
web/src/views/tab6/list.vue

@@ -29,43 +29,46 @@
           <div class="con_tit_three">回复数</div>
           <div class="con_tit_four">最后发表</div>
         </div>
-        <div
-          class="con_tit con_tit2"
-          v-for="item in data"
-          :key="item.id"
-          @click="skip(item)"
-        >
-          <div class="con_tit_one" :title="item.title">
-            {{ item.title }}
-          </div>
-          <div class="con_tit_tow" :title="item.creatorName">
-            {{ item.creatorName }}
-          </div>
-          <div class="con_tit_three" :title="item.reply">
-            {{ item.reply ? item.reply : 0 }}
-          </div>
+        <div class="hint" v-if="data.length===0">暂 无 数 据</div>
+        <template v-else>
           <div
-            class="con_tit_four"
-            :title="`${item.replyName ? item.replyName : item.creatorName} ${
-              item.replyTime ? item.replyTime : item.updateTime
-            }`"
+            class="con_tit con_tit2"
+            v-for="item in data"
+            :key="item.id"
+            @click="skip(item)"
           >
-            {{
-              item.replyName
-                ? item.replyName.length > 5
-                  ? item.replyName.substring(0, 5) + "..."
-                  : item.replyName
-                : item.creatorName.length > 5
-                ? item.creatorName.substring(0, 5) + "..."
-                : item.creatorName
-            }}
-            {{
-              item.replyTime
-                ? item.replyTime.substring(0, 10)
-                : item.updateTime.substring(0, 10)
-            }}
+            <div class="con_tit_one" :title="item.title">
+              {{ item.title }}
+            </div>
+            <div class="con_tit_tow" :title="item.creatorName">
+              {{ item.creatorName }}
+            </div>
+            <div class="con_tit_three" :title="item.reply">
+              {{ item.reply ? item.reply : 0 }}
+            </div>
+            <div
+              class="con_tit_four"
+              :title="`${item.replyName ? item.replyName : item.creatorName} ${
+                item.replyTime ? item.replyTime : item.updateTime
+              }`"
+            >
+              {{
+                item.replyName
+                  ? item.replyName.length > 5
+                    ? item.replyName.substring(0, 5) + "..."
+                    : item.replyName
+                  : item.creatorName.length > 5
+                  ? item.creatorName.substring(0, 5) + "..."
+                  : item.creatorName
+              }}
+              {{
+                item.replyTime
+                  ? item.replyTime.substring(0, 10)
+                  : item.updateTime.substring(0, 10)
+              }}
+            </div>
           </div>
-        </div>
+        </template>
       </div>
       <!-- 分页 -->
       <div class="paging">
@@ -376,6 +379,14 @@ export default {
       }
     }
     .con_list {
+      .hint {
+        text-align: center;
+        font-size: 36px;
+        width: 100%;
+        height: 100px;
+        line-height: 100px;
+      }
+
       .con_tit {
         display: flex;
         font-weight: 700;

+ 14 - 6
web/src/views/tab6/look.vue

@@ -22,7 +22,7 @@
       >
     </div>
     <!-- 下部内容 -->
-    <div class="conten" v-if="lookInfo.title">
+    <div class="conten">
       <div class="con_listFir">
         <div class="con_tit_post" @click="rollBottom">回帖</div>
         <!-- 第一行帖子内容 -->
@@ -42,7 +42,7 @@
                 <img
                   :src="
                     require(`@/assets/img/${
-                      lookInfo.flag ? 'likeAc' : 'like'
+                      lookInfo.flag ? 'likeAc' : 'likeC'
                     }.png`)
                   "
                   alt=""
@@ -54,7 +54,8 @@
         </div>
       </div>
       <!-- 回帖内容 -->
-      <div class="con_list">
+      <div class="hint" v-if="dataList.length===0">暂 无 回 帖</div>
+      <div class="con_list" v-else>
         <div class="con_row" v-for="item in dataList" :key="item.id">
           <div class="con_row_left">
             <img src="../../assets/img/noneTX.png" alt="" />
@@ -69,7 +70,7 @@
               <div class="row_bottom_like" @click="clickLike(item.id)">
                 <img
                   :src="
-                    require(`@/assets/img/${item.flag ? 'likeAc' : 'like'}.png`)
+                    require(`@/assets/img/${item.flag ? 'likeAc' : 'likeC'}.png`)
                   "
                   alt=""
                 />
@@ -338,7 +339,7 @@ export default {
     // 改变主题顶部分类
     this.formData.type = this.lookInfo.type;
     this.formData.parentId = this.lookInfo.id;
-    // 去除临时存储的点赞数据
+    // 获取临时存储的点赞数据
     let temp1 = sessionStorage.getItem("clickLikeOne");
     if (temp1) this.likeFlagOne = JSON.parse(temp1);
     let temp2 = sessionStorage.getItem("clickLike");
@@ -412,7 +413,7 @@ export default {
     width: 100%;
     padding: 30px 300px 20px 300px;
     background: url("../../assets/img/tabBg.png");
-    background-size: 100% 100%;
+    background-size: 100%;
     .con_listFir {
       position: relative;
       padding: 0px 80px 20px;
@@ -506,6 +507,13 @@ export default {
         }
       }
     }
+    .hint {
+      text-align: center;
+      font-size: 36px;
+      width: 100%;
+      height: 100px;
+      line-height: 100px;
+    }
     .con_list {
       .con_row {
         display: flex;

文件差异内容过多而无法显示
+ 83 - 51
web/src/views/tab7/index.vue