pk8f3pmu2/miniprogram/components/tiding-item/tiding-item.wxss

.tiding{
  display: flex;
  padding: 12px;
  background: white;
}
.avatar{
  border-radius: 50px;
  width: 50px;
  height: 50px;
}
.tiding-info{
  margin-left: 12px;
  flex: 1 1 1px;
  width: 1px;
}
.name{
  color: dimgray;
  font-size: 14px;
}
.content{
  margin: 8px 0;
}
.red-dot{
  display: inline-block;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background: #0080f0;
}