You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
2.7 KiB
1 lines
2.7 KiB
.detail-remark,.title{width:100%}.title{height:90rpx;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding-left:22rpx;padding-right:19rpx;background:#fff;border-bottom:1rpx solid #eee}.title .left{display:flex;align-items:flex-end}.title .left .remark-title{font-size:32rpx;color:#333;font-weight:bolder;margin-right:11rpx}.title .left .remark-altitude{font-size:24rpx;color:#999}.title .right{height:80rpx;width:110rpx;perspective:1000;transform-style:preserve-3d}.title .right .flip{position:relative;transition:.6s;transform-style:preserve-3d;width:100%;height:100%}.title .right .flip.reverse{transform:rotateY(180deg)}.title .right .flip .back,.title .right .flip .front{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:0;left:0;height:100%;width:100%}.title .right .flip .front{z-index:2;background:#fff}.title .right .flip .back{transform:rotateY(-180deg);background:#fff}.title .right .latest{font-size:28rpx;color:#333;height:80rpx;line-height:80rpx}.title .right .latest-image{width:28rpx;height:23rpx;object-fit:cover;margin:0 10rpx}.remark-list{width:100%}.remark-list .remark-list-item{width:100%;box-sizing:border-box;border-radius:16rpx;background:#fff;padding:37rpx 25rpx 0;overflow:hidden}.remark-list .remark-list-item+.remark-list-item{margin-top:20rpx}.remark-list-item .user-info{width:100%;height:64rpx;display:flex;align-items:center}.remark-list-item .user-info .avatar{width:64rpx;height:64rpx;border-radius:50%;margin-right:13rpx}.remark-list-item .user-info .right{display:flex;flex-direction:column;justify-content:space-between}.remark-list-item .user-info .right .identify{display:flex;align-items:center}.remark-list-item .user-info .right .nickname{font-size:28rpx;color:#333}.remark-list-item .user-info .right .party-flag{width:27rpx;height:27rpx;object-fit:cover;margin-left:6rpx}.remark-list-item .user-info .right .time{font-size:20rpx;color:#999}.remark-list-item .remark-content{width:100%;box-sizing:border-box;margin-top:28rpx;margin-bottom:24rpx;font-size:36rpx;color:#333;word-break:break-all}.remark-list-item .remarked-content{width:100%;height:88rpx;border-radius:16rpx;background:#f2f2f2;box-sizing:border-box;padding:0 20rpx;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:30rpx;color:#999;line-height:88rpx;margin-bottom:25rpx}.remark-list-item .operation{width:100%;height:85rpx;display:flex;align-items:center;justify-content:space-around;border-top:1rpx solid #eaeaea}.remark-list-item .operation .type{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.remark-list-item .operation .type image{width:32rpx;height:32rpx;object-fit:cover}.remark-list-item .operation .type view{font-size:24rpx;color:#a7a7a7;margin-left:15rpx}
|