119 lines
1.6 KiB
SCSS
119 lines
1.6 KiB
SCSS
|
|
||
|
|
|
||
|
|
.scroll-view {
|
||
|
|
box-sizing: border-box;
|
||
|
|
flex: 1;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.message {
|
||
|
|
display: flex;
|
||
|
|
align-items: flex-start;
|
||
|
|
flex-direction: row;
|
||
|
|
margin-bottom: 40rpx;
|
||
|
|
|
||
|
|
.avatar {
|
||
|
|
width: 80rpx;
|
||
|
|
height: 80rpx;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content {
|
||
|
|
min-height: 80rpx;
|
||
|
|
max-width: 60vw;
|
||
|
|
font-size: 28rpx;
|
||
|
|
|
||
|
|
image {
|
||
|
|
width: 200rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// 我自己
|
||
|
|
&.self {
|
||
|
|
flex-direction: row-reverse;
|
||
|
|
// justify-content: flex-end;
|
||
|
|
|
||
|
|
.content {
|
||
|
|
background: #d9e1ff;
|
||
|
|
border-radius: 24rpx 0rpx 24rpx 24rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// 对方
|
||
|
|
&.friend {
|
||
|
|
.name {
|
||
|
|
font-size: 20rpx;
|
||
|
|
color: '#000000';
|
||
|
|
margin-bottom: 8rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content {
|
||
|
|
border-radius: 0rpx 24rpx 24rpx 24rpx;
|
||
|
|
background: #ffffff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.tool {
|
||
|
|
position: fixed;
|
||
|
|
width: 100%;
|
||
|
|
left: 0;
|
||
|
|
bottom: 0;
|
||
|
|
padding-bottom: constant(safe-area-inset-bottom);
|
||
|
|
padding-bottom: calc(0 + env(safe-area-inset-bottom));
|
||
|
|
z-index: 1;
|
||
|
|
|
||
|
|
.tool-group {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
}
|
||
|
|
|
||
|
|
&-group {
|
||
|
|
height: 120rpx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
::v-deep .uni-easyinput__content {
|
||
|
|
border-radius: 192rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.xf-for {
|
||
|
|
height: 80rpx;
|
||
|
|
padding-bottom: 12rpx;
|
||
|
|
background: #eee;
|
||
|
|
|
||
|
|
.xfBtn {
|
||
|
|
box-sizing: border-box;
|
||
|
|
border: 2px solid #dcdcdc;
|
||
|
|
background: #ffffff;
|
||
|
|
padding: 12rpx 32rpx;
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: rgba(0, 0, 0, 0.9);
|
||
|
|
border-radius: 200rpx;
|
||
|
|
width: fit-content;
|
||
|
|
margin: 10rpx 20rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.NewsPlus {
|
||
|
|
width: 100%;
|
||
|
|
height: 486rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.thumb {
|
||
|
|
width: 44rpx;
|
||
|
|
height: 44rpx;
|
||
|
|
margin: 0 10rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.send {
|
||
|
|
border-radius: 10rpx;
|
||
|
|
margin: 0 10rpx;
|
||
|
|
padding: 10rpx 20rpx;
|
||
|
|
background: #ff3737;
|
||
|
|
color: #fff;
|
||
|
|
font-size: small;
|
||
|
|
}
|
||
|
|
}
|