yylib-quick-mobile/source/yylib/library/YYReply.less

yylib-quick-mobile

.yy-reply-list{
  text-align: left;
}
.comment-item{
  padding:5px 5px 5px 5px;
  border-bottom:1px solid #ECECED;
  .name{
    color:#FF7F24;
    font-size:14px;
    margin-bottom:5px;
  }
  .createDate {
    font-size:0.5em;
    color:gray;
    width:50%;
  }
  .oper{
    display:flex;
    font-size:0.5em;
    align-items: center;
  }
}
.reply-list{
  background: #f7f7f7;
  margin:5px 0;

}
.reply-item:not(:last-child){
    border-bottom :1px solid #F2F2F2;
}
.reply-item {
  padding:5px 5px 5px 5px;
  .name{
    color:blue;
    font-size:14px;
    padding:0 5px;
  }
  .createDate {
    font-size:0.5em;
    color:gray;
  }
}
.comment-operation {
  display:flex;
  align-items: center;
  justify-content: flex-end;
  .comment{
    margin-right:10px;
  }
  .count {
      margin-left:2px;
  }
  .liked {
    color:#FF7F24;
  }

}
.commtents{
  width:50%;
}
.comment-operation-fixed {
  position:fixed;
  bottom:0px;
  border-top:1px solid #ECECED;
  width:100%;
  opacity:1;
  height: 30px;
  line-height: 30px;
  background:#fff;
  .comment-operation {
    display:flex;
    align-items: center;
    justify-content: center;
    .comment{
      margin-right:0px;
      display: flex;
      align-items: center;
      justify-content: center;
      .pinglun{
        margin-left:5px;
      }
    }

  }
}
.comment-text{
  border-bottom:1px solid #ECECED;
}
.send {
  color:#FF7F24;
  cursor:pointer;
  &.disable{
   color: #888;
   cursor: not-allowed;
  }
}