Untitled
unknown
plain_text
2 years ago
6.1 kB
4
Indexable
<!-- Comment --> <div class="comment"> <div class="comment-box"> <div class="product-ratings"> <div class="product-ratings__header"> <span class="product-ratings__header1">ĐÁNH GIÁ SẢN PHẨM</span> </div> <div class="product-rating-overview"> <div class="product-rating-overview__briefing"> <div class="product-rating-overview__score-wrapper"> <span class="product-rating-overview__rating-score">4.9</span> <span class="product-rating-overview__rating-score-out-of"> trên 5 </span> </div> </div> <div class="product-rating-overview__filters"> <div class="product-rating-overview__filter ">tất cả</div> <div class="product-rating-overview__filter">5 Sao (93)</div> <div class="product-rating-overview__filter">4 Sao (0)</div> <div class="product-rating-overview__filter">3 Sao (1)</div> <div class="product-rating-overview__filter">2 Sao (0)</div> <div class="product-rating-overview__filter">1 Sao (2)</div> <div class="product-rating-overview__filter ">Có Bình luận (58)</div> <div class="product-rating-overview__filter ">Có hình ảnh / video (54)</div> </div> </div> </div> <div class="cmt-product-rating"> <div class="cmt-avatar"> <img src="https://phongapple.vn/wp-content/uploads/2021/10/13tr.png" alt="" class="cmt-avatar"> </div> <div class="cmt-product-rating__main"> <div class="cmt-product-rating__author-name"> trangcute</div> <div class="cmt-product-rating__time "> 2022-12-18 22:07 | Phân loại hàng: Đen </div> <div class="cmt-info"> <div style="margin-top: 0px;"><span class="_9Wyxc9">Chất liệu: </span>tốt</div> <div style="margin-top: 5px;"><span class="_9Wyxc9">Màu sắc: </span>đen</div> <div style="margin-top: 5px;">xinh lắm nha kâggsyauqiqiaiaiaiahbahaahajaiaiaisushsvdvsbsuaiwiquqi</div> </div> <div class="cmt-picture"> <img src="https://phongapple.vn/wp-content/uploads/2021/10/13tr.png" alt="" class="cmt-pic"> <img src="https://phongapple.vn/wp-content/uploads/2021/10/13tr.png" alt="" class="cmt-pic"> <img src="https://phongapple.vn/wp-content/uploads/2021/10/13tr.png" alt="" class="cmt-pic"> <img src="https://phongapple.vn/wp-content/uploads/2021/10/13tr.png" alt="" class="cmt-pic"> </div> </div> </div> </div> </div> .comment{ margin-top: 10px; margin-bottom: 10px; margin: 0 auto; width: 100%; } .comment-box{ max-width: 1200px; background-color: #fff; margin: 0 auto; } .product-ratings { box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%); border-radius: .125rem; overflow: hidden; background: #fff; margin-top: .9375rem; padding: 1.5625rem; overflow: visible; } .product-ratings__header { display: flex; flex-flow: row nowrap; align-items: center; margin-bottom: 1em; } .product-ratings__header1{ font-size: 22px; color: rgba(0,0,0,.87); margin-right: .2em; text-transform: capitalize; } .product-rating-overview{ background-color: #fffbf8; min-height: 5rem; border: 1px solid #f9ede5; margin-bottom: 1rem; display: flex; align-items: center; border-radius: 2px; box-sizing: border-box; padding: 1.875rem; } .product-rating-overview__rating-score { font-size: 1.875rem; } .product-rating-overview__filters{ flex: 1; margin-left: .9375rem; } .product-rating-overview__filter { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; height: 2rem; line-height: 2rem; min-width: 6.25rem; text-align: center; padding: 0 .625rem; color: rgba(0,0,0,.8); background-color: #fff; border: 1px solid rgba(0,0,0,.09); box-sizing: border-box; display: inline-block; margin-right: .5rem; text-decoration: none; color: rgba(0,0,0,.87); text-transform: capitalize; border-radius: 2px; margin-bottom: .3125rem; margin-top: .3125rem; } .cmt-product-rating:first-child { padding-top: 0; } .cmt-product-rating { border-bottom: 1px solid rgba(0,0,0,.09); display: flex; padding: 1rem 0 1rem 1.25rem; } .cmt-avatar{ width: 40px; height: 40px; position: relative; background-color: #f5f5f5; border-radius: 50%; overflow: hidden; } .cmt-product-rating__main { flex: 1; margin-left: .625rem; } .cmt-product-rating__author-name { text-decoration: none; color: rgba(0,0,0,.87); font-size: 14px; } .cmt-product-rating__time { margin-top: .75rem; font-size: 10px; color: rgba(0,0,0,.54); } .cmt-info { position: relative; box-sizing: border-box; margin: .9375rem 0; font-size: 12px; line-height: 1.25rem; color: rgba(0,0,0,.87); word-break: break-word; } .cmt-picture{ flex: 1; } .cmt-pic{ width: 50px; height: 50px; }
Editor is loading...