123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- @charset "UTF-8";
- /**
- * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
- * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
- */
- page {
- background-color: #f4f6f8;
- }
- .detail-tag {
- color: #aaa;
- }
- .comment {
- background-color: #ffffff;
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- padding: 30rpx;
- }
- .comment .left image {
- width: 64rpx;
- height: 64rpx;
- border-radius: 50%;
- background-color: #f2f2f2;
- }
- .comment .right {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- flex: 1;
- padding-left: 20rpx;
- }
- .comment .right .top {
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- -webkit-box-align: center;
- -webkit-align-items: center;
- align-items: center;
- margin-bottom: 10rpx;
- }
- .comment .right .top .replay {
- display: -webkit-box;
- display: -webkit-flex;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- align-items: center;
- color: #9a9a9a;
- font-size: 26rpx;
- }
- .comment .right .top .replay .opeate {
- margin-right: 4rpx;
- color: #9a9a9a;
- }
- .comment .right .top .name {
- max-width: 100rpx;
- }
- .comment .right .content {
- margin-bottom: 10rpx;
- word-break: break-word;
- }
- .comment:not(:last-child) {
- border-bottom: 1px solid #eee;
- }
- .product-images {
- width: 50%;
- margin-bottom: 30rpx;
- }
- .product-images:nth-child(2n) {
- padding-left: 15rpx;
- }
- .product-images:nth-child(2n + 1) {
- padding-right: 15rpx;
- }
- .u-alert-desc {
- word-break: break-word;
- }
|