reader/pages/message/index.wxss

/*
此文件为开发者工具生成，生成时间: 2023/11/6上午11:33:25

在 C:\Users\efunbox\Desktop\朗读小咖秀\pages\message\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
  color: transparent !important;
}
.sk-text-25-0000-99 {
  background-image: linear-gradient(transparent 25%, #EEEEEE 0%, #EEEEEE 75%, transparent 0%) !important;
  background-size: 100% 48rpx;
  position: absolute !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-14-2857-676 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 44.8rpx;
  position: relative !important;
}
.sk-text-14-2857-423 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 42rpx;
  position: relative !important;
}
.sk-text-14-2857-805 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-378 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-532 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 42rpx;
  position: relative !important;
}
.sk-text-14-2857-894 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-311 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-533 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 42rpx;
  position: relative !important;
}
.sk-text-14-2857-862 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-835 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-812 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 42rpx;
  position: relative !important;
}
.sk-text-14-2857-752 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-37 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-781 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 42rpx;
  position: relative !important;
}
.sk-text-14-2857-78 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-235 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-679 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-161 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-977 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-566 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-519 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 42rpx;
  position: relative !important;
}
.sk-text-14-2857-249 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-276 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-856 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 42rpx;
  position: relative !important;
}
.sk-text-14-2857-822 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-766 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-54 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-564 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-93 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 42rpx;
  position: relative !important;
}
.sk-text-14-2857-29 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-571 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-425 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 42rpx;
  position: relative !important;
}
.sk-text-14-2857-513 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-473 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-image {
  background: #EFEFEF !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
.messagePage {
  overflow: hidden;
  padding-top: 55rpx;
}
.messagePage .messageList {
  padding: 0rpx 25rpx 250rpx;
  box-sizing: border-box;
}
.messagePage .messageList .fixed {
  margin: 0 auto 55rpx;
  width: 700rpx;
  padding: 46rpx 50rpx 40rpx;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0rpx 2rpx 14rpx 0rpx rgba(0, 0, 0, 0.07);
  border-radius: 30rpx;
}
.messagePage .messageList .fixed .inletBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.messagePage .messageList .fixed .inletBox .authority {
  position: relative;
  display: flex;
  align-items: center;
}
.messagePage .messageList .fixed .inletBox .authority .avatar {
  width: 86rpx;
  height: 125rpx;
}
.messagePage .messageList .fixed .inletBox .authority .unread {
  top: -4rpx;
  right: -10rpx;
  position: absolute;
  width: 32rpx;
  height: 32rpx;
  line-height: 32rpx;
  border-radius: 550rpx;
  color: white;
  font-size: 20rpx;
  text-align: center;
  background-color: #FF0000;
}
.messagePage .messageList .fixed .searchBox {
  margin: 30rpx auto 0;
  width: 504rpx;
  padding: 12rpx;
  background: #F2F6FC;
  border-radius: 27rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 27rpx;
  color: #666666;
}
.messagePage .messageList .fixed .searchBox .search-icon {
  margin-left: 22rpx;
  width: 28rpx;
  height: 28rpx;
}
.messagePage .messageList .base {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.messagePage .messageList .base .avatar {
  margin-right: 20rpx;
  border-radius: 50rpx;
  width: 80rpx;
  height: 80rpx;
  background-color: #EEEEEE;
}
.messagePage .messageList .base .infoBox {
  height: 110rpx;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1rpx solid #D8D8D8;
  padding: 20rpx 0;
  box-sizing: border-box;
}
.messagePage .messageList .base .infoBox .body {
  flex: 1;
}
.messagePage .messageList .base .infoBox .body .name {
  max-width: 330rpx;
  font-size: 30rpx;
  color: #000;
}
.messagePage .messageList .base .infoBox .right {
  min-width: 140rpx;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.messagePage .messageList .base .infoBox .right .date {
  font-size: 24rpx;
}
.messagePage .messageList .base .infoBox .right .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;
}
.messagePage .messageList .user .info {
  margin-top: 8rpx;
  width: 400rpx;
  color: #969696;
  font-size: 24rpx;
}
.messagePage .messageList .pressHover {
  background-color: #f1f1f1;
}
.messagePage .menuBg {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
}
.messagePage .menu {
  position: fixed;
  width: 278rpx;
  padding: 20rpx 20rpx;
  box-sizing: border-box;
  border-radius: 24rpx;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 6rpx 16rpx;
}
.messagePage .menu view {
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.messagePage .menu .icon {
  width: 30rpx;
  height: 30rpx;
  margin-right: 16rpx;
}
.messagePage .menu .menu-one .icon {
  width: 22rpx;
  height: 28rpx;
}
.messagePage .skeleton {
  width: 100%;
  height: 80vh;
  position: relative;
}
.messagePage .skeleton .messageList {
  padding: 0rpx;
}