good_books.wxss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. /* president/pages/good_books/good_books.wxss */
  2. @import '../../../templates/nodata/nodata.wxss';
  3. @import '../../../templates/footer/footer.wxss';
  4. @import '../../../templates/loading/loading.wxss';
  5. .nav-two{
  6. background: rgba(0,183,255,1);
  7. }
  8. .nav-item-row-active2{
  9. border-bottom:solid 6rpx #FFFFFF;
  10. border-radius:3rpx;
  11. }
  12. .nav-item-text-active2{
  13. color: #fff;
  14. font-weight: 600;
  15. }
  16. .nav-item2{
  17. padding-bottom: 11rpx;
  18. }
  19. .header {
  20. background: #FAFAFA;
  21. padding: 24rpx 30rpx;
  22. }
  23. .header-active {
  24. background: #fff;
  25. }
  26. .items {
  27. position: relative;
  28. z-index: 99;
  29. }
  30. .item {
  31. padding: 24rpx 30rpx;
  32. display: flex;
  33. justify-content: flex-end;
  34. align-items: center;
  35. background: #fff;
  36. }
  37. .item-title{
  38. color: #333333;
  39. font-size: 30rpx;
  40. text-align: left;
  41. }
  42. .item-text {
  43. color: #00B7FF;
  44. font-size: 28rpx;
  45. }
  46. .item-icon {
  47. width: 14rpx;
  48. height: 14rpx;
  49. margin-left: 20rpx;
  50. transition: all .3s;
  51. }
  52. .item-icon-active {
  53. transform: rotate(180deg);
  54. }
  55. .items-modal {
  56. position: absolute;
  57. top: 100%;
  58. left: 0;
  59. width: 100%;
  60. height: 1500rpx;
  61. background: rgba(0, 0, 0, .5);
  62. z-index: 1000;
  63. }
  64. .items-modal-list {
  65. background: #fff;
  66. border-top: solid 1rpx #e6e6e6;
  67. padding-left: 30rpx;
  68. }
  69. .items-modal-li {
  70. padding: 30rpx 30rpx 30rpx 0;
  71. border-bottom: solid 1rpx #e6e6e6;
  72. display: flex;
  73. justify-content: space-between;
  74. align-items: center;
  75. }
  76. .items-modal-li:nth-last-of-type(1) {
  77. border-bottom: solid 1rpx transparent;
  78. }
  79. .items-modal-text {
  80. font-size: 28rpx;
  81. color: #999;
  82. }
  83. .items-modal-icon {
  84. width: 26rpx;
  85. height: 20rpx;
  86. }