common.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. .bg {
  2. margin-top: -46px;
  3. margin-left: -10px;
  4. image {
  5. width: 110%;
  6. }
  7. }
  8. .main {
  9. padding: 15px;
  10. .form {
  11. border-radius: 10px;
  12. background-color: white;
  13. }
  14. }
  15. .tab {
  16. padding: 0px 5px 5px 5px;
  17. /* #ifdef H5 */
  18. margin-top: -1px;
  19. /* #endif */
  20. overflow: hidden;
  21. }
  22. .omit {
  23. white-space: nowrap;
  24. text-overflow: ellipsis;
  25. overflow: hidden;
  26. }
  27. .ellip {
  28. -webkit-line-clamp: 2;
  29. text-overflow: ellipsis;
  30. display: -webkit-box;
  31. -webkit-box-orient: vertical;
  32. overflow: hidden;
  33. margin-top: 7px;
  34. color: #666666;
  35. }
  36. .mt10 {
  37. margin-top: 10px !important;
  38. }
  39. .mt20 {
  40. margin-top: 20px !important;
  41. }
  42. .pl5 {
  43. padding-left: 5px;
  44. }
  45. .flex {
  46. display: flex;
  47. text-align: center;
  48. .f {
  49. flex: 1;
  50. overflow: hidden;
  51. }
  52. }
  53. .btn {
  54. color: white;
  55. background-color: $main-color;
  56. border-radius: 30px;
  57. font-size: 15px;
  58. text-align: center;
  59. padding: 5px;
  60. margin-top: 15px;
  61. }
  62. .msilde {
  63. .top {
  64. padding: 10px;
  65. text-align: center;
  66. font-size: 15px;
  67. color: #535353;
  68. .icon {
  69. padding-left: 5px;
  70. }
  71. }
  72. .left {
  73. position: fixed;
  74. width: 25%;
  75. overflow-y: auto;
  76. z-index: 2;
  77. height: 95%;
  78. .item {
  79. padding: 13px 8px 13px 8px;
  80. font-size: 14px;
  81. &.active {
  82. background-color: white;
  83. color: $main-color;
  84. }
  85. }
  86. }
  87. .right {
  88. position: fixed;
  89. height: 100%;
  90. width: 80%;
  91. overflow-y: auto;
  92. left: 25%;
  93. z-index: 1;
  94. background-color: white;
  95. .list {
  96. padding: 10px 10px 85px 10px;
  97. }
  98. }
  99. }