点赞记录页面

pages/like/index.less

@@ -1 +1,36 @@
-/* pages/like/index.wxss */
+.like {
+  .notes {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 20rpx 40rpx;
+    border-bottom: 1px solid #D8D8D8;
+
+    .avatar {
+      width: 80rpx;
+      height: 80rpx;
+      border-radius: 50%;
+      background-color: skyblue;
+    }
+
+    .body {
+      flex: 1;
+      margin-left: 24rpx;
+      .nickName {
+        font-size: 30rpx;
+      }
+
+      .date {
+        margin-top: 6rpx;
+        font-size: 24rpx;
+      }
+    }
+
+    .cover {
+      width: 134rpx;
+      height: 74rpx;
+      border-radius: 10rpx;
+      background-color: skyblue;
+    }
+  }
+}

pages/like/index.wxml

@@ -1 +1,22 @@
-<view class="like"></view>
+<view class="like">
+  <view class="notes">
+    <image src="/static/stars-1.png" class="avatar" />
+    <view class="body">
+      <view class="nickName">帅气席尔瓦去</view>
+      <view class="date">
+        赞了你的视频 2023-3-14
+      </view>
+    </view>
+    <image src="/static/heart_colored.png" class="cover" />
+  </view>
+  <view class="notes">
+    <image src="/static/stars-1.png" class="avatar" />
+    <view class="body">
+      <view class="nickName">帅气席尔瓦去</view>
+      <view class="date">
+        赞了你的视频<text style="margin-left:20rpx">2023-3-14</text>
+      </view>
+    </view>
+    <image src="/static/heart_colored.png" class="cover" />
+  </view>
+</view>

pages/like/index.wxss

@@ -1 +1,30 @@
-/* pages/like/index.wxss */
+.like .notes {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20rpx 40rpx;
+  border-bottom: 1px solid #D8D8D8;
+}
+.like .notes .avatar {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 50%;
+  background-color: skyblue;
+}
+.like .notes .body {
+  flex: 1;
+  margin-left: 24rpx;
+}
+.like .notes .body .nickName {
+  font-size: 30rpx;
+}
+.like .notes .body .date {
+  margin-top: 6rpx;
+  font-size: 24rpx;
+}
+.like .notes .cover {
+  width: 134rpx;
+  height: 74rpx;
+  border-radius: 10rpx;
+  background-color: skyblue;
+}