pos_xcx/pages/commentinfo/commentinfo.scss

.container {
    // background-color: #F7F7F7;
    letter-spacing: 8rpx;

    .shop-stars,
    .product-stars {
        height: 100rpx;
        display: flex;
        justify-content: flex-start;
        margin: 10rpx 0;
        background-color: #fff;

        .title {
            margin: 0 30rpx;
            line-height: 100rpx;
        }

        .info {
            display: flex;
            justify-content: flex-start;
            margin: 20rpx;

            .star {
                margin: 0 5rpx;
            }
        }
    }

    .comment-text {
        width: 100%;
        background-color: #fff;

        .words {
            width: 90%;
            margin: 10rpx auto;
            padding-top: 20rpx;
            background-color: #fcfcfc;

            .commtext {}

            .words-num {
                display: flex;
                justify-content: flex-end;
                margin-bottom: 20rpx;
                color: #707070;

                .red {
                    color: red;
                }
            }

        }
    }

    .comment-img {
        background-color: #fff;
        margin-top: 30rpx;
        padding-top: 10rpx;
        min-height: 400rpx;
        position: relative;

        .weui-uploader {
            .weui-uploader__bd {
                display: flex;
                justify-content: flex-start;
                flex-wrap: wrap;
                padding: 30rpx 0;

                .pic {
                    width: 30%;
                    height: 200rpx;
                    margin-left: 1.111111%;
                    margin-bottom: 1%;
                    position: relative;

                    .weui-uploader__img {
                        width: 100%;
                        height: 100%;
                        position: relative;
                    }

                    .delete-btn {
                        width: 35rpx;
                        height: 35rpx;
                        border-radius: 50%;
                        z-index: 9;
                        position: absolute;
                        right: -10rpx;
                        top: -7rpx;
                        background-color: red;
                        text-align: center;
                        line-height: 35rpx;
                        color: #fff;

                        &::after {
                            content: '';
                            width: 20rpx;
                            height: 2rpx;
                            background-color: #fff;
                            position: absolute;
                            top: 16rpx;
                            left: 8rpx;
                        }
                    }

                }

                .add {
                    width: 200rpx;
                    height: 200rpx;
                    color: #999;
                    margin-left: 10rpx;
                    background-color: rgb(238, 238, 238);
                    position: relative;

                    >.title {
                        width: 100%;
                        text-align: center;
                        position: absolute;
                        top: 60%;
                        left: 105rpx;
                        transform: translateX(-50%);
                    }

                    >.camera {
                        width: 80rpx;
                        height: 80rpx;
                        margin: 0 auto;
                        position: absolute;
                        left: 50%;
                        top: 20%;
                        transform: translateX(-50%);
                    }

                }


            }
        }

        .upload-img-btn {}
    }

    .comment-btn {
        width: 80%;
        height: 110rpx;
        background-color: #BA9D6E;
        color: #fff;
        margin: 30rpx auto;
        text-align: center;
        line-height: 110rpx;
    }

}