我的模块完成，朋友圈需要添加功能

pages.json

@@ -109,6 +109,20 @@
 				"navigationBarBackgroundColor": "#ffffff"
 			}
 		},
+		{
+			"path": "pages/my-index/meeting-record/index",
+			"style": {
+				"navigationBarTitleText": "会议记录",
+				"navigationBarBackgroundColor": "#ffffff"
+			}
+		},
+		{
+			"path": "pages/my-index/meeting-record/details",
+			"style": {
+				"navigationBarTitleText": "会议详情",
+				"navigationBarBackgroundColor": "#ffffff"
+			}
+		},
 		{
 			"path": "pages/my-index/customer-service/index",
 			"style": {

pages/my-index/collection/index.vue

@@ -29,7 +29,29 @@
         </view>
       </view>
     </view>
-    我的收藏
+
+    <!-- <cb-empty name="暂无收藏"></cb-empty> -->
+    <view class="list-box">
+      <view v-for="item in 3" :key="item" class="card-box">
+        <view class="top-item">
+          <view class="left-box">
+            <text>这是收藏的文案标题</text>
+            <text class="text">
+              这是收藏这是收藏的文这是收藏的文案这是收藏的案这是案这是文案这是收
+            </text>
+          </view>
+          <!-- <image
+            src="/static/images/my-index/text-icon.png"
+            mode="heightFix"
+            class="right-img"
+          ></image> -->
+        </view>
+        <view class="date-box">
+          <text>Admin</text>
+          <text>2月17日</text>
+        </view>
+      </view>
+    </view>
   </view>
 </template>
 
@@ -41,4 +63,58 @@
     padding: 24rpx;
     background: #ffffff;
   }
+
+  .list-box {
+    padding: 32rpx 24rpx;
+    .card-box + .card-box {
+      margin-top: 16rpx;
+    }
+    .card-box {
+      font-family: PingFang SC, PingFang SC;
+      font-style: normal;
+      text-transform: none;
+      border-radius: 16rpx;
+      background: #ffffff;
+      padding: 32rpx;
+      .top-item {
+        display: flex;
+        justify-content: space-between;
+        .left-box {
+          display: flex;
+          flex-direction: column;
+          text {
+            font-weight: 500;
+            font-size: 28rpx;
+            color: #333333;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 1;
+            line-clamp: 1;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            word-break: break-all; // 可选：确保长单词也能换行
+          }
+          .text {
+            font-size: 24rpx;
+            color: #999999;
+            margin-top: 16rpx;
+            -webkit-line-clamp: 2;
+            line-clamp: 2;
+          }
+        }
+        .right-img {
+          height: 112rpx;
+          flex-shrink: 0;
+        }
+      }
+      .date-box {
+        display: flex;
+        justify-content: space-between;
+        font-weight: 500;
+        font-size: 24rpx;
+        color: #999999;
+        margin-top: 20rpx;
+      }
+    }
+  }
 </style>

pages/my-index/meeting-record/details.vue

@@ -0,0 +1,144 @@
+<script setup>
+  import { onLoad } from '@dcloudio/uni-app'
+
+  onLoad(e => {
+    console.log(e, '==')
+  })
+</script>
+
+<template>
+  <view class="details-index">
+    <view class="top-name">
+      <text class="title">Admin的视频的会议</text>
+      <view class="date-box">
+        <image
+          src="/static/images/my-index/date-icon.png"
+          mode="heightFix"
+          class="icon-img"
+        ></image>
+        <text class="des">12月14日(周五) 13:45-16:09</text>
+      </view>
+      <view class="id-box">
+        <image
+          src="/static/images/my-index/id-icon.png"
+          mode="heightFix"
+          class="icon-img"
+        ></image>
+        <text class="des">会议ID：8755 8445</text>
+      </view>
+      <view class="user-box">
+        <view class="user-text">
+          <image
+            src="/static/images/my-index/user-icon.png"
+            mode="heightFix"
+            class="icon-img"
+          ></image>
+          <text class="des">参会人：</text>
+        </view>
+        <view class="img-list">
+          <view v-for="item in 3" :key="item" class="item-box">
+            <image
+              src="/static/images/public/random2.png"
+              mode="aspectFit"
+              class="avatar"
+            ></image>
+            <text>名字</text>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <view v-for="item in 3" class="public-meeting-card">
+      <image
+        src="https://q9.itc.cn/q_70/images01/20241011/856bff05ebe54098ad4af2cb59e02ae8.png"
+        mode="aspectFill"
+        class="left-img"
+      ></image>
+      <view class="right-box">
+        <text>Admin的视频的会议</text>
+        <text>12月27日13:27</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+  @import '../styles/meeting-record.scss';
+
+  .details-index {
+    padding: 48rpx 24rpx 0 24rpx;
+
+    .icon-img {
+      height: 32rpx;
+      margin-right: 16rpx;
+    }
+
+    .top-name {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      font-family: PingFang SC, PingFang SC;
+      font-style: normal;
+      text-transform: none;
+      .title {
+        font-weight: 500;
+        font-size: 32rpx;
+        color: #333333;
+      }
+      .des {
+        font-weight: 500;
+        font-size: 28rpx;
+        color: #999999;
+        text-align: center;
+      }
+      .date-box,
+      .id-box {
+        display: flex;
+        align-items: center;
+      }
+
+      .date-box {
+        margin: 32rpx 0;
+      }
+      .user-box {
+        margin-top: 32rpx;
+        display: flex;
+        flex-direction: column;
+        .user-text {
+          display: flex;
+          align-items: center;
+        }
+        .img-list {
+          display: flex;
+          margin-top: 16rpx;
+          .item-box + .item-box {
+            margin-left: 32rpx;
+          }
+          .item-box {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            .avatar {
+              width: 80rpx;
+              height: 80rpx;
+              border-radius: 80rpx;
+              margin-bottom: 8rpx;
+            }
+            text {
+              font-weight: 500;
+              font-size: 24rpx;
+              color: #999999;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .public-meeting-card {
+    margin-top: 47rpx;
+    padding-top: 47rpx;
+    border-top: 2rpx solid #f9f9f9;
+  }
+</style>

pages/my-index/meeting-record/index.vue

@@ -0,0 +1,32 @@
+<script setup>
+  import { navigateTo } from '@/utils/router'
+</script>
+
+<template>
+  <view class="meeting-record-index">
+    <view
+      v-for="item in 3"
+      class="public-meeting-card"
+      @click="
+        navigateTo('/pages/my-index/meeting-record/details', { id: item })
+      "
+    >
+      <image
+        src="https://q9.itc.cn/q_70/images01/20241011/856bff05ebe54098ad4af2cb59e02ae8.png"
+        mode="aspectFill"
+        class="left-img"
+      ></image>
+      <view class="right-box">
+        <text>Admin的视频的会议</text>
+        <text>12月27日13:27</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+  @import '../styles/meeting-record.scss';
+  .meeting-record-index {
+    padding: 32rpx 24rpx;
+  }
+</style>

pages/my-index/my-index.vue

@@ -10,8 +10,16 @@
       url: '/pages/my-index/wallet/index'
     },
     { name: '我的团队', icon: 'team', url: '/pages/my-index/my-team' },
-    { name: '会议记录', icon: 'meeting' },
+    {
-    { name: '我的朋友圈', icon: 'circle' },
+      name: '会议记录',
+      icon: 'meeting',
+      url: '/pages/my-index/meeting-record/index'
+    },
+    {
+      name: '我的朋友圈',
+      icon: 'circle',
+      url: '/pages/discover/dynamic/dynamic'
+    },
     {
       name: '我的收藏',
       icon: 'collection',

pages/my-index/styles/meeting-record.scss

@@ -0,0 +1,34 @@
+// 会议卡片
+.public-meeting-card + .public-meeting-card {
+  margin-top: 32rpx;
+}
+
+.public-meeting-card {
+  display: flex;
+  align-items: center;
+  .left-img {
+    width: 320rpx;
+    height: 192rpx;
+    border-radius: 16rpx;
+    flex-shrink: 0;
+    margin-right: 32rpx;
+  }
+  .right-box {
+    display: flex;
+    flex-direction: column;
+    font-family: PingFang SC, PingFang SC;
+    font-weight: 500;
+
+    font-style: normal;
+    text-transform: none;
+    text {
+      font-size: 32rpx;
+      color: #333333;
+      &:last-child {
+        margin-top: 32rpx;
+        font-size: 28rpx;
+        color: #999999;
+      }
+    }
+  }
+}