wx-menu.wxss 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. @charset "UTF-8";
  2. /***
  3. 全局scss 变量和方法 存放处
  4. */
  5. /* 引入minxin */
  6. /* 颜色变量 */
  7. /*图片地址*/
  8. /* 行为相关颜色 */
  9. /* 文字基本颜色 */
  10. /* 背景颜色 */
  11. /* 边框颜色 */
  12. /* 尺寸变量 */
  13. /* 文字尺寸 */
  14. /* 图片尺寸 */
  15. /* Border Radius */
  16. /* 水平间距 */
  17. /* 垂直间距 */
  18. /* 透明度 */
  19. /* 文章场景相关 */
  20. .app-content.data-v-2ee16aae {
  21. padding-top: 30rpx;
  22. min-height: calc(100vh - 30rpx);
  23. background-color: #fff;
  24. position: relative;
  25. }
  26. .wx-wrap.data-v-2ee16aae {
  27. margin: 0 30rpx;
  28. }
  29. .wx-wrap .wx-bar.data-v-2ee16aae {
  30. position: relative;
  31. }
  32. .wx-wrap .wx-bar .bar-text.data-v-2ee16aae {
  33. position: absolute;
  34. top: 50rpx;
  35. font-size: 34rpx;
  36. font-weight: 500;
  37. color: #fff;
  38. width: 100%;
  39. text-align: center;
  40. }
  41. .wx-wrap .wx-content.data-v-2ee16aae {
  42. width: 100%;
  43. height: 724rpx;
  44. background-color: #ededed;
  45. }
  46. .wx-wrap .wx-btn.data-v-2ee16aae {
  47. display: -webkit-box;
  48. display: flex;
  49. display: -webkit-flex;
  50. -webkit-box-align: center;
  51. -webkit-align-items: center;
  52. align-items: center;
  53. -webkit-box-pack: justify;
  54. -webkit-justify-content: space-between;
  55. justify-content: space-between;
  56. background-color: #f7f7f7;
  57. padding: 0 20rpx 10rpx 10rpx;
  58. height: 90rpx;
  59. }
  60. .wx-wrap .wx-btn .key-btn.data-v-2ee16aae {
  61. width: 13%;
  62. }
  63. .wx-wrap .wx-btn .key-btn .key-btn-img.data-v-2ee16aae {
  64. width: 58rpx;
  65. }
  66. .wx-wrap .wx-btn .menu-btn.data-v-2ee16aae {
  67. width: 29%;
  68. height: calc(100% - 30rpx);
  69. display: -webkit-box;
  70. display: flex;
  71. display: -webkit-flex;
  72. -webkit-box-align: center;
  73. -webkit-align-items: center;
  74. align-items: center;
  75. -webkit-box-pack: center;
  76. -webkit-justify-content: center;
  77. justify-content: center;
  78. border-left: 2rpx solid #eee;
  79. }
  80. .wx-wrap .wx-btn .menu-btn.active.data-v-2ee16aae {
  81. color: #09bb07;
  82. }
  83. .wx-wrap .wx-btn .menu-btn.active .iconfont.data-v-2ee16aae {
  84. color: #09bb07;
  85. }
  86. .wx-wrap .wx-btn .menu-btn .iconfont-blo.data-v-2ee16aae {
  87. margin-right: 6rpx;
  88. }
  89. .wx-wrap .wx-btn .menu-btn .iconfont.data-v-2ee16aae {
  90. color: #999999;
  91. font-size: 24rpx;
  92. -webkit-transform: scale(0.6);
  93. transform: scale(0.6);
  94. }
  95. .prompt-text.data-v-2ee16aae {
  96. padding: 30rpx 30rpx 60rpx 30rpx;
  97. color: #999999;
  98. }
  99. .btn-wrap.data-v-2ee16aae {
  100. width: calc(100% - 60rpx);
  101. margin: 0 30rpx;
  102. display: -webkit-box;
  103. display: flex;
  104. display: -webkit-flex;
  105. -webkit-box-align: center;
  106. -webkit-align-items: center;
  107. align-items: center;
  108. -webkit-box-pack: justify;
  109. -webkit-justify-content: space-between;
  110. justify-content: space-between;
  111. }
  112. .btn-wrap .admin-button-com.data-v-2ee16aae {
  113. width: calc(48% - 40rpx);
  114. }
  115. .add-module-wrap .inp-list-line.data-v-2ee16aae {
  116. margin-top: 40rpx;
  117. }
  118. .add-module-wrap .inp-list-line.data-v-2ee16aae:first-child {
  119. margin-top: 0;
  120. }
  121. .add-module-wrap .button-wrap.data-v-2ee16aae {
  122. -webkit-box-pack: start;
  123. -webkit-justify-content: flex-start;
  124. justify-content: flex-start;
  125. -webkit-flex-wrap: wrap;
  126. flex-wrap: wrap;
  127. }
  128. .add-module-wrap .button-wrap .admin-button-com.data-v-2ee16aae {
  129. width: 130rpx;
  130. border-radius: 4rpx;
  131. padding-top: 16rpx;
  132. padding-bottom: 16rpx;
  133. -webkit-flex-shrink: 0;
  134. flex-shrink: 0;
  135. margin-left: 20rpx;
  136. }
  137. .add-module-wrap .button-wrap .admin-button-com.data-v-2ee16aae:nth-child(3n + 1) {
  138. margin-left: 0;
  139. }
  140. .add-module-wrap .button-wrap .admin-button-com.data-v-2ee16aae:nth-child(n + 4) {
  141. margin-top: 20rpx;
  142. }