.

components/post/promotionRecordList.vue

@@ -1,11 +1,11 @@
 <template>
-	<view class="promotionRecordList">
-		<view class="item" v-for="(item, index) in list"
-		@click="$utils.navigateTo('/publish/postDetail?id=123')"
-		:key="index">
-			<image src="/static/image/center/1.png" style="width: 40%"></image>
-			<view class="text">
-		    <view>
+  <view class="promotionRecordList">
+    <view class="item" v-for="(item, index) in list"
+          @click="$utils.navigateTo('/publish/postDetail?id=123')"
+          :key="index">
+      <image src="/static/image/center/1.png" style="width: 40%"></image>
+      <view class="text">
+        <view>
           <view class="title">
             {{ item.title }}
           </view>
@@ -26,84 +26,94 @@
             推广时间：{{ item.createTime }}
           </view>
         </view>
-			</view>
-		</view>
-	</view>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-	export default {
-		name:"promotionRecordList",
-		props : ['list'],
-		data() {
-			return {
-
-			};
-		}
-	}
+export default {
+  name: "promotionRecordList",
+  props: ['list'],
+  data() {
+    return {};
+  }
+}
 </script>
 
 <style lang="scss" scoped>
-.promotionRecordList{
+.promotionRecordList {
   width: 90%;
-	.item{
-		height: 220rpx;
-		width: 100%;
-		background-color: #fff;
-		overflow: hidden;
-		border-radius: 10rpx;
-		color: #777;
-		display: flex;
-		font-size: 24rpx;
-		margin: 30rpx 0;
-		image{
-			width: 50%;
-			height: 100%;
-		}
-		.text{
-			display: flex;
-			flex-direction: column;
+
+  .item {
+    height: 220rpx;
+    width: 100%;
+    background-color: #fff;
+    overflow: hidden;
+    border-radius: 10rpx;
+    color: #777;
+    display: flex;
+    font-size: 24rpx;
+    margin: 30rpx 0;
+    /* 为第一个.item设置不同的上边距 */
+    &.first-item {
+      margin-top: 0; /* 可以根据需要调整数值 */
+    }
+
+    image {
+      width: 50%;
+      height: 100%;
+    }
+
+    .text {
+      display: flex;
+      flex-direction: column;
       justify-content: space-around;
-			padding: 10rpx 0 10rpx 16rpx;
-			width: 52%;
-			.title{
-				font-size: 30rpx;
-				font-weight: 600;
-				color: #000;
-			}
-			.createBy{
-				display: flex;
-				justify-content: space-between;
-				&>view{
-					display: flex;
-					align-items: center;
-					justify-content: center;
-				}
-			}
-      .isPay{
+      padding: 10rpx 0 10rpx 16rpx;
+      width: 52%;
+
+      .title {
+        font-size: 30rpx;
+        font-weight: 600;
+        color: #000;
+      }
+
+      .createBy {
         display: flex;
-        color: #7395f4;
         justify-content: space-between;
-        &>view{
+
+        & > view {
           display: flex;
           align-items: center;
           justify-content: center;
         }
       }
 
-      .createTime{
+      .isPay {
         display: flex;
+        color: #7395f4;
         justify-content: space-between;
-        &>view{
+
+        & > view {
           display: flex;
           align-items: center;
           justify-content: center;
         }
       }
 
+      .createTime {
+        display: flex;
+        justify-content: space-between;
+
+        & > view {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+      }
 
 
-		}
-	}
+    }
+  }
 }
 </style>

pages/mine/promotionRecord.vue

@@ -120,12 +120,13 @@ export default {
       border-radius: 20rpx;
 
       .date {
-        font-size: 28rpx;
+        font-size: 25rpx;
         display: flex;
         align-items: center;
         width: 80%;
         height: 100%;
         color: #b0b2b3;
+
       }
 
       .image {
@@ -137,7 +138,7 @@ export default {
 
 
   .publishListClass {
-    margin-top: 30rpx;
+    margin-top: 10rpx;
     height: calc(100vh - 200rpx);
     overflow: auto;
     width: 100%;