.page{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* 记录列表 */ .record-list{ margin-top: 20rpx; .record-list-box { padding: 30rpx; background-color: #FFFFFF; margin-bottom: 20rpx; } .list-btn { display: inline-block; width: 100%; text-align: right; padding-bottom: 10rpx; .date-btn { background-color: #3f9b6a; color: #fff; font-size: 28rpx; font-weight: bold; padding: 10rpx 20rpx; border-radius: 10rpx; } } .list{ display: flex; align-items: center; justify-content: space-between; .thumb{ display: flex; width: 36%; image{ width: 230rpx; height: 200rpx; border-radius: 10rpx; } } .title-date{ .date{ margin: 14rpx 0; text{ color:#3D3D3D; } } } .integral{ text{ font-size: 28rpx; color: #3D3D3D; } image { width: 22rpx; height: 22rpx; } } } } .msglist{ padding:40rpx 30rpx; background-color: #Fff; position: relative; .msg_title{ display: flex; width: 100%; margin-bottom: 30rpx; } view{ width: 30%; } .msg_body{ margin-left: 30rpx; width: 70%; } .imgGroup{ display: flex; image{ width: 200rpx; height: 160rpx; margin-right: 30rpx; } } .state{ position: absolute; right: -100rpx; top: 28rpx; font-weight: 600; font-size: 32rpx; } .org{ color:#CDA33A; } .green{ color:#219129; } } .footbtn{ position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; .zhifu{ display: flex; justify-content: space-between; padding: 40rpx; background-color: #fff; } .zhifuBtn{ padding: 20rpx 0; background-color:#3F9B6A; color: #fff; text-align: center; } }