@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ .msgLIst { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 20rpx; background: #FFFFFF; border-bottom: 1rpx solid #dee2e6; } .msgLIst:first-of-type { margin-top: 20rpx; } .msgLIst .msgImg { margin-right: 20rpx; border-radius: 100rpx; } .msgLIst .msgView { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .betWeen { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; /* 文字换行溢出处理 */ } .betWeen .font-md { font-size: 30rpx; } .betWeen .text-secondary { color: #6c757d; font-size: 24rpx; } .betWeen .font-sm { font-size: 20rpx; } .betWeen .text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }