mirror of
https://gitee.com/elegant_wings/dbd-meeting-wx-small.git
synced 2025-06-21 13:09:38 +08:00
描述:1
This commit is contained in:
parent
818285bac9
commit
fcaaff1555
@ -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>
|
@ -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{
|
.controlView .controlItem {
|
||||||
box-shadow: rgba(0,0,0,0.075) 0px 1px 2px 0px;
|
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;
|
||||||
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user