This commit is contained in:
SelfRidicule 2024-02-25 10:21:44 +08:00
parent 818285bac9
commit fcaaff1555
2 changed files with 96 additions and 16 deletions

View File

@ -14,8 +14,21 @@
</van-collapse> </van-collapse>
</view> </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> </view>

View File

@ -1,4 +1,4 @@
.container{ .container {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
overflow-y: auto; overflow-y: auto;
@ -6,17 +6,15 @@
} }
.van-collapse-item__content{ .van-collapse-item__content {
background-color: #f7f7f7 !important; background-color: #f7f7f7 !important;
padding: 0 !important; padding: 0 !important;
} }
.controlView{ .controlView {}
} .controlView .controlItem {
box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 2px 0px;
.controlView .controlItem{
box-shadow: rgba(0,0,0,0.075) 0px 1px 2px 0px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -26,23 +24,23 @@
padding: 24rpx 30rpx; padding: 24rpx 30rpx;
} }
.controlView .controlItem .msg{ .controlView .controlItem .msg {
flex: 1; flex: 1;
word-break: break-all; word-break: break-all;
} }
.controlView .controlItem .msg .title{ .controlView .controlItem .msg .title {
font-size: 36rpx; font-size: 36rpx;
} }
.controlView .controlItem .msg .status{ .controlView .controlItem .msg .status {
position: relative; position: relative;
margin-top: 24rpx; margin-top: 24rpx;
margin-left: 24rpx; margin-left: 24rpx;
font-size: 24rpx; font-size: 24rpx;
} }
.controlView .controlItem .msg .status::after{ .controlView .controlItem .msg .status::after {
display: block; display: block;
content: ''; content: '';
position: absolute; position: absolute;
@ -56,9 +54,78 @@
} }
.controlView .controlItem .openCloseImg{ .controlView .controlItem .openCloseImg {
width: 69rpx; width: 69rpx;
height: 69rpx; 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;
}