This repository has been archived on 2024-07-11. You can view files and clone it, but cannot push or open issues or pull requests.
yoshop-wechat/pages/goods/comment/comment.wxss
2020-04-25 22:59:04 +08:00

86 lines
1.3 KiB
Plaintext

/* 选项卡 */
.swiper-tab {
width: 100%;
text-align: center;
height: 80rpx;
background-color: #fff;
border-bottom: 1px solid #eee;
}
.swiper-tab .swiper-tab-item {
width: 25%;
height: 100%;
font-size: 28rpx;
color: #777;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
border-bottom: 2px solid #ffffff00;
}
.swiper-tab .on {
color: #f74c45;
border-bottom: 2px solid #f74c45;
}
/* 设置scroll-view容器高度 */
.comment-list, .yoshop-notcont {
height: 100.1%;
}
/* 评论列表 */
.goods-comment-box {
padding: 30rpx;
box-sizing: border-box;
}
.goods-comment-box .row {
width: 100%;
}
.goods-comment-box .user .user_avatar {
width: 50rpx;
height: 50rpx;
border-radius: 50%;
margin-right: 15rpx;
}
.goods-comment-box .comment-images {
width: 100%;
margin-top: 20rpx;
}
.goods-comment-box .comment-images::after {
clear: both;
content: " ";
display: table;
}
.goods-comment-box .comment-images .image-preview {
float: left;
margin-bottom: 15rpx;
margin-right: 15rpx;
}
.goods-comment-box .comment-images .image-preview:nth-child(3n+0) {
margin-right: 0;
}
.goods-comment-box .comment-images .image-preview image {
display: block;
width: 220rpx;
height: 220rpx;
}
/* 没有更多 */
.no-more {
text-align: center;
color: #737373;
padding: 10px 0;
}