描述:1

miniprogram/pages/meeting/accessControl/accessControl.wxml

@@ -14,8 +14,21 @@
         </van-collapse>
     </view>
 
+    <!-- 标题 -->
+    <view class="itemTitleView">
+        <view class="title">开门记录</view>
+        <view class="more">更多</view>
+    </view>
 
-
-
+    <!-- 开门记录 -->
+    <view class="recordView">
+        <view class="recordItem" wx:for="{{10}}">
+            <view class="timeView">
+                <view class="timeYMD">2024-02-06</view>
+                <view class="timeHm">13:00</view>
+            </view>
+            <view class="msg">西大门开启</view>
+        </view>
+    </view>
 
 </view>

miniprogram/pages/meeting/accessControl/accessControl.wxss

@@ -11,9 +11,7 @@
     padding: 0 !important;
 }
 
-.controlView{
-   
-}
+.controlView {}
 
 .controlView .controlItem {
     box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 2px 0px;
@@ -61,4 +59,73 @@
     height: 69rpx;
 }
 
+.itemTitleView {
+    border-left: 8rpx solid #2A6FFF;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin: 40rpx 24rpx 0;
+}
 
+.itemTitleView .title {
+    margin-left: 10rpx;
+    font-size: 28rpx;
+    color: #141414;
+}
+
+.itemTitleView .more {
+    font-size: 26rpx;
+    color: #4b89ef;
+}
+
+.recordView {
+    padding: 60rpx 24rpx 140rpx;
+    background: white;
+}
+
+.recordView .recordItem {
+    display: flex;
+    justify-content: start;
+    align-items: flex-start;
+    padding: 20rpx 10rpx 20rpx 60rpx;
+    background: #ffffff;
+}
+
+.recordView .recordItem:nth-child(2n){
+    background: #f9fafc;
+}
+
+
+.recordView .recordItem .timeView {
+    font-size: 26rpx;
+    line-height: 1;
+}
+
+.recordView .recordItem .timeView .timeYMD {
+    position: relative;
+}
+
+.recordView .recordItem .timeView .timeYMD::after {
+    display: block;
+    content: '';
+    position: absolute;
+    margin-right: 20rpx;
+    right: 100%;
+    top: 6rpx;
+    width: 12rpx;
+    height: 12rpx;
+    background: #2A6FFF;
+    border-radius: 10rpx;
+}
+
+.recordView .recordItem .timeView .timeHm {
+    margin-top: 10rpx;
+}
+
+.recordView .recordItem .msg {
+    flex: 1;
+    margin-left: 60rpx;
+    font-size: 26rpx;
+    word-break: break-all;
+    line-height: 1;
+}