zb-tables.wxss 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316
  1. @charset "UTF-8";
  2. /**
  3. * uni-app内置的常用样式变量
  4. */
  5. /* 行为相关颜色 */
  6. /* 文字基本颜色 */
  7. /* 背景颜色 */
  8. /* 边框颜色 */
  9. /* 尺寸变量 */
  10. /* 文字尺寸 */
  11. /* 图片尺寸 */
  12. /* Border Radius */
  13. /* 水平间距 */
  14. /* 垂直间距 */
  15. /* 透明度 */
  16. /* 文章场景相关 */
  17. .zb-table-fixed-left {
  18. /*去除左边滚动条 */
  19. }
  20. .zb-table-fixed-left scroll-view ::-webkit-scrollbar {
  21. display: none !important;
  22. width: 0 !important;
  23. height: 0 !important;
  24. -webkit-appearance: none;
  25. background: transparent;
  26. }
  27. .zb-table-header scroll-view ::-webkit-scrollbar {
  28. display: none !important;
  29. width: 0 !important;
  30. height: 0 !important;
  31. -webkit-appearance: none;
  32. background: transparent;
  33. }
  34. @charset "UTF-8";
  35. /**
  36. * uni-app内置的常用样式变量
  37. */
  38. /* 行为相关颜色 */
  39. /* 文字基本颜色 */
  40. /* 背景颜色 */
  41. /* 边框颜色 */
  42. /* 尺寸变量 */
  43. /* 文字尺寸 */
  44. /* 图片尺寸 */
  45. /* Border Radius */
  46. /* 水平间距 */
  47. /* 垂直间距 */
  48. /* 透明度 */
  49. /* 文章场景相关 */
  50. .sorter-table.data-v-393a4122 {
  51. position: absolute;
  52. right: 2rpx;
  53. top: 50%;
  54. -webkit-transform: translateY(-50%);
  55. transform: translateY(-50%);
  56. }
  57. .sorter-table .sorter-table-icon.data-v-393a4122 {
  58. width: 0;
  59. height: 0;
  60. color: #dcdcdc;
  61. border-right: 8rpx solid transparent;
  62. border-left: 8rpx solid transparent;
  63. }
  64. .sorter-table .sorter-table-icon.data-v-393a4122:first-child {
  65. border-bottom: 14rpx solid currentColor;
  66. }
  67. .sorter-table .sorter-table-icon.data-v-393a4122:last-child {
  68. margin-top: 3rpx;
  69. border-top: 14rpx solid currentColor;
  70. }
  71. .sorter-table .sorting_desc.data-v-393a4122 {
  72. color: #2979ff;
  73. }
  74. .sorter-table .sorting_asc.data-v-393a4122 {
  75. color: #2979ff;
  76. }
  77. .checkbox-item.data-v-393a4122 {
  78. display: flex;
  79. align-items: center;
  80. justify-content: center;
  81. width: 100%;
  82. height: 100%;
  83. }
  84. .no-data.data-v-393a4122 {
  85. width: 100%;
  86. height: 80rpx;
  87. display: flex;
  88. justify-content: center;
  89. align-items: center;
  90. }
  91. .item-th.data-v-393a4122 {
  92. position: relative;
  93. flex-shrink: 0;
  94. width: 200rpx;
  95. overflow-wrap: break-word;
  96. border-bottom: 2rpx solid #e8e8e8;
  97. transition: background 0.3s;
  98. padding-right: 8rpx;
  99. word-break: keep-all;
  100. /* 不换行 */
  101. white-space: nowrap;
  102. /* 不换行 */
  103. overflow: hidden;
  104. /* 内容超出宽度时隐藏超出部分的内容 */
  105. text-overflow: ellipsis;
  106. /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
  107. overflow-wrap: break-word;
  108. }
  109. .zb-table.data-v-393a4122 {
  110. height: 100%;
  111. overflow: hidden;
  112. width: 100%;
  113. display: flex;
  114. flex-direction: column;
  115. font-size: 28rpx;
  116. position: relative;
  117. }
  118. .zb-table .zb-table-content.data-v-393a4122 {
  119. position: relative;
  120. overflow: hidden;
  121. }
  122. .zb-table .zb-table-fixed.data-v-393a4122 {
  123. min-width: 100%;
  124. }
  125. .zb-table .zb-table-body.data-v-393a4122 {
  126. position: relative;
  127. background: #fff;
  128. transition: opacity 0.3s;
  129. }
  130. .zb-table .item-tr.data-v-393a4122 {
  131. display: flex;
  132. }
  133. .zb-table .item-td.data-v-393a4122 {
  134. flex-shrink: 0;
  135. width: 200rpx;
  136. padding-left: 8rpx;
  137. height: 80rpx;
  138. line-height: 80rpx;
  139. padding-right: 8rpx;
  140. box-sizing: border-box;
  141. word-break: keep-all;
  142. /* 不换行 */
  143. white-space: nowrap;
  144. /* 不换行 */
  145. overflow: hidden;
  146. /* 内容超出宽度时隐藏超出部分的内容 */
  147. text-overflow: ellipsis;
  148. /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
  149. overflow-wrap: break-word;
  150. border-bottom: 2rpx solid #e8e8e8;
  151. }
  152. .zb-table .zb-table-fixed-left .zb-table-header.data-v-393a4122 {
  153. overflow-y: hidden;
  154. }
  155. .zb-table .zb-table-header.data-v-393a4122 {
  156. overflow: hidden;
  157. background: #fafafa;
  158. }
  159. .zb-table .zb-table-header .item-th.data-v-393a4122 {
  160. padding-left: 8rpx;
  161. line-height: 78rpx;
  162. height: 80rpx;
  163. box-sizing: border-box;
  164. }
  165. .zb-table .zb-table-fixed-left .zb-table-fixed.data-v-393a4122 {
  166. background: #fff;
  167. }
  168. .zb-table .zb-table-fixed-right .zb-table-fixed.data-v-393a4122 {
  169. background: #fff;
  170. }
  171. .zb-table .zb-table-body-inner.data-v-393a4122 {
  172. height: 100%;
  173. }
  174. .zb-table .zb-table-fixed-left.data-v-393a4122 {
  175. position: absolute;
  176. top: 0;
  177. z-index: 1;
  178. overflow: hidden;
  179. border-radius: 0;
  180. height: 100%;
  181. }
  182. .zb-table .odd.data-v-393a4122 {
  183. background-color: rgba(249, 249, 249, 0.6);
  184. width: 100%;
  185. }
  186. .zb-table .even.data-v-393a4122 {
  187. background-color: white;
  188. width: 100%;
  189. }
  190. .scroll-left-fixed .zb-table-fixed-left.data-v-393a4122 {
  191. left: 0;
  192. box-shadow: 12rpx 0 12rpx -8rpx #ccc;
  193. }
  194. .zb-table-applet.data-v-393a4122 {
  195. height: 100%;
  196. width: 100%;
  197. position: relative;
  198. display: flex;
  199. flex-direction: column;
  200. font-size: 28rpx;
  201. }
  202. .zb-table-applet .zb-table-content.data-v-393a4122 {
  203. flex: 1;
  204. overflow: hidden;
  205. position: relative;
  206. }
  207. .zb-table-applet .zb-table-fixed.data-v-393a4122 {
  208. min-width: 100%;
  209. width: -webkit-fit-content;
  210. width: fit-content;
  211. }
  212. .zb-table-applet .zb-table-body.data-v-393a4122 {
  213. position: relative;
  214. background: #fff;
  215. transition: opacity 0.3s;
  216. }
  217. .zb-table-applet .item-tr.data-v-393a4122 {
  218. display: flex;
  219. }
  220. .zb-table-applet .item-td.data-v-393a4122 {
  221. flex-shrink: 0;
  222. width: 200rpx;
  223. padding-left: 8rpx;
  224. height: 80rpx;
  225. line-height: 80rpx;
  226. padding-right: 8rpx;
  227. box-sizing: border-box;
  228. word-break: keep-all;
  229. /* 不换行 */
  230. white-space: nowrap;
  231. /* 不换行 */
  232. overflow: hidden;
  233. /* 内容超出宽度时隐藏超出部分的内容 */
  234. text-overflow: ellipsis;
  235. /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
  236. overflow-wrap: break-word;
  237. border-bottom: 2rpx solid #e8e8e8;
  238. }
  239. .zb-table-applet .zb-table-header.data-v-393a4122 {
  240. position: -webkit-sticky;
  241. position: sticky;
  242. top: 0;
  243. z-index: 2;
  244. }
  245. .zb-table-applet .zb-table-header .item-th.data-v-393a4122 {
  246. padding-left: 8rpx;
  247. line-height: 78rpx;
  248. height: 80rpx;
  249. box-sizing: border-box;
  250. background: #fafafa;
  251. }
  252. .zb-table-applet .zb-table-header .zb-stick-side.data-v-393a4122 {
  253. position: -webkit-sticky;
  254. position: sticky;
  255. top: 0;
  256. left: 0;
  257. z-index: 2;
  258. box-sizing: border-box;
  259. background: #fafafa;
  260. }
  261. .zb-table-applet .zb-table-fixed-left .zb-table-fixed.data-v-393a4122 {
  262. background: #fff;
  263. }
  264. .zb-table-applet .zb-table-fixed-right .zb-table-fixed.data-v-393a4122 {
  265. background: #fff;
  266. }
  267. .zb-table-applet .zb-table-fixed-header .zb-table-body-inner.data-v-393a4122 {
  268. height: 100%;
  269. }
  270. .zb-table-applet .zb-table-fixed-left.data-v-393a4122 {
  271. position: absolute;
  272. top: 0;
  273. z-index: 1;
  274. overflow: hidden;
  275. border-radius: 0;
  276. height: 100%;
  277. }
  278. .zb-table-applet .scroll-left-fixed .zb-table-fixed-left.data-v-393a4122 {
  279. left: 0;
  280. box-shadow: 12rpx 0 12rpx -8rpx #ccc;
  281. }
  282. .zb-table-applet .odd.data-v-393a4122 {
  283. background-color: rgba(249, 249, 249, 0.6);
  284. width: 100%;
  285. }
  286. .zb-table-applet .even.data-v-393a4122 {
  287. background-color: white;
  288. width: 100%;
  289. }
  290. .zb-table-applet .zb-table-tbody .zb-stick-side.data-v-393a4122 {
  291. position: -webkit-sticky;
  292. position: sticky;
  293. left: 0;
  294. z-index: 1;
  295. box-sizing: border-box;
  296. background: white;
  297. }
  298. .zb-table-applet .zb-table-tbody .odd.data-v-393a4122 {
  299. background: #f9f9f9;
  300. width: 100%;
  301. }
  302. .zb-table-applet .zb-table-tbody .even.data-v-393a4122 {
  303. background: white;
  304. width: 100%;
  305. }
  306. .zb-table-applet .current-row .item-td.data-v-393a4122 {
  307. background-color: #ecf5ff;
  308. }
  309. .current-row .item-td.data-v-393a4122 {
  310. background-color: #ecf5ff;
  311. }
  312. .zb-table-header.data-v-393a4122 {
  313. height: 80rpx;
  314. }