@import "./index.skeleton.wxss"; page { background-color: white; } .messagePage { overflow: hidden; border-top-left-radius: 24rpx; border-top-right-radius: 24rpx; background-color: white; .input { display: flex; align-items: center; justify-content: space-between; background-color: #F2F6FC; font-size: 28rpx; margin: 20rpx 30rpx 10rpx; padding: 20rpx 40rpx; border-radius: 26rpx; .searchBtn { padding: 6rpx 44rpx; background: #00C657; border-radius: 40rpx; .img { width: 24rpx; height: 24rpx; } } } .messageList { padding: 0rpx 36rpx 250rpx; box-sizing: border-box; .fixed { display: flex; align-items: center; justify-content: space-between; padding: 20rpx 0rpx; border-bottom: 1rpx solid #D8D8D8; .authority { position: relative; display: flex; align-items: center; .avatar { border-radius: 50rpx; width: 80rpx; height: 80rpx; margin-right: 14rpx; } .name { font-size: 30rpx; } .unread { top: -4rpx; left: 60rpx; position: absolute; width: 32rpx; height: 32rpx; line-height: 32rpx; border-radius: 550rpx; color: white; font-size: 20rpx; text-align: center; background-color: #FF0000; } } } .base { display: flex; align-items: center; justify-content: space-between; padding: 20rpx 0rpx 20rpx 20rpx; border-bottom: 1rpx solid #D8D8D8; .avatar { border-radius: 50rpx; width: 80rpx; height: 80rpx; background-color: #EEEEEE; } .body { flex: 1; padding: 0rpx 20rpx; .name { max-width: 330rpx; font-size: 30rpx; font-weight: bolder; } } .right { min-width: 140rpx; display: flex; flex-direction: column; align-items: flex-end; .date { font-size: 24rpx; } .unread { margin-top: 6rpx; width: 32rpx; height: 32rpx; line-height: 32rpx; border-radius: 550rpx; color: white; font-size: 20rpx; text-align: center; background-color: #FF0000; } } } .user { .info { margin-top: 4rpx; width: 400rpx; color: #969696; font-size: 24rpx; } } .pressHover { background-color: #f1f1f1; } } .menuBg { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; } .menu { position: fixed; width: 278rpx; // height: 180rpx; padding: 20rpx 20rpx; box-sizing: border-box; border-radius: 24rpx; background-color: white; box-shadow: rgba(0, 0, 0, 0.24) 0px 6rpx 16rpx; view { height: 50%; display: flex; align-items: center; justify-content: center; } .icon { width: 30rpx; height: 30rpx; margin-right: 16rpx; } .menu-one { // border-bottom: 1rpx solid #D8D8D8; .icon { width: 22rpx; height: 28rpx; } } } .skeleton { width: 100%; height: 80vh; position: relative; .messageList { padding: 0rpx; } } }