danpicker.wxss 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. .xmbtn{height: 100rpx;display: flex;align-items: center;justify-content: center;}
  2. .xmbtn.btn1{width: 200rpx;}
  3. .xmbtn.btn2{background-color: $uni-color-fa;}
  4. .tree-cover {
  5. position: fixed;
  6. top: 0rpx;
  7. right: 0rpx;
  8. bottom: 0rpx;
  9. left: 0rpx;
  10. z-index: 100;
  11. background-color: rgba(0, 0, 0, .4);
  12. opacity: 0;
  13. transition: all 0.3s ease;
  14. visibility: hidden;
  15. }
  16. .tree-cover.show {
  17. visibility: visible;
  18. opacity: 1;
  19. }
  20. .tree-dialog {
  21. position: fixed;
  22. top: 0rpx;
  23. right: 0rpx;
  24. bottom: 0rpx;
  25. left: 0rpx;
  26. background-color: #fff;
  27. border-top-left-radius: 10px;
  28. border-top-right-radius: 10px;
  29. display: flex;
  30. flex-direction: column;
  31. z-index: 100002;
  32. top: 20%;
  33. transition: all 0.3s ease;
  34. -webkit-transform: translateY(100%);
  35. transform: translateY(100%);
  36. }
  37. .tree-dialog.show {
  38. -webkit-transform: translateY(0);
  39. transform: translateY(0);
  40. }
  41. .tree-bar {
  42. /* background-color: #fff; */
  43. height: 90rpx;
  44. padding-left: 25rpx;
  45. padding-right: 25rpx;
  46. display: flex;
  47. justify-content: space-between;
  48. align-items: center;
  49. box-sizing: border-box;
  50. border-bottom-width: 1rpx !important;
  51. border-bottom-style: solid;
  52. border-bottom-color: #f5f5f5;
  53. font-size: 32rpx;
  54. color: #757575;
  55. line-height: 1;
  56. }
  57. .tree-bar-confirm {
  58. color: #FE5706;
  59. padding: 15rpx;
  60. }
  61. .tree-bar-title {}
  62. .tree-bar-cancel {
  63. color: #757575;
  64. padding: 15rpx;
  65. }
  66. .tree-view {
  67. flex: 1;
  68. padding: 20rpx 36rpx;
  69. display: flex;
  70. flex-direction: column;
  71. overflow: hidden;
  72. height: 100%;
  73. }
  74. .tree-list {
  75. flex: 1;
  76. height: 100%;
  77. overflow: hidden;
  78. }
  79. .tree-item {
  80. display: flex;
  81. justify-content: space-between;
  82. align-items: center;
  83. line-height: 1;
  84. height: 0;
  85. opacity: 0;
  86. transition: 0.2s;
  87. overflow: hidden;
  88. }
  89. .tree-item.show {
  90. height: 90rpx;
  91. opacity: 1;
  92. }
  93. .tree-item.showchild:before {
  94. -webkit-transform: rotate(90deg);
  95. transform: rotate(90deg);
  96. }
  97. .tree-item.last:before {
  98. opacity: 0;
  99. }
  100. .switch-on {
  101. width: 0;
  102. height: 0;
  103. border-left: 16rpx solid transparent;
  104. border-right: 16rpx solid transparent;
  105. border-top: 20rpx solid #666;
  106. }
  107. .switch-off {
  108. width: 0;
  109. height: 0;
  110. border-bottom: 16rpx solid transparent;
  111. border-top: 16rpx solid transparent;
  112. border-left: 20rpx solid #666;
  113. }
  114. .item-last-dot {
  115. position: absolute;
  116. width: 12rpx;
  117. height: 12rpx;
  118. border-radius: 100%;
  119. background: #666;
  120. }
  121. .item-icon {
  122. width: 26rpx;
  123. height: 30rpx;
  124. margin-right: 8rpx;
  125. padding-right: 20rpx;
  126. padding-left: 20rpx;
  127. }
  128. .item-label {
  129. flex: 1;
  130. display: flex;
  131. align-items: center;
  132. height: 100%;
  133. line-height: 1.2;
  134. }
  135. .item-name {
  136. flex: 1;
  137. overflow: hidden;
  138. text-overflow: ellipsis;
  139. white-space: nowrap;
  140. /* width: 450rpx; */
  141. font-size: 34rpx;
  142. font-weight: bold;
  143. line-height: 1;
  144. }
  145. .item-check {
  146. width: 40px;
  147. height: 40px;
  148. display: flex;
  149. justify-content: center;
  150. align-items: center;
  151. }
  152. .item-check-yes,
  153. .item-check-no {
  154. width: 32rpx;
  155. height: 32rpx;
  156. border-top-left-radius: 20%;
  157. border-top-right-radius: 20%;
  158. border-bottom-right-radius: 20%;
  159. border-bottom-left-radius: 20%;
  160. border-top-width: 1rpx;
  161. border-left-width: 1rpx;
  162. border-bottom-width: 1rpx;
  163. border-right-width: 1rpx;
  164. border-style: solid;
  165. border-color: #FE5706;
  166. border-radius: 8rpx;
  167. display: flex;
  168. justify-content: center;
  169. align-items: center;
  170. box-sizing: border-box;
  171. /* background-color: #FE5706; */
  172. }
  173. .item-check-yes{
  174. border: none;
  175. background-color: #FE5706;
  176. }
  177. .item-check-yes-part {
  178. width: 24rpx;
  179. height: 6rpx;
  180. border-top-left-radius: 20%;
  181. border-top-right-radius: 20%;
  182. border-bottom-right-radius: 20%;
  183. border-bottom-left-radius: 20%;
  184. background-color: #ffffff;
  185. }
  186. .item-check-yes-all {
  187. margin-bottom: 5px;
  188. border: 2px solid #ffffff;
  189. border-left: 0;
  190. border-top: 0;
  191. height: 12px;
  192. width: 6px;
  193. -webkit-transform-origin: center;
  194. transform-origin: center;
  195. transition: all 0.3s;
  196. -webkit-transform: rotate(45deg);
  197. transform: rotate(45deg);
  198. /* border: none;
  199. background-color: #FE5706; */
  200. }
  201. .item-check .radio {
  202. border-top-left-radius: 50%;
  203. border-top-right-radius: 50%;
  204. border-bottom-right-radius: 50%;
  205. border-bottom-left-radius: 50%;
  206. }
  207. .item-check .radio .item-check-yes-b {
  208. border-top-left-radius: 50%;
  209. border-top-right-radius: 50%;
  210. border-bottom-right-radius: 50%;
  211. border-bottom-left-radius: 50%;
  212. }
  213. .hover-c {
  214. opacity: 0.6;
  215. }
  216. .itemBorder {
  217. border-bottom: 1px solid #e5e5e5;
  218. }
  219. .xmmain .uni-data-checklist .checklist-group{display: block;}
  220. .xmmain .uni-data-checklist .checklist-group .checklist-box{padding: 28rpx 0;margin: 0;}
  221. .xmmain .uni-data-checklist .checklist-group .checklist-box .checklist-text{color: #343434;font-size: 32rpx;font-weight: bold;}
  222. .xmmain .uni-data-checklist .checklist-group .checklist-box .checkbox__inner{margin-right: 32rpx;}
  223. .xmmain .uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .checkbox__inner{border-color: #FF440B; background-color: #FF440B;}
  224. .xmmain .uni-data-checklist .checklist-group .checklist-box.is--default.is-checked .checklist-text{color: #343434;}