order-comment.wxss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. /* pages/order-comment/order-comment.wxss */
  2. .bar-bottom {
  3. position: fixed;
  4. bottom: 0;
  5. left: 0;
  6. width: 100%;
  7. }
  8. .submit-btn{
  9. background: #EB4851;
  10. color: #fff;
  11. height: 100rpx;
  12. }
  13. .goods-list{
  14. border-top: 1rpx solid #e3e3e3;
  15. padding-bottom: 100rpx;
  16. }
  17. .goods-item{
  18. background: #fff;
  19. border-bottom: 1rpx solid #e3e3e3;
  20. margin-bottom: 20rpx;
  21. }
  22. .goods-item .score-row{
  23. padding: 24rpx 20rpx;
  24. border-bottom: 1rpx #eee solid;
  25. }
  26. .goods-item .score-row .goods-pic{
  27. width: 72rpx;
  28. height: 72rpx;
  29. }
  30. .goods-item .score-row .score-item image{
  31. width: 40rpx;
  32. height: 40rpx;
  33. margin-right: 20rpx;
  34. }
  35. .goods-item .score-row .score-item.active{
  36. color: #ff4544;
  37. }
  38. .goods-item .content-row{
  39. padding: 24rpx 20rpx;
  40. }
  41. .goods-item .form-label{
  42. margin-right: 24rpx;
  43. }
  44. .goods-item textarea{
  45. width: 100%;
  46. height: 200rpx;
  47. padding: 0 0;
  48. }
  49. .goods-item .pic-list{
  50. padding: 24rpx 20rpx;
  51. margin-left: -20rpx;
  52. margin-top: -20rpx;
  53. }
  54. .image-picker{
  55. font-size: 0;
  56. }
  57. .image-picker,.image-preview{
  58. display: inline-block;
  59. margin-left: 20rpx;
  60. margin-top: 20rpx;
  61. }
  62. .image-preview {
  63. position: relative;
  64. }
  65. .image-preview .image-del{
  66. position: absolute;
  67. top:-15rpx;
  68. right: -15rpx;
  69. height: 40rpx;
  70. width: 40rpx;
  71. background: #E9554E;
  72. color: #fff;
  73. font-weight: bolder;
  74. border-radius: 999rpx;
  75. font-size: 9pt;
  76. box-shadow: 0 1rpx 2rpx rgba(0,0,0,.2);
  77. z-index: 999;
  78. }