classroom_assessment.wxss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. /* pages/classroom_assessment/classroom_assessment.wxss */
  2. /* pages/grade/grade.wxss */
  3. .li{
  4. margin: 30rpx 24rpx;
  5. }
  6. .li-star{
  7. border-radius: 30rpx;
  8. background: #fff;
  9. }
  10. .li-star-list{
  11. margin: 0 30rpx;
  12. height: 184rpx;
  13. /* text-align: center */
  14. position: relative;
  15. left: 120rpx;
  16. }
  17. .li-star-total{
  18. padding: 65rpx 73rpx;
  19. position: relative;
  20. }
  21. .li-star-img{
  22. width: 62rpx;
  23. height: 59rpx;
  24. margin: 0 17rpx;
  25. }
  26. .li-active{
  27. position: absolute;
  28. top: 65rpx;
  29. }
  30. .li-star-imgActive{
  31. width: 62rpx;
  32. height: 59rpx;
  33. margin: 0 17rpx;
  34. /* bottom: 59rpx; */
  35. }
  36. button::after{
  37. border: none
  38. }
  39. .li-text{
  40. font-size: 30rpx;
  41. color: #bfbfbf;
  42. }
  43. .li-area{
  44. height: 323rpx;
  45. width: 100%;
  46. padding: 30rpx;
  47. }
  48. .li-btn{
  49. line-height: 100rpx;
  50. margin-top: 20%;
  51. background: #FF6465;
  52. color: #fff;
  53. border-radius: 12rpx ;
  54. }
  55. .tag{
  56. border-top: 1rpx solid #ECECEC;
  57. background: #fff;
  58. margin: 0;
  59. padding: 85rpx 0;
  60. }
  61. .tag-btn{
  62. border-radius:33rpx;
  63. font-size: 30rpx;
  64. color: #fff;
  65. text-align: center;
  66. line-height: 66rpx;
  67. background: #DCDCDC;
  68. display: inline-block;
  69. margin: 0 10rpx 20rpx 10rpx;
  70. width: 46%;
  71. }
  72. .tag-btn-active{
  73. background: rgba(255,100,101,0.2) !important;
  74. color: #FF6465 !important;
  75. }
  76. .star-image {
  77. position: relative;
  78. top: 65rpx;
  79. /* margin-left: 5rpx; */
  80. width: 60rpx;
  81. height: 60rpx;
  82. /* src: "../../images/normal.png"; */
  83. }
  84. .item {
  85. position: absolute;
  86. top: 0rpx;
  87. left:0rpx;
  88. width: 60rpx;
  89. height: 60rpx;
  90. /* background: blue */
  91. }