diff --git a/meeting/online/index.vue b/meeting/online/index.vue
index e69de29..e6f2f33 100644
--- a/meeting/online/index.vue
+++ b/meeting/online/index.vue
@@ -0,0 +1,175 @@
+<template>
+  <div class="container">
+    <meet-sticky :bg="bg">
+      <meet-navbar title="会议中" :isFixed="false"></meet-navbar>
+    </meet-sticky>
+    <view class="list" v-for="(item, index) in 10">
+      <view class="flex-left color-1">1</view>
+      <view class="flex-child">
+        <view class="flex-center">我公司碳中和具体的应用场景包括以下几方面:1.碳丝路APP-全民低碳场景的数据收集 碳普惠应用。 2.全国性碳交易平台数据。</view>
+        <view class="flex-right">5"</view>
+      </view>
+    </view>
+    <view class="footer">
+      <image class="icon01" src="/static/image/online/online.gif"></image>
+      <view class="footer-center">
+        <view class="text-1">正在录音中</view>
+        <view class="text-2"><span>00:12</span>/02:00:00</view>
+      </view>
+      <view class="footer-icon">
+        <image class="img" src="/static/image/online/play.png"></image>
+        <view class="text-1">开始</view>
+      </view>
+      <view class="footer-icon">
+        <image class="img" src="/static/image/online/stop.png"></image>
+        <view class="text-1">结束</view>
+      </view>
+    </view>
+    <!-- 弹框 -->
+    <meet-pop :dialogShow="popConfig.show" :btnType="popConfig.btnType" :dialogTitle="popConfig.title"
+      :CancelText="popConfig.CancelText" :ConfirmText="popConfig.ConfirmText" @handleConfirm="confirm"
+      @handleCancel="cancel">
+      <view class="popClass">
+        结束后无法在本记录继续录音
+      </view>
+    </meet-pop>
+  </div>
+</template>
+
+<script>
+export default {
+  components: {
+  },
+  data() {
+    return {
+      list: [],
+      popConfig: {
+        show: true,
+        btnType: 2,
+        title: "确定结束录音吗？",
+        CancelText: "在考虑下",
+        ConfirmText: "结束录音"
+      }
+    };
+  },
+  methods: {
+    confirm(){
+      this.popConfig.show = false;
+    },
+    cancel(){
+      this.popConfig.show = false;
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "../common.scss";
+
+.container {
+  min-height: 100vh;
+  background-color: #d1dcfe;
+  padding: 20rpx 0;
+  padding-bottom: 200rpx;
+
+  .list {
+    display: flex;
+    margin-top: 36rpx;
+    padding: 0 24rpx;
+
+    .flex-left {
+      width: 56rpx;
+      height: 56rpx;
+      font-size: 36rpx;
+      line-height: 56rpx;
+      text-align: center;
+      border-radius: 50%;
+      color: #fff;
+      font-weight: bold;
+    }
+
+    .color-1 {
+      background-color: #70CD9E;
+    }
+
+    .flex-child {
+      display: flex;
+      align-items: flex-end;
+      flex: 1;
+
+      .flex-center {
+
+        margin: 0 16rpx 0 16rpx;
+        border: 1px solid #fff;
+        background-color: rbga(255, 255, 255, 0.5);
+        border-radius: 16rpx;
+        box-sizing: border-box;
+        padding: 16rpx 24rpx;
+      }
+
+      .flex-right {
+        color: #23262B;
+        font-size: 28rpx;
+      }
+    }
+
+  }
+
+  .footer {
+    background: rgba(255, 255, 255, 1);
+    border-top-right-radius: 40rpx;
+    border-top-left-radius: 40rpx;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    height: 180rpx;
+    display: flex;
+    box-sizing: border-box;
+    padding: 12rpx 24rpx;
+
+    .icon01 {
+      width: 88rpx;
+      height: 88rpx;
+      border-radius: 24rpx;
+      margin-right: 24rpx;
+    }
+
+    .footer-center {
+      flex: 1;
+
+      .text-1 {
+        color: #23262B;
+        font-size: 28rpx;
+      }
+
+      .text-2 {
+        color: #93999F;
+        font-size: 24rpx;
+
+        span {
+          color: #23262B;
+        }
+      }
+    }
+
+    .footer-icon {
+      margin-right: 56rpx;
+
+      .img {
+        width: 48rpx;
+        height: 48rpx;
+      }
+
+      .text-1 {
+        color: #23262B;
+        font-size: 22rpx;
+      }
+    }
+  }
+  .popClass{
+    text-align: center;
+    color: #4B5158;
+    font-size: 28rpx;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/meeting/onlineDetails/index.vue b/meeting/onlineDetails/index.vue
new file mode 100644
index 0000000..c21b13f
--- /dev/null
+++ b/meeting/onlineDetails/index.vue
@@ -0,0 +1,157 @@
+<template>
+    <div class="container">
+      <meet-sticky :bg="bg">
+        <meet-navbar title="会议中" :isFixed="false"></meet-navbar>
+      </meet-sticky>
+      <view class="list" v-for="(item, index) in 10" @click="">
+        <view class="flex-left color-1">1</view>
+        <view class="flex-child">
+          <view class="flex-center">我公司碳中和具体的应用场景包括以下几方面:1.碳丝路APP-全民低碳场景的数据收集 碳普惠应用。 2.全国性碳交易平台数据。</view>
+          <view class="flex-right">5"</view>
+        </view>
+      </view>
+      <view class="footer">
+        <view class="flex-1">
+            <image class="img" src="/static/image/onlineDetails/list.png"></image>
+            <view class="text">会议总结</view>
+            <image class="img-top" src="/static/image/onlineDetails/ai.png"></image>
+            <view class="time">00:05/01:55</view>
+        </view>
+        <image class="img01" src="/static/image/onlineDetails/prev.png"></image>
+        <image class="img02" src="/static/image/onlineDetails/play.png"></image>
+        <image class="img01" src="/static/image/onlineDetails/next.png"></image>
+        <view class="flex-1">
+            <image class="img" src="/static/image/onlineDetails/upload.png"></image>
+            <view class="text">导出</view>
+        </view>
+      </view>
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    components: {
+    },
+    data() {
+      return {
+        list: [],
+      };
+    },
+    methods: {
+
+    },
+  };
+  </script>
+  
+  <style lang="scss" scoped>
+  @import "../common.scss";
+  
+  .container {
+    min-height: 100vh;
+    background-color: #d1dcfe;
+    padding: 20rpx 0;
+    padding-bottom: 200rpx;
+  
+    .list {
+      display: flex;
+      margin-top: 36rpx;
+      padding: 0 24rpx;
+  
+      .flex-left {
+        width: 56rpx;
+        height: 56rpx;
+        font-size: 36rpx;
+        line-height: 56rpx;
+        text-align: center;
+        border-radius: 50%;
+        color: #fff;
+        font-weight: bold;
+      }
+  
+      .color-1 {
+        background-color: #70CD9E;
+      }
+  
+      .flex-child {
+        display: flex;
+        align-items: flex-end;
+        flex: 1;
+  
+        .flex-center {
+  
+          margin: 0 16rpx 0 16rpx;
+          border: 1px solid #fff;
+          background-color: rbga(255, 255, 255, 0.5);
+          border-radius: 16rpx;
+          box-sizing: border-box;
+          padding: 16rpx 24rpx;
+        }
+  
+        .flex-right {
+          color: #23262B;
+          font-size: 28rpx;
+        }
+      }
+  
+    }
+  
+    .footer {
+      background: rgba(255, 255, 255, 1);
+      border-top-right-radius: 40rpx;
+      border-top-left-radius: 40rpx;
+      position: fixed;
+      bottom: 0;
+      width: 100%;
+      height: 180rpx;
+      display: flex;
+      box-sizing: border-box;
+      padding: 12rpx 48rpx;
+      align-items: center;
+      justify-content:space-between;
+      .flex-1{
+        position: relative;
+        .img{
+            width: 48rpx;
+            height: 48rpx;
+            display: block;
+            margin: 0 auto;
+        }
+        .img-top{
+            position: absolute;
+            top: -30rpx;
+            right: -50rpx;
+            width: 84rpx;
+            height: 34rpx;
+        }
+        .time{
+            position: absolute;
+            box-sizing: border-box;
+            padding: 8rpx 20rpx;
+            text-align: center;
+            color: #23262B;
+            font-size: 24rpx;
+            border: 1px solid #fff;
+            background: #E9EBF4;
+            border-top-left-radius: 16rpx;
+            border-top-right-radius: 16rpx;
+            top: -100rpx;
+            right: -90rpx;
+        }
+      }
+      .img01{
+        width:48rpx ;
+        height: 48rpx;
+      }
+      .img02{
+        width: 80rpx;
+        height: 80rpx;
+      }
+      .text{
+        color: #23262B;
+        font-weight: bold;
+        font-size: 22rpx;
+        text-align: center;
+      }
+    }
+  }
+  </style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index d58d666..85d46af 100644
--- a/pages.json
+++ b/pages.json
@@ -178,6 +178,14 @@
 					"navigationStyle": "custom",
 					"enablePullDownRefresh":false
 				}
+			},
+			{
+				"path":"onlineDetails/index",
+				"style": {
+					"navigationBarTitleText": "会议详情",
+					"navigationStyle": "custom",
+					"enablePullDownRefresh":false
+				}
 			}
 		]
 	}
