// 背景色
@bgc: #ededed;
// padding
@pad: 10rpx 30rpx;
// contain_bgc
@contain_bgc: #fff;
// 间隔
@margin_B: 20rpx;
// 弹性布局
.flex(@JC: center; @FW: nowrap; @AI: center; @FD: row) {
display: flex;
flex-wrap: @FW;
flex-direction: @FD;
justify-content: @JC;
align-items: @AI;
}
// 文字超出省略号
.text-overflow(@num: 1) {
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: @num;
}
用法的话大概就是这个样子
.reply {
width: 60vw;
font-size: 20rpx;
background-color: #cfcfcf;
border-radius: 20rpx;
margin: @margin_B;
text-indent: 10rpx;
.text-overflow();
.flex();
}