comment.wxss 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. /* page{padding:20rpx;box-sizing:border-box;text-align:center;} */
  2. /* .page{width:100%;background-color:#fff;border-radius:14rpx;padding:0 70rpx 50rpx 70rpx;box-sizing:border-box;} */
  3. .comment-content{
  4. display: flex;
  5. align-items: center;
  6. }
  7. .product{padding-top: 50rpx;}
  8. .title{line-height:1.2;font-size:30rpx;}
  9. .star{display:flex;justify-content:center;padding-left:20rpx;box-sizing:border-box;}
  10. .star image{width:76rpx;height:40rpx;}
  11. .star-tit{font-size:26rpx;line-height:80rpx; color:var(--subtitleColor)!important}
  12. .star-option{display:flex;flex-wrap:wrap;justify-content:space-between;}
  13. .option{width:30%;height:50rpx;border:1px solid;border-radius:10rpx;text-align:center;line-height:50rpx;font-size:26rpx;margin-bottom:20rpx;}
  14. .opt{border-color:#cbcbcb;color:#595758;background: #F5F5F4}
  15. .cet{background-color:#dbeef854;border-color:var(--subtitleColor);color:var(--subtitleColor);}
  16. .textarea{width:100%;height:180rpx;padding:8rpx 10rpx;box-sizing:border-box;font-size:26rpx;color:#585657;text-align:left;border:1px solid #cbcbcb;border-radius:10rpx;margin-top:20rpx;}
  17. .place{font-size:26rpx;color:#a6a6a6;}
  18. .sub{font-size:30rpx;line-height:90rpx;}
  19. .images{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:34rpx;}
  20. .images .add-box{border:1px solid #b1b1b1; position: relative;}
  21. .images .add-box > .icon-mini-error{transform: rotate(45deg) translate(-50%,-60%); font-size: 80rpx; line-height: 0; position: absolute; top: 60%; left: 50%; color: #9FA0A0; display: inline-block;}
  22. .images-col{width:100%;height:100%;}
  23. .imgbox, .add-box{width: 120rpx; height: 120rpx;}
  24. .imgbox{position:relative;margin-right:20rpx;margin-bottom:20rpx; flex-shrink: 1; }
  25. .delBox{width:40rpx;height:40rpx;position:absolute;right:-15rpx;top:-15rpx;z-index:1;}
  26. .del{width:32rpx;height:32rpx;background-color:var(--subtitleColor);border-radius:50%;position:relative;}
  27. .del::after{content:'';width:20rpx;height:4rpx;background-color:#fff;border-radius:1px;transform:rotate(45deg);position:absolute;left:6rpx;top:14rpx;}
  28. .del::before{content:'';width:20rpx;height:4rpx;background-color:#fff;border-radius:1px;transform:rotate(-45deg);position:absolute;left:6rpx;top:14rpx;}
  29. .recommend-title {line-height:35rpx;font-size:28rpx;text-align: center;margin-bottom: 30rpx;}
  30. .recommend-level{display: flex;justify-content: space-between;font-size: 24rpx;color: #9FA0A0;line-height: 44rpx;}
  31. .recommend{display: flex;margin-bottom: 34rpx;}
  32. .recommend-item{width: 71rpx;height: 75rpx;text-align: center;color:var(--subtitleColor);font-size: 28rpx;line-height: 75rpx ;border: 1rpx solid var(--subtitleColor);border-left: none;}
  33. .recommend-item:first-child{border-left: 1rpx solid var(--subtitleColor);border-radius:10rpx 0 0 10rpx;}
  34. .recommend-item:last-child{border-radius:0 10rpx 10rpx 0;}
  35. .active{background:var(--subtitleColor);color: white;}
  36. .tip{font-size: 28rpx;text-align: left;margin: 10rpx 0;}