累了

src/views/community/PostCard.vue

@@ -19,8 +19,8 @@
 
       </div>
 
-      <div style="right: -50%;position: relative;">
-        <button class="deletebutto" @click="openModal" v-if="this.userid===this.postuserid&&!showModal">
+      <div style="right: -20%;position: relative;">
+        <button class="deletebutto" @click="openModal" v-if="this.userid==this.postuserid&&!showModal">
           ×
           删除
 

src/views/community/Postform.vue

@@ -136,8 +136,8 @@
           return;
         }
 
-      
-
+        if(this.file)
+        {
         try {
           const formData = new FormData();
 
@@ -155,6 +155,7 @@
           console.log(error);
           return;
         }
+      }
 
         const newPost = {
           userid: getUserId(),

src/views/community/trends.vue

@@ -66,8 +66,8 @@
     </div>
 
 
-    <div class=rightheat style="display: flex;flex-direction:column;">
-
+    <div class=rightheat style="display: flex;flex-direction:column;max-height: 100%;">
+      
       <div style="position:relative; top:1%; display: flex;flex-direction:row;justify-content:center;gap:15px">
         <el-icon color="red" size="30px">
           <Odometer />
@@ -123,15 +123,38 @@
 
       </div>
       <div class="familystorelist"
-        style="margin-top: 20px; display: flex; justify-content: center; flex-direction: column; gap: 10px;">
-        <div v-for="(story, index) in checkfamilystories" :key="index" class="familystore"
-          style="width: 95%; height: 70px; background-color: rgba(255, 225, 240, 0.7); border-radius: 10%; position: relative;cursor: pointer;"
-          @click="checkbypostid(story.postid)">
-          <img class="touxiang" src="story.photo" />
-          <div class="familytitle">{{ story.username }}</div>
-          <div class="familycontent">{{ story.content }}</div>
-        </div>
+      style="margin-top: 20px; display: flex; justify-content: center; flex-direction: column; gap: 10px;">
+      <div v-for="(story, index) in checkfamilystories" :key="index" class="familystore"
+          :style="{
+              width: '100%',
+              maxWidth: '600px',
+              height: '70px',
+              backgroundColor: 'rgba(255, 225, 240, 0.7)',
+              borderRadius: '10%',
+              position: 'relative',
+              cursor: 'pointer',
+              display: 'flex',
+              alignItems: 'center',
+              gap: '10px',
+              boxSizing: 'border-box'
+          }">
+          <img class="touxiang" :src="story.photo"
+              :style="{
+                  width: '40px',
+                  height: '40px',
+                  borderRadius: '50%',
+                  marginRight: '10px',
+                  float: 'left'
+              }" />
+          <div class="familytitle" :style="{ fontWeight: 'bold', fontSize: '1.1em', color: '#333' }">
+              {{ story.username }}
+          </div>
+          <div class="familycontent" :style="{ fontSize: '0.9em', color: '#555' }">
+              {{ story.content }}
+          </div>
       </div>
+  </div>
+  
 
 
     </div>
@@ -161,7 +184,7 @@
         checkPostsindex: 0,
         checkPosts: [],
         page: 1,
-        userid: 1,
+        userid:getUserId(),
         totalPages: 1,
         familystoriespage: 0,
         checkfamilystories: [],
@@ -184,6 +207,7 @@
       // 在组件实例创建时调用
 
       this.loadData();
+      
     },