zhilin-picker.wxss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .zhilin-picker {
  12. font-size: 28rpx;
  13. }
  14. .zhilin-picker uni-popup .uni-popup {
  15. width: 750rpx;
  16. background: #fff;
  17. height: 1056rpx;
  18. overflow: hidden;
  19. display: flex;
  20. flex-direction: column;
  21. z-index: 999 !important;
  22. }
  23. .zhilin-picker uni-popup .usb {
  24. padding: 0 32rpx;
  25. background: #fff;
  26. }
  27. .main {
  28. height: calc(800rpx - 192rpx);
  29. flex: 1;
  30. position: relative;
  31. background: #fff;
  32. }
  33. .main scroll-view {
  34. height: 100%;
  35. }
  36. .main scroll-view .scroll-view-item {
  37. box-sizing: border-box;
  38. padding: 18rpx 44rpx !important;
  39. display: flex;
  40. justify-content: space-between;
  41. align-items: center;
  42. min-height: 80rpx;
  43. }
  44. .main scroll-view .scroll-view-item.selected {
  45. background: rgba(0, 122, 255, 0.1);
  46. }
  47. .main scroll-view .scroll-view-item uni-text {
  48. width: 85%;
  49. }
  50. .main scroll-view .isBottom {
  51. display: flex;
  52. justify-content: center;
  53. color: #777;
  54. position: relative;
  55. padding: 18rpx 44rpx;
  56. font-size: 24rpx;
  57. }
  58. .main scroll-view .isBottom::after {
  59. content: '';
  60. position: absolute;
  61. bottom: 10rpx;
  62. width: 60rpx;
  63. height: 4rpx;
  64. left: 50%;
  65. -webkit-transform: translateX(-51%);
  66. transform: translateX(-51%);
  67. background: #777;
  68. }
  69. .main .loadingBox {
  70. height: 100%;
  71. width: 100%;
  72. position: absolute;
  73. top: 0;
  74. left: 0;
  75. background: rgba(255, 255, 255, 0.7);
  76. z-index: 2;
  77. }
  78. .main .loadingBox uni-load-more {
  79. display: flex;
  80. justify-content: center;
  81. position: absolute;
  82. width: 100%;
  83. top: 35%;
  84. left: 50%;
  85. -webkit-transform: translate(-50%);
  86. transform: translate(-50%);
  87. }
  88. .detail_address {
  89. color: #969696;
  90. font-size: 24rpx;
  91. padding-top: 10rpx;
  92. }
  93. .empty {
  94. background: #fff;
  95. }