toktok-front/toktok-wx-applet/pages/mineMessage/mineMessage.wxss

/* pages/mineMessage/mineMessage.wxss */
page{
  background-color: #F7F7F7;
}
.msg-box{
  width: 750rpx;
  height: 176rpx;
  background: #FFFFFF;
  display: flex;
  flex-direction: row;
  position: relative;
}
.msg-box>image:nth-child(1){
  width: 112rpx;
  height: 112rpx;
  margin: 32rpx 24rpx 32rpx 32rpx;
}
.msg-box>view:nth-child(2){
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.msg-box>view:nth-child(2)>text:nth-child(1){
  width: auto;
  height: 48rpx;
  font-size: 34rpx;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: rgba(0,0,0,0.87);
  line-height: 48rpx;
  text-align: left;
}
.msg-box>view:nth-child(2)>text:nth-child(2){
  width: 450rpx;
  height: 48rpx;
  font-size: 30rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0,0,0,0.4);
  line-height: 48rpx;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.msg-box>view:nth-child(3){
  position: absolute;
  top: 46rpx;
  right: 30rpx;
  width: auto;
  height: 32rpx;
  font-size: 26rpx;
  font-family: Helvetica;
  color: rgba(0,0,0,0.4);
  line-height: 32rpx;
}