diff --git a/static/image/online/bg.png b/static/image/online/bg.png
new file mode 100644
index 0000000..e4f6c61
Binary files /dev/null and b/static/image/online/bg.png differ
diff --git a/static/image/online/online.gif b/static/image/online/online.gif
new file mode 100644
index 0000000..9855709
Binary files /dev/null and b/static/image/online/online.gif differ
diff --git a/static/image/online/pause.png b/static/image/online/pause.png
new file mode 100644
index 0000000..927e0d2
Binary files /dev/null and b/static/image/online/pause.png differ
diff --git a/static/image/online/play.png b/static/image/online/play.png
new file mode 100644
index 0000000..c30ddb0
Binary files /dev/null and b/static/image/online/play.png differ
diff --git a/static/image/online/stop.png b/static/image/online/stop.png
new file mode 100644
index 0000000..48ad109
Binary files /dev/null and b/static/image/online/stop.png differ
diff --git a/static/image/online/toast.png b/static/image/online/toast.png
new file mode 100644
index 0000000..63aa563
Binary files /dev/null and b/static/image/online/toast.png differ
diff --git a/static/image/onlineDetails/ai.png b/static/image/onlineDetails/ai.png
new file mode 100644
index 0000000..82f32a3
Binary files /dev/null and b/static/image/onlineDetails/ai.png differ
diff --git a/static/image/onlineDetails/list.png b/static/image/onlineDetails/list.png
new file mode 100644
index 0000000..2f2dce1
Binary files /dev/null and b/static/image/onlineDetails/list.png differ
diff --git a/static/image/onlineDetails/next.png b/static/image/onlineDetails/next.png
new file mode 100644
index 0000000..2511c79
Binary files /dev/null and b/static/image/onlineDetails/next.png differ
diff --git a/static/image/onlineDetails/play.png b/static/image/onlineDetails/play.png
new file mode 100644
index 0000000..505ebc9
Binary files /dev/null and b/static/image/onlineDetails/play.png differ
diff --git a/static/image/onlineDetails/prev.png b/static/image/onlineDetails/prev.png
new file mode 100644
index 0000000..5bc350a
Binary files /dev/null and b/static/image/onlineDetails/prev.png differ
diff --git a/static/image/onlineDetails/stop.png b/static/image/onlineDetails/stop.png
new file mode 100644
index 0000000..fba43e2
Binary files /dev/null and b/static/image/onlineDetails/stop.png differ
diff --git a/static/image/onlineDetails/upload.png b/static/image/onlineDetails/upload.png
new file mode 100644
index 0000000..8d0dc68
Binary files /dev/null and b/static/image/onlineDetails/upload.png differ