@nutui/nutui-react 3.0.0-beta.5 → 3.0.0-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (317) hide show
  1. package/README.md +39 -9
  2. package/dist/cjs/packages/actionsheet/actionsheet.js +6 -3
  3. package/dist/cjs/packages/actionsheet/style/actionsheet.scss +10 -4
  4. package/dist/cjs/packages/actionsheet/style/style.css +14 -6
  5. package/dist/cjs/packages/address/style/style.css +60 -92
  6. package/dist/cjs/packages/animate/style/animate.scss +0 -3
  7. package/dist/cjs/packages/animate/style/style.css +4 -3
  8. package/dist/cjs/packages/animatingnumbers/style/style.css +4 -0
  9. package/dist/cjs/packages/audio/style/style.css +4 -0
  10. package/dist/cjs/packages/avatar/style/style.css +4 -0
  11. package/dist/cjs/packages/avatarcropper/style/style.css +4 -0
  12. package/dist/cjs/packages/avatargroup/style/style.css +4 -0
  13. package/dist/cjs/packages/backtop/style/style.css +4 -0
  14. package/dist/cjs/packages/badge/style/style.css +4 -0
  15. package/dist/cjs/packages/barrage/style/style.css +4 -0
  16. package/dist/cjs/packages/button/style/style.css +4 -0
  17. package/dist/cjs/packages/calendar/style/style.css +4 -3
  18. package/dist/cjs/packages/calendarcard/style/calendarcard.scss +1 -1
  19. package/dist/cjs/packages/calendarcard/style/style.css +4 -0
  20. package/dist/cjs/packages/calendaritem/style/style.css +4 -0
  21. package/dist/cjs/packages/card/style/style.css +4 -0
  22. package/dist/cjs/packages/cascader/style/style.css +53 -88
  23. package/dist/cjs/packages/cell/style/style.css +4 -0
  24. package/dist/cjs/packages/cellgroup/style/style.css +4 -0
  25. package/dist/cjs/packages/checkbox/style/style.css +4 -0
  26. package/dist/cjs/packages/checkboxgroup/style/style.css +4 -0
  27. package/dist/cjs/packages/circleprogress/style/style.css +4 -0
  28. package/dist/cjs/packages/col/style/style.css +4 -0
  29. package/dist/cjs/packages/collapse/style/style.css +4 -0
  30. package/dist/cjs/packages/collapseitem/style/style.css +4 -0
  31. package/dist/cjs/packages/configprovider/style/style.css +4 -0
  32. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  33. package/dist/cjs/packages/countdown/style/countdown.scss +21 -2
  34. package/dist/cjs/packages/countdown/style/style.css +24 -2
  35. package/dist/cjs/packages/countup/style/style.css +4 -0
  36. package/dist/cjs/packages/datepicker/style/style.css +4 -3
  37. package/dist/cjs/packages/dialog/style/style.css +4 -0
  38. package/dist/cjs/packages/divider/style/style.css +4 -0
  39. package/dist/cjs/packages/drag/style/style.css +4 -0
  40. package/dist/cjs/packages/elevator/style/elevator.scss +7 -4
  41. package/dist/cjs/packages/elevator/style/style.css +11 -4
  42. package/dist/cjs/packages/ellipsis/style/style.css +4 -0
  43. package/dist/cjs/packages/empty/empty.js +1 -1
  44. package/dist/cjs/packages/empty/style/empty.scss +9 -5
  45. package/dist/cjs/packages/empty/style/style.css +16 -7
  46. package/dist/cjs/packages/fixednav/style/style.css +4 -0
  47. package/dist/cjs/packages/form/style/style.css +4 -0
  48. package/dist/cjs/packages/formitem/style/style.css +4 -0
  49. package/dist/cjs/packages/grid/style/style.css +4 -0
  50. package/dist/cjs/packages/griditem/style/style.css +4 -0
  51. package/dist/cjs/packages/hoverbutton/hoverbutton.js +2 -1
  52. package/dist/cjs/packages/hoverbutton/style/style.css +37 -12
  53. package/dist/cjs/packages/hoverbutton/utils.d.ts +1 -0
  54. package/dist/cjs/packages/hoverbutton/utils.js +11 -0
  55. package/dist/cjs/packages/hoverbuttonitem/hoverbuttonitem.js +17 -8
  56. package/dist/cjs/packages/hoverbuttonitem/style/hoverbuttonitem.scss +25 -0
  57. package/dist/cjs/packages/hoverbuttonitem/style/style.css +33 -8
  58. package/dist/cjs/packages/hoverbuttonitem/utils.d.ts +2 -0
  59. package/dist/cjs/packages/hoverbuttonitem/utils.js +18 -0
  60. package/dist/cjs/packages/image/style/style.css +4 -0
  61. package/dist/cjs/packages/imagepreview/style/imagepreview.scss +7 -0
  62. package/dist/cjs/packages/imagepreview/style/style.css +12 -3
  63. package/dist/cjs/packages/indicator/style/style.css +4 -0
  64. package/dist/cjs/packages/infiniteloading/style/style.css +4 -0
  65. package/dist/cjs/packages/input/style/style.css +4 -0
  66. package/dist/cjs/packages/inputnumber/style/inputnumber.scss +19 -16
  67. package/dist/cjs/packages/inputnumber/style/style.css +25 -19
  68. package/dist/cjs/packages/layout/style/style.css +4 -0
  69. package/dist/cjs/packages/loading/style/style.css +4 -0
  70. package/dist/cjs/packages/menu/style/style.css +4 -0
  71. package/dist/cjs/packages/menuitem/style/style.css +4 -0
  72. package/dist/cjs/packages/navbar/style/style.css +4 -0
  73. package/dist/cjs/packages/noticebar/style/style.css +4 -0
  74. package/dist/cjs/packages/notify/style/style.css +4 -0
  75. package/dist/cjs/packages/numberkeyboard/style/numberkeyboard.scss +10 -1
  76. package/dist/cjs/packages/numberkeyboard/style/style.css +16 -3
  77. package/dist/cjs/packages/nutui.react.build.d.ts +3 -1
  78. package/dist/cjs/packages/nutui.react.build.js +4 -0
  79. package/dist/cjs/packages/nutui.react.d.ts +4 -1
  80. package/dist/cjs/packages/nutui.react.js +5 -0
  81. package/dist/cjs/packages/nutui.react.scss.d.ts +1 -0
  82. package/dist/cjs/packages/nutui.react.scss.js +1 -0
  83. package/dist/cjs/packages/overlay/style/style.css +4 -0
  84. package/dist/cjs/packages/pagination/style/style.css +4 -0
  85. package/dist/cjs/packages/picker/style/style.css +4 -3
  86. package/dist/cjs/packages/popover/style/popover.scss +16 -11
  87. package/dist/cjs/packages/popover/style/style.css +18 -5
  88. package/dist/cjs/packages/popup/style/popup.scss +0 -3
  89. package/dist/cjs/packages/popup/style/style.css +4 -3
  90. package/dist/cjs/packages/price/style/style.css +4 -0
  91. package/dist/cjs/packages/progress/style/style.css +4 -0
  92. package/dist/cjs/packages/pulltorefresh/style/style.css +4 -0
  93. package/dist/cjs/packages/radio/style/style.css +4 -0
  94. package/dist/cjs/packages/radiogroup/style/style.css +4 -0
  95. package/dist/cjs/packages/range/style/style.css +4 -0
  96. package/dist/cjs/packages/rate/index.d.ts +1 -1
  97. package/dist/cjs/packages/rate/rate.d.ts +2 -16
  98. package/dist/cjs/packages/rate/rate.js +7 -3
  99. package/dist/cjs/packages/rate/style/rate.scss +94 -8
  100. package/dist/cjs/packages/rate/style/style.css +86 -8
  101. package/dist/cjs/packages/rate/types.d.ts +18 -0
  102. package/dist/cjs/packages/rate/types.js +4 -0
  103. package/dist/cjs/packages/resultpage/style/style.css +4 -0
  104. package/dist/cjs/packages/row/style/style.css +4 -0
  105. package/dist/cjs/packages/safearea/style/style.css +4 -0
  106. package/dist/cjs/packages/searchbar/style/style.css +4 -0
  107. package/dist/cjs/packages/segmented/index.d.ts +3 -0
  108. package/dist/cjs/packages/segmented/index.js +12 -0
  109. package/dist/cjs/packages/segmented/segmented.d.ts +3 -0
  110. package/dist/cjs/packages/segmented/segmented.js +75 -0
  111. package/dist/cjs/packages/segmented/style/css.js +1 -0
  112. package/dist/cjs/packages/segmented/style/index.js +1 -0
  113. package/dist/cjs/packages/segmented/style/segmented.scss +38 -0
  114. package/dist/cjs/packages/segmented/style/style.css +42 -0
  115. package/dist/cjs/packages/segmented/types.d.ts +15 -0
  116. package/dist/cjs/packages/segmented/types.js +4 -0
  117. package/dist/cjs/packages/shortpassword/style/style.css +4 -3
  118. package/dist/cjs/packages/sidenavbar/style/style.css +4 -3
  119. package/dist/cjs/packages/sidenavbaritem/style/style.css +4 -0
  120. package/dist/cjs/packages/signature/style/style.css +4 -0
  121. package/dist/cjs/packages/skeleton/style/style.css +4 -0
  122. package/dist/cjs/packages/space/style/style.css +4 -0
  123. package/dist/cjs/packages/step/style/style.css +4 -0
  124. package/dist/cjs/packages/steps/style/style.css +4 -0
  125. package/dist/cjs/packages/sticky/style/style.css +4 -0
  126. package/dist/cjs/packages/subsidenavbar/style/style.css +4 -0
  127. package/dist/cjs/packages/swipe/style/style.css +4 -0
  128. package/dist/cjs/packages/swiper/style/style.css +4 -0
  129. package/dist/cjs/packages/swiperitem/style/style.css +4 -0
  130. package/dist/cjs/packages/switch/style/style.css +50 -30
  131. package/dist/cjs/packages/switch/style/switch.scss +44 -28
  132. package/dist/cjs/packages/switch/switch.d.ts +2 -2
  133. package/dist/cjs/packages/switch/switch.js +3 -11
  134. package/dist/cjs/packages/tabbar/style/style.css +4 -0
  135. package/dist/cjs/packages/tabbaritem/style/style.css +4 -0
  136. package/dist/cjs/packages/table/style/style.css +4 -0
  137. package/dist/cjs/packages/tabpane/style/style.css +4 -0
  138. package/dist/cjs/packages/tabs/style/style.css +53 -85
  139. package/dist/cjs/packages/tabs/style/tabs.scss +68 -106
  140. package/dist/cjs/packages/tag/style/style.css +4 -0
  141. package/dist/cjs/packages/textarea/style/style.css +4 -0
  142. package/dist/cjs/packages/timedetail/style/style.css +6 -0
  143. package/dist/cjs/packages/timedetail/style/timedetail.scss +2 -0
  144. package/dist/cjs/packages/timeselect/style/style.css +6 -3
  145. package/dist/cjs/packages/toast/Notification.js +4 -4
  146. package/dist/cjs/packages/toast/style/style.css +17 -10
  147. package/dist/cjs/packages/toast/style/toast.scss +14 -8
  148. package/dist/cjs/packages/tour/style/style.css +18 -5
  149. package/dist/cjs/packages/trendarrow/style/style.css +4 -0
  150. package/dist/cjs/packages/uploader/style/style.css +4 -0
  151. package/dist/cjs/packages/video/style/style.css +4 -0
  152. package/dist/cjs/packages/video/video.d.ts +6 -2
  153. package/dist/cjs/packages/video/video.js +16 -2
  154. package/dist/cjs/packages/virtuallist/style/style.css +4 -0
  155. package/dist/cjs/packages/watermark/style/style.css +4 -0
  156. package/dist/es/packages/actionsheet/actionsheet.d.ts +7 -35
  157. package/dist/es/packages/actionsheet/actionsheet.js +6 -3
  158. package/dist/es/packages/actionsheet/style/actionsheet.scss +10 -4
  159. package/dist/es/packages/actionsheet/style/style.css +14 -6
  160. package/dist/es/packages/address/style/style.css +60 -92
  161. package/dist/es/packages/animate/style/animate.scss +0 -3
  162. package/dist/es/packages/animate/style/style.css +4 -3
  163. package/dist/es/packages/animatingnumbers/style/style.css +4 -0
  164. package/dist/es/packages/audio/style/style.css +4 -0
  165. package/dist/es/packages/avatar/style/style.css +4 -0
  166. package/dist/es/packages/avatarcropper/style/style.css +4 -0
  167. package/dist/es/packages/avatargroup/style/style.css +4 -0
  168. package/dist/es/packages/backtop/style/style.css +4 -0
  169. package/dist/es/packages/badge/style/style.css +4 -0
  170. package/dist/es/packages/barrage/style/style.css +4 -0
  171. package/dist/es/packages/button/style/style.css +4 -0
  172. package/dist/es/packages/calendar/style/style.css +4 -3
  173. package/dist/es/packages/calendarcard/style/calendarcard.scss +1 -1
  174. package/dist/es/packages/calendarcard/style/style.css +4 -0
  175. package/dist/es/packages/calendaritem/style/style.css +4 -0
  176. package/dist/es/packages/card/style/style.css +4 -0
  177. package/dist/es/packages/cascader/style/style.css +53 -88
  178. package/dist/es/packages/cell/style/style.css +4 -0
  179. package/dist/es/packages/cellgroup/style/style.css +4 -0
  180. package/dist/es/packages/checkbox/style/style.css +4 -0
  181. package/dist/es/packages/checkboxgroup/style/style.css +4 -0
  182. package/dist/es/packages/circleprogress/style/style.css +4 -0
  183. package/dist/es/packages/col/style/style.css +4 -0
  184. package/dist/es/packages/collapse/style/style.css +4 -0
  185. package/dist/es/packages/collapseitem/style/style.css +4 -0
  186. package/dist/es/packages/configprovider/style/style.css +4 -0
  187. package/dist/es/packages/configprovider/types.d.ts +1 -1
  188. package/dist/es/packages/countdown/style/countdown.scss +21 -2
  189. package/dist/es/packages/countdown/style/style.css +24 -2
  190. package/dist/es/packages/countup/style/style.css +4 -0
  191. package/dist/es/packages/datepicker/style/style.css +4 -3
  192. package/dist/es/packages/dialog/style/style.css +4 -0
  193. package/dist/es/packages/divider/style/style.css +4 -0
  194. package/dist/es/packages/drag/style/style.css +4 -0
  195. package/dist/es/packages/elevator/elevator.d.ts +9 -45
  196. package/dist/es/packages/elevator/style/elevator.scss +7 -4
  197. package/dist/es/packages/elevator/style/style.css +11 -4
  198. package/dist/es/packages/ellipsis/style/style.css +4 -0
  199. package/dist/es/packages/empty/empty.js +1 -1
  200. package/dist/es/packages/empty/style/empty.scss +9 -5
  201. package/dist/es/packages/empty/style/style.css +16 -7
  202. package/dist/es/packages/fixednav/style/style.css +4 -0
  203. package/dist/es/packages/form/style/style.css +4 -0
  204. package/dist/es/packages/formitem/style/style.css +4 -0
  205. package/dist/es/packages/grid/style/style.css +4 -0
  206. package/dist/es/packages/griditem/style/style.css +4 -0
  207. package/dist/es/packages/hoverbutton/hoverbutton.js +2 -1
  208. package/dist/es/packages/hoverbutton/style/style.css +37 -12
  209. package/dist/es/packages/hoverbutton/utils.d.ts +1 -0
  210. package/dist/es/packages/hoverbutton/utils.js +1 -0
  211. package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.js +17 -8
  212. package/dist/es/packages/hoverbuttonitem/style/hoverbuttonitem.scss +25 -0
  213. package/dist/es/packages/hoverbuttonitem/style/style.css +33 -8
  214. package/dist/es/packages/hoverbuttonitem/utils.d.ts +2 -0
  215. package/dist/es/packages/hoverbuttonitem/utils.js +7 -0
  216. package/dist/es/packages/image/style/style.css +4 -0
  217. package/dist/es/packages/imagepreview/style/imagepreview.scss +7 -0
  218. package/dist/es/packages/imagepreview/style/style.css +12 -3
  219. package/dist/es/packages/indicator/style/style.css +4 -0
  220. package/dist/es/packages/infiniteloading/style/style.css +4 -0
  221. package/dist/es/packages/input/style/style.css +4 -0
  222. package/dist/es/packages/inputnumber/style/inputnumber.scss +19 -16
  223. package/dist/es/packages/inputnumber/style/style.css +25 -19
  224. package/dist/es/packages/layout/style/style.css +4 -0
  225. package/dist/es/packages/loading/style/style.css +4 -0
  226. package/dist/es/packages/menu/style/style.css +4 -0
  227. package/dist/es/packages/menuitem/style/style.css +4 -0
  228. package/dist/es/packages/navbar/style/style.css +4 -0
  229. package/dist/es/packages/noticebar/style/style.css +4 -0
  230. package/dist/es/packages/notify/style/style.css +4 -0
  231. package/dist/es/packages/numberkeyboard/numberkeyboard.d.ts +10 -50
  232. package/dist/es/packages/numberkeyboard/style/numberkeyboard.scss +10 -1
  233. package/dist/es/packages/numberkeyboard/style/style.css +16 -3
  234. package/dist/es/packages/nutui.react.build.d.ts +3 -1
  235. package/dist/es/packages/nutui.react.build.js +3 -1
  236. package/dist/es/packages/overlay/style/style.css +4 -0
  237. package/dist/es/packages/pagination/style/style.css +4 -0
  238. package/dist/es/packages/picker/style/style.css +4 -3
  239. package/dist/es/packages/popover/style/popover.scss +16 -11
  240. package/dist/es/packages/popover/style/style.css +18 -5
  241. package/dist/es/packages/popup/style/popup.scss +0 -3
  242. package/dist/es/packages/popup/style/style.css +4 -3
  243. package/dist/es/packages/price/style/style.css +4 -0
  244. package/dist/es/packages/progress/style/style.css +4 -0
  245. package/dist/es/packages/pulltorefresh/style/style.css +4 -0
  246. package/dist/es/packages/radio/style/style.css +4 -0
  247. package/dist/es/packages/radiogroup/style/style.css +4 -0
  248. package/dist/es/packages/range/style/style.css +4 -0
  249. package/dist/es/packages/rate/index.d.ts +1 -1
  250. package/dist/es/packages/rate/rate.d.ts +2 -16
  251. package/dist/es/packages/rate/rate.js +7 -3
  252. package/dist/es/packages/rate/style/rate.scss +94 -8
  253. package/dist/es/packages/rate/style/style.css +86 -8
  254. package/dist/es/packages/rate/types.d.ts +18 -0
  255. package/dist/es/packages/rate/types.js +1 -0
  256. package/dist/es/packages/resultpage/style/style.css +4 -0
  257. package/dist/es/packages/row/style/style.css +4 -0
  258. package/dist/es/packages/safearea/style/style.css +4 -0
  259. package/dist/es/packages/searchbar/style/style.css +4 -0
  260. package/dist/es/packages/segmented/index.d.ts +3 -0
  261. package/dist/es/packages/segmented/index.js +2 -0
  262. package/dist/es/packages/segmented/segmented.d.ts +3 -0
  263. package/dist/es/packages/segmented/segmented.js +63 -0
  264. package/dist/es/packages/segmented/style/css.js +1 -0
  265. package/dist/es/packages/segmented/style/index.js +1 -0
  266. package/dist/es/packages/segmented/style/segmented.scss +38 -0
  267. package/dist/es/packages/segmented/style/style.css +42 -0
  268. package/dist/es/packages/segmented/types.d.ts +15 -0
  269. package/dist/es/packages/segmented/types.js +1 -0
  270. package/dist/es/packages/shortpassword/style/style.css +4 -3
  271. package/dist/es/packages/sidenavbar/style/style.css +4 -3
  272. package/dist/es/packages/sidenavbaritem/style/style.css +4 -0
  273. package/dist/es/packages/signature/style/style.css +4 -0
  274. package/dist/es/packages/skeleton/style/style.css +4 -0
  275. package/dist/es/packages/space/style/style.css +4 -0
  276. package/dist/es/packages/step/style/style.css +4 -0
  277. package/dist/es/packages/steps/style/style.css +4 -0
  278. package/dist/es/packages/sticky/style/style.css +4 -0
  279. package/dist/es/packages/subsidenavbar/style/style.css +4 -0
  280. package/dist/es/packages/swipe/style/style.css +4 -0
  281. package/dist/es/packages/swiper/style/style.css +4 -0
  282. package/dist/es/packages/swiperitem/style/style.css +4 -0
  283. package/dist/es/packages/switch/style/style.css +50 -30
  284. package/dist/es/packages/switch/style/switch.scss +44 -28
  285. package/dist/es/packages/switch/switch.d.ts +2 -2
  286. package/dist/es/packages/switch/switch.js +3 -11
  287. package/dist/es/packages/tabbar/style/style.css +4 -0
  288. package/dist/es/packages/tabbaritem/style/style.css +4 -0
  289. package/dist/es/packages/table/style/style.css +4 -0
  290. package/dist/es/packages/tabpane/style/style.css +4 -0
  291. package/dist/es/packages/tabpane/tabpane.d.ts +3 -15
  292. package/dist/es/packages/tabs/style/style.css +53 -85
  293. package/dist/es/packages/tabs/style/tabs.scss +68 -106
  294. package/dist/es/packages/tabs/tabs.d.ts +12 -60
  295. package/dist/es/packages/tag/style/style.css +4 -0
  296. package/dist/es/packages/textarea/style/style.css +4 -0
  297. package/dist/es/packages/timedetail/style/style.css +6 -0
  298. package/dist/es/packages/timedetail/style/timedetail.scss +2 -0
  299. package/dist/es/packages/timeselect/style/style.css +6 -3
  300. package/dist/es/packages/timeselect/timeselect.d.ts +9 -45
  301. package/dist/es/packages/toast/Notification.js +4 -4
  302. package/dist/es/packages/toast/style/style.css +17 -10
  303. package/dist/es/packages/toast/style/toast.scss +14 -8
  304. package/dist/es/packages/tour/style/style.css +18 -5
  305. package/dist/es/packages/trendarrow/style/style.css +4 -0
  306. package/dist/es/packages/uploader/style/style.css +4 -0
  307. package/dist/es/packages/video/style/style.css +4 -0
  308. package/dist/es/packages/video/video.d.ts +6 -2
  309. package/dist/es/packages/video/video.js +16 -2
  310. package/dist/es/packages/virtuallist/style/style.css +4 -0
  311. package/dist/es/packages/watermark/style/style.css +4 -0
  312. package/dist/nutui.react.umd.js +333 -263
  313. package/dist/style.css +1 -1
  314. package/dist/styles/theme-dark.scss +105 -94
  315. package/dist/styles/theme-default.scss +97 -90
  316. package/dist/styles/variables.scss +112 -66
  317. package/package.json +2 -2
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- :root,page{--nutui-brand-1: #ffebf1;--nutui-brand-2: #ffd6e1;--nutui-brand-3: #ffadbe;--nutui-brand-4: #ff8595;--nutui-brand-5: #ff5c67;--nutui-brand-6: #ff0f23;--nutui-brand-7: #e53029;--nutui-brand-8: #cc2c21;--nutui-brand-9: #992412;--nutui-brand-10: #661b08;--nutui-brand-11: #330f02;--nutui-brand-stop-1: #ff475d;--nutui-brand-stop-2: #ff0f23;--nutui-color-primary: var( --nutui-brand-6 );--nutui-color-primary-stop-1: var(--nutui-brand-stop-1);--nutui-color-primary-stop-2: var(--nutui-brand-stop-2);--nutui-color-primary-text: var( --nutui-color-background-gray-1 );--nutui-color-primary-pressed: var( --nutui-brand-7 );--nutui-color-primary-disabled: var( --nutui-color-content-gray-1 );--nutui-color-primary-disabled-special: var( --nutui-brand-3 );--nutui-color-primary-light-pressed: var( --nutui-brand-1 );--nutui-golden-1: #fff2e0;--nutui-golden-2: #ffd4a3;--nutui-golden-3: #cc8241;--nutui-golden-4: #994d00;--nutui-golden-stop-1: #fff9f0;--nutui-golden-stop-2: #ffe3c2;--nutui-color-service: var(--nutui-golden-1);--nutui-color-service-border: var(--nutui-golden-2);--nutui-color-service-pressed: var(--nutui-golden-4);--nutui-color-service-stop-1: var(--nutui-golden-stop-1);--nutui-color-service-stop-2: var(--nutui-golden-stop-2);--nutui-color-service-text: var(--nutui-golden-3);--nutui-green-1: #ebfbeb;--nutui-green-2: #00d900;--nutui-green-3: #2aa32a;--nutui-color-success: var(--nutui-green-2);--nutui-color-success-light: var(--nutui-green-1);--nutui-color-success-pressed: var(--nutui-green-3);--nutui-red-1: #ffebef;--nutui-red-2: #ff0f23;--nutui-color-danger: var(--nutui-red-2);--nutui-color-danger-light: var(--nutui-red-1);--nutui-yellow-1: #fff5cc;--nutui-yellow-2: #ffbf00;--nutui-yellow-3: #c47600;--nutui-color-warning: var(--nutui-yellow-2);--nutui-color-warning-light: var(--nutui-yellow-1);--nutui-color-warning-pressed: var(--nutui-yellow-3);--nutui-blue-1: #e5f5ff;--nutui-blue-2: #0073ff;--nutui-color-info: var(--nutui-blue-2);--nutui-color-info-light: var(--nutui-blue-1);--nutui-secondary-1: #14cc33;--nutui-color-text-link: var(--nutui-blue-2);--nutui-gray-1: #ffffff;--nutui-gray-2: #f7f8fc;--nutui-gray-3: #f5f6fa;--nutui-gray-4: #c2c4cc;--nutui-gray-5: #888b94;--nutui-gray-6: #505259;--nutui-gray-7: #1a1a1a;--nutui-black-1: rgba(0, 0, 0, 0);--nutui-black-2: rgba(0, 0, 0, .02);--nutui-black-3: rgba(0, 0, 0, .06);--nutui-black-4: rgba(0, 0, 0, .1);--nutui-black-5: rgba(0, 0, 0, .2);--nutui-black-6: rgba(0, 0, 0, .3);--nutui-black-7: rgba(0, 0, 0, .4);--nutui-black-8: rgba(0, 0, 0, .5);--nutui-black-9: rgba(0, 0, 0, .6);--nutui-black-10: rgba(0, 0, 0, .7);--nutui-black-11: rgba(0, 0, 0, .8);--nutui-black-12: rgba(0, 0, 0, .9);--nutui-black-13: rgba(0, 0, 0, 1);--nutui-white-1: rgba(255, 255, 255, 0);--nutui-white-2: rgba(255, 255, 255, .02);--nutui-white-3: rgba(255, 255, 255, .05);--nutui-white-4: rgba(255, 255, 255, .1);--nutui-white-5: rgba(255, 255, 255, .2);--nutui-white-6: rgba(255, 255, 255, .3);--nutui-white-7: rgba(255, 255, 255, .4);--nutui-white-8: rgba(255, 255, 255, .5);--nutui-white-9: rgba(255, 255, 255, .6);--nutui-white-10: rgba(255, 255, 255, .7);--nutui-white-11: rgba(255, 255, 255, .8);--nutui-white-12: rgba(255, 255, 255, .9);--nutui-white-13: rgba(255, 255, 255, 1);--nutui-color-content-gray-1: var(--nutui-gray-4);--nutui-color-content-gray-2: var(--nutui-gray-5);--nutui-color-content-gray-3: var(--nutui-gray-6);--nutui-color-content-gray-4: var(--nutui-gray-7);--nutui-color-title: var(--nutui-color-content-gray-4);--nutui-color-text: var( --nutui-color-content-gray-3 );--nutui-color-text-help: var( --nutui-color-content-gray-2 );--nutui-color-text-disabled: var( --nutui-color-content-gray-1 );--nutui-color-background-gray-1: var(--nutui-gray-1);--nutui-color-background-gray-2: var(--nutui-gray-2);--nutui-color-background-gray-3: var(--nutui-gray-3);--nutui-color-background: var(--nutui-color-background-gray-3);--nutui-color-background-overlay: var( --nutui-color-background-gray-1 );--nutui-color-background-sunken: var( --nutui-color-background-gray-2 );--nutui-color-mask-gray-1: var(--nutui-black-2);--nutui-color-mask-gray-2: var(--nutui-black-7);--nutui-color-mask-gray-3: var(--nutui-black-10);--nutui-color-mask: var(--nutui-color-mask-gray-3);--nutui-color-mask-part: var(--nutui-color-mask-gray-2);--nutui-color-mask-fault-toleran: var(--nutui-color-mask-gray-1);--nutui-color-line-gray-1: var(--nutui-black-3);--nutui-color-border: var(--nutui-color-line-gray-1);--nutui-color-border-disabled: var( --nutui-color-content-gray-1 );--nutui-font-size-8: 8px;--nutui-font-size-9: 9px;--nutui-font-size-10: 10px;--nutui-font-size-11: 11px;--nutui-font-size-12: 12px;--nutui-font-size-13: 13px;--nutui-font-size-14: 14px;--nutui-font-size-15: 15px;--nutui-font-size-16: 16px;--nutui-font-size-17: 17px;--nutui-font-size-18: 18px;--nutui-font-size-19: 19px;--nutui-font-size-20: 20px;--nutui-font-size-21: 21px;--nutui-font-size-22: 22px;--nutui-font-size-23: 23px;--nutui-font-size-24: 24px;--nutui-font-size-25: 25px;--nutui-font-size-26: 26px;--nutui-font-size-xxs: var(--nutui-font-size-10);--nutui-font-size-xs: var( --nutui-font-size-11 );--nutui-font-size-s: var( --nutui-font-size-12 );--nutui-font-size-base: var(--nutui-font-size-14);--nutui-font-size-l: var( --nutui-font-size-16 );--nutui-font-size-xl: var( --nutui-font-size-18 );--nutui-font-size-xxl: var( --nutui-font-size-24 );--nutui-font-size-xxxl: var(--nutui-font-size-26);--nutui-font-weight-light: 300;--nutui-font-weight: 400;--nutui-font-weight-bold: 600;--nutui-line-height-base: 1.5;--nutui-text-align: left;--nutui-spacing-1: 1px;--nutui-spacing-2: 2px;--nutui-spacing-3: 3px;--nutui-spacing-4: 4px;--nutui-spacing-5: 5px;--nutui-spacing-6: 6px;--nutui-spacing-7: 7px;--nutui-spacing-8: 8px;--nutui-spacing-9: 9px;--nutui-spacing-10: 10px;--nutui-spacing-11: 11px;--nutui-spacing-12: 12px;--nutui-spacing-13: 13px;--nutui-spacing-14: 14px;--nutui-spacing-15: 15px;--nutui-spacing-16: 16px;--nutui-spacing-xxxs: var(--nutui-spacing-2);--nutui-spacing-xxs: var( --nutui-spacing-4 );--nutui-spacing-xs: var( --nutui-spacing-6 );--nutui-spacing-s: var(--nutui-spacing-7);--nutui-spacing-base: var( --nutui-spacing-8 );--nutui-spacing-l: var(--nutui-spacing-9);--nutui-spacing-xl: var( --nutui-spacing-12 );--nutui-spacing-xxl: var(--nutui-spacing-16);--nutui-radius-0: 0px;--nutui-radius-1: 1px;--nutui-radius-2: 2px;--nutui-radius-3: 3px;--nutui-radius-4: 4px;--nutui-radius-5: 5px;--nutui-radius-6: 6px;--nutui-radius-7: 7px;--nutui-radius-8: 8px;--nutui-radius-9: 9px;--nutui-radius-10: 10px;--nutui-radius-11: 11px;--nutui-radius-12: 12px;--nutui-radius-13: 13px;--nutui-radius-14: 14px;--nutui-radius-15: 15px;--nutui-radius-16: 16px;--nutui-radius-17: 17px;--nutui-radius-18: 18px;--nutui-radius-19: 19px;--nutui-radius-20: 20px;--nutui-radius-21: 21px;--nutui-radius-22: 22px;--nutui-radius-23: 23px;--nutui-radius-24: 24px;--nutui-radius-xxxs: var(--nutui-radius-0);--nutui-radius-xxs: var(--nutui-radius-2);--nutui-radius-xs: var(--nutui-radius-4);--nutui-radius-s: var(--nutui-radius-6);--nutui-radius-base: var(--nutui-radius-8);--nutui-radius-l: var(--nutui-radius-8);--nutui-radius-xl: var( --nutui-radius-12 );--nutui-radius-xxl: var(--nutui-radius-14);--nutui-radius-xxxl: var(--nutui-radius-16)}:root,page{--nutui-brand-1: #403635;--nutui-brand-2: #665452;--nutui-brand-3: #99706b;--nutui-brand-4: #cc5f52;--nutui-brand-5: #f2503d;--nutui-brand-6: #fa3725;--nutui-brand-7: #f24130;--nutui-brand-8: #e55446;--nutui-brand-9: #f26e61;--nutui-brand-10: #e5928a;--nutui-brand-stop-1: #ff475d;--nutui-brand-stop-2: #fa3725;--nutui-secondary-1: #1bbf30;--nutui-color-primary: var( --nutui-brand-6 );--nutui-color-primary-stop-1: var(--nutui-brand-stop-1);--nutui-color-primary-stop-2: var(--nutui-brand-stop-2);--nutui-color-primary-text: var( --nutui-color-background-gray-1 );--nutui-color-primary-pressed: var( --nutui-brand-7 );--nutui-color-primary-disabled: var( --nutui-color-content-gray-1 );--nutui-color-primary-disabled-special: var( --nutui-brand-3 );--nutui-color-primary-light-pressed: var( --nutui-brand-1 );--nutui-golden-1: #fff2e0;--nutui-golden-2: #ffd4a3;--nutui-golden-3: #cc8241;--nutui-golden-4: #994d00;--nutui-golden-stop-1: #fff9f0;--nutui-golden-stop-2: #ffe3c2;--nutui-color-service: var(--nutui-golden-1);--nutui-color-service-border: var(--nutui-golden-2);--nutui-color-service-pressed: var(--nutui-golden-4);--nutui-color-service-stop-1: var(--nutui-golden-stop-1);--nutui-color-service-stop-2: var(--nutui-golden-stop-2);--nutui-color-service-text: var(--nutui-golden-3);--nutui-green-1: #ebfbeb;--nutui-green-2: #00d900;--nutui-green-3: #2aa32a;--nutui-color-success: var(--nutui-green-2);--nutui-color-success-light: var(--nutui-green-1);--nutui-color-success-pressed: var(--nutui-green-3);--nutui-red-1: #ffebef;--nutui-red-2: #ff0f23;--nutui-color-danger: var(--nutui-red-2);--nutui-color-danger-light: var(--nutui-red-1);--nutui-yellow-1: #fff5cc;--nutui-yellow-2: #ffbf00;--nutui-yellow-3: #c47600;--nutui-color-warning: var(--nutui-yellow-2);--nutui-color-warning-light: var(--nutui-yellow-1);--nutui-color-warning-pressed: var(--nutui-yellow-3);--nutui-blue-1: #e5f5ff;--nutui-blue-2: #0073ff;--nutui-color-info: var(--nutui-blue-2);--nutui-color-info-light: var(--nutui-blue-1);--nutui-secondary-1: #14cc33;--nutui-color-text-link: var(--nutui-blue-2);--nutui-gray-1: #1f1f1f;--nutui-gray-2: #141414;--nutui-gray-3: #0a0a0a;--nutui-gray-4: #666666;--nutui-gray-5: #818181;--nutui-gray-6: #999999;--nutui-gray-7: #e6e6e6;--nutui-black-1: rgba(255, 255, 255, 0);--nutui-black-2: rgba(0, 0, 0, .2);--nutui-black-3: rgba(20, 20, 20, .06);--nutui-black-4: rgba(20, 20, 20, .1);--nutui-black-5: rgba(20, 20, 20, .2);--nutui-black-6: rgba(20, 20, 20, .3);--nutui-black-7: rgba(20, 20, 20, .4);--nutui-black-8: rgba(20, 20, 20, .5);--nutui-black-9: rgba(20, 20, 20, .6);--nutui-black-10: rgba(20, 20, 20, .7);--nutui-black-11: rgba(20, 20, 20, .8);--nutui-black-12: rgba(20, 20, 20, .9);--nutui-black-13: rgba(20, 20, 20, 1);--nutui-white-1: rgba(31, 31, 31, 0);--nutui-white-7: rgba(31, 31, 31, .4);--nutui-white-8: rgba(31, 31, 31, .5);--nutui-white-12: rgba(31, 31, 31, .9);--nutui-color-content-gray-1: var(--nutui-gray-4);--nutui-color-content-gray-2: var(--nutui-gray-5);--nutui-color-content-gray-3: var(--nutui-gray-6);--nutui-color-content-gray-4: var(--nutui-gray-7);--nutui-color-title: var(--nutui-color-content-gray-4);--nutui-color-text: var( --nutui-color-content-gray-3 );--nutui-color-text-help: var( --nutui-color-content-gray-2 );--nutui-color-text-disabled: var( --nutui-color-content-gray-1 );--nutui-color-background-gray-1: var(--nutui-gray-1);--nutui-color-background-gray-2: var(--nutui-gray-2);--nutui-color-background-gray-3: var(--nutui-gray-3);--nutui-color-background: var(--nutui-color-background-gray-3);--nutui-color-background-overlay: var( --nutui-color-background-gray-1 );--nutui-color-background-sunken: var( --nutui-color-background-gray-2 );--nutui-color-mask-gray-1: var(--nutui-black-2);--nutui-color-mask-gray-2: var(--nutui-black-7);--nutui-color-mask-gray-3: var(--nutui-black-10);--nutui-color-mask: var(--nutui-color-mask-gray-3);--nutui-color-mask-part: var(--nutui-color-mask-gray-2);--nutui-color-mask-fault-toleran: var(--nutui-color-mask-gray-1);--nutui-color-line-gray-1: var(--nutui-black-3);--nutui-color-border: var(--nutui-color-line-gray-1);--nutui-color-border-disabled: var( --nutui-color-content-gray-1 );--nutui-font-size-8: 8px;--nutui-font-size-9: 9px;--nutui-font-size-10: 10px;--nutui-font-size-12: 12px;--nutui-font-size-13: 13px;--nutui-font-size-14: 14px;--nutui-font-size-15: 15px;--nutui-font-size-16: 16px;--nutui-font-size-17: 17px;--nutui-font-size-18: 18px;--nutui-font-size-19: 19px;--nutui-font-size-20: 20px;--nutui-font-size-21: 21px;--nutui-font-size-22: 22px;--nutui-font-size-23: 23px;--nutui-font-size-24: 24px;--nutui-font-size-25: 25px;--nutui-font-size-26: 26px;--nutui-font-size-xxs: var(--nutui-font-size-10);--nutui-font-size-xs: var( --nutui-font-size-11 );--nutui-font-size-s: var( --nutui-font-size-12 );--nutui-font-size-base: var(--nutui-font-size-14);--nutui-font-size-l: var( --nutui-font-size-16 );--nutui-font-size-xl: var( --nutui-font-size-18 );--nutui-font-size-xxl: var( --nutui-font-size-24 );--nutui-font-size-xxxl: var(--nutui-font-size-26);--nutui-font-weight-light: 300;--nutui-font-weight: 400;--nutui-font-weight-bold: 600;--nutui-line-height-base: 1.5;--nutui-text-align: left;--nutui-spacing-1: 1px;--nutui-spacing-2: 2px;--nutui-spacing-3: 3px;--nutui-spacing-4: 4px;--nutui-spacing-5: 5px;--nutui-spacing-6: 6px;--nutui-spacing-7: 7px;--nutui-spacing-8: 8px;--nutui-spacing-9: 9px;--nutui-spacing-10: 10px;--nutui-spacing-11: 11px;--nutui-spacing-12: 12px;--nutui-spacing-13: 13px;--nutui-spacing-14: 14px;--nutui-spacing-15: 15px;--nutui-spacing-16: 16px;--nutui-spacing-xxxs: var(--nutui-spacing-2);--nutui-spacing-xxs: var( --nutui-spacing-4 );--nutui-spacing-xs: var( --nutui-spacing-6 );--nutui-spacing-s: var(--nutui-spacing-7);--nutui-spacing-base: var( --nutui-spacing-8 );--nutui-spacing-l: var(--nutui-spacing-9);--nutui-spacing-xl: var( --nutui-spacing-12 );--nutui-spacing-xxl: var(--nutui-spacing-16);--nutui-radius-0: 0px;--nutui-radius-1: 1px;--nutui-radius-2: 2px;--nutui-radius-3: 3px;--nutui-radius-4: 4px;--nutui-radius-5: 5px;--nutui-radius-6: 6px;--nutui-radius-7: 7px;--nutui-radius-8: 8px;--nutui-radius-9: 9px;--nutui-radius-10: 10px;--nutui-radius-11: 11px;--nutui-radius-12: 12px;--nutui-radius-13: 13px;--nutui-radius-14: 14px;--nutui-radius-15: 15px;--nutui-radius-16: 16px;--nutui-radius-17: 17px;--nutui-radius-18: 18px;--nutui-radius-19: 19px;--nutui-radius-20: 20px;--nutui-radius-21: 21px;--nutui-radius-22: 22px;--nutui-radius-23: 23px;--nutui-radius-24: 24px;--nutui-radius-xxxs: var(--nutui-radius-0);--nutui-radius-xxs: var(--nutui-radius-2);--nutui-radius-xs: var(--nutui-radius-4);--nutui-radius-s: var(--nutui-radius-6);--nutui-radius-base: var(--nutui-radius-8);--nutui-radius-l: var(--nutui-radius-8);--nutui-radius-xl: var( --nutui-radius-12 );--nutui-radius-xxl: var(--nutui-radius-14);--nutui-radius-xxxl: var(--nutui-radius-16)}@font-face{font-family:JD;src:url(data:font/ttf;charset=utf-8;base64,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) format("truetype");font-weight:400;font-style:normal;font-display:swap}
1
+ :root,page{--nutui-brand-1: #ffebf1;--nutui-brand-2: #ffd6e1;--nutui-brand-3: #ffadbe;--nutui-brand-4: #ff8595;--nutui-brand-5: #ff5c67;--nutui-brand-6: #ff0f23;--nutui-brand-7: #e53029;--nutui-brand-8: #cc2c21;--nutui-brand-9: #992412;--nutui-brand-10: #661b08;--nutui-brand-11: #330f02;--nutui-brand-stop-1: #ff475d;--nutui-brand-stop-2: #ff0f23;--nutui-color-primary: var(--nutui-brand-6);--nutui-color-primary-stop-1: var(--nutui-brand-stop-1);--nutui-color-primary-stop-2: var(--nutui-brand-stop-2);--nutui-color-primary-text: var(--nutui-color-background-gray-1);--nutui-color-primary-pressed: var(--nutui-brand-7);--nutui-color-primary-disabled: var(--nutui-color-content-gray-1);--nutui-color-primary-disabled-special: var(--nutui-brand-3);--nutui-color-primary-light-pressed: var(--nutui-brand-1);--nutui-color-primary-specialdisabled: var(--nutui-red-3);--nutui-golden-1: #fff2e0;--nutui-golden-2: #ffd4a3;--nutui-golden-3: #cc8241;--nutui-golden-4: #994d00;--nutui-golden-stop-1: #fff9f0;--nutui-golden-stop-2: #ffe3c2;--nutui-color-service: var(--nutui-golden-1);--nutui-color-service-border: var(--nutui-golden-2);--nutui-color-service-pressed: var(--nutui-golden-4);--nutui-color-service-stop-1: var(--nutui-golden-stop-1);--nutui-color-service-stop-2: var(--nutui-golden-stop-2);--nutui-color-service-text: var(--nutui-golden-3);--nutui-green-1: #ebfbeb;--nutui-green-2: #00d900;--nutui-green-3: #2aa32a;--nutui-color-success: var(--nutui-green-2);--nutui-color-success-light: var(--nutui-green-1);--nutui-color-success-pressed: var(--nutui-green-3);--nutui-red-1: #ffebef;--nutui-red-3: #ffadbe;--nutui-red-2: #ff0f23;--nutui-red-6: #ff3333;--nutui-color-danger: var(--nutui-red-2);--nutui-color-danger-light: var(--nutui-red-1);--nutui-yellow-1: #fff5cc;--nutui-yellow-2: #ffbf00;--nutui-yellow-3: #c47600;--nutui-color-warning: var(--nutui-yellow-2);--nutui-color-warning-light: var(--nutui-yellow-1);--nutui-color-warning-pressed: var(--nutui-yellow-3);--nutui-blue-1: #e5f5ff;--nutui-blue-2: #0073ff;--nutui-color-info: var(--nutui-blue-2);--nutui-color-info-light: var(--nutui-blue-1);--nutui-secondary-1: #14cc33;--nutui-color-text-link: var(--nutui-blue-2);--nutui-gray-1: #ffffff;--nutui-gray-2: #f7f8fc;--nutui-gray-3: #f5f6fa;--nutui-gray-4: #c2c4cc;--nutui-gray-5: #888b94;--nutui-gray-6: #505259;--nutui-gray-7: #1a1a1a;--nutui-gray-8: #dadce0;--nutui-black-1: rgba(0, 0, 0, 0);--nutui-black-2: rgba(0, 0, 0, .02);--nutui-black-3: rgba(0, 0, 0, .06);--nutui-black-4: rgba(0, 0, 0, .1);--nutui-black-5: rgba(0, 0, 0, .2);--nutui-black-6: rgba(0, 0, 0, .3);--nutui-black-7: rgba(0, 0, 0, .4);--nutui-black-8: rgba(0, 0, 0, .5);--nutui-black-9: rgba(0, 0, 0, .6);--nutui-black-10: rgba(0, 0, 0, .7);--nutui-black-11: rgba(0, 0, 0, .8);--nutui-black-12: rgba(0, 0, 0, .9);--nutui-black-13: rgba(0, 0, 0, 1);--nutui-white-1: rgba(255, 255, 255, 0);--nutui-white-2: rgba(255, 255, 255, .02);--nutui-white-3: rgba(255, 255, 255, .05);--nutui-white-4: rgba(255, 255, 255, .1);--nutui-white-5: rgba(255, 255, 255, .2);--nutui-white-6: rgba(255, 255, 255, .3);--nutui-white-7: rgba(255, 255, 255, .4);--nutui-white-8: rgba(255, 255, 255, .5);--nutui-white-9: rgba(255, 255, 255, .6);--nutui-white-10: rgba(255, 255, 255, .7);--nutui-white-11: rgba(255, 255, 255, .8);--nutui-white-12: rgba(255, 255, 255, .9);--nutui-white-13: rgba(255, 255, 255, 1);--nutui-color-content-gray-1: var(--nutui-gray-4);--nutui-color-content-gray-2: var(--nutui-gray-5);--nutui-color-content-gray-3: var(--nutui-gray-6);--nutui-color-content-gray-4: var(--nutui-gray-7);--nutui-color-title: var(--nutui-color-content-gray-4);--nutui-color-text: var(--nutui-color-content-gray-3);--nutui-color-text-help: var(--nutui-color-content-gray-2);--nutui-color-text-disabled: var(--nutui-color-content-gray-1);--nutui-color-background-gray-1: var(--nutui-gray-1);--nutui-color-background-gray-2: var(--nutui-gray-2);--nutui-color-background-gray-3: var(--nutui-gray-3);--nutui-color-background: var(--nutui-color-background-gray-3);--nutui-color-background-overlay: var(--nutui-color-background-gray-1);--nutui-color-background-sunken: var(--nutui-color-background-gray-2);--nutui-color-mask-gray-1: var(--nutui-black-2);--nutui-color-mask-gray-2: var(--nutui-black-7);--nutui-color-mask-gray-3: var(--nutui-black-10);--nutui-color-mask: var(--nutui-color-mask-gray-3);--nutui-color-mask-part: var(--nutui-color-mask-gray-2);--nutui-color-mask-fault-toleran: var(--nutui-color-mask-gray-1);--nutui-color-line-gray-1: var(--nutui-black-3);--nutui-color-border: var(--nutui-color-line-gray-1);--nutui-color-border-disabled: var(--nutui-color-content-gray-1);--nutui-font-size-8: 8px;--nutui-font-size-9: 9px;--nutui-font-size-10: 10px;--nutui-font-size-11: 11px;--nutui-font-size-12: 12px;--nutui-font-size-13: 13px;--nutui-font-size-14: 14px;--nutui-font-size-15: 15px;--nutui-font-size-16: 16px;--nutui-font-size-17: 17px;--nutui-font-size-18: 18px;--nutui-font-size-19: 19px;--nutui-font-size-20: 20px;--nutui-font-size-21: 21px;--nutui-font-size-22: 22px;--nutui-font-size-23: 23px;--nutui-font-size-24: 24px;--nutui-font-size-25: 25px;--nutui-font-size-26: 26px;--nutui-font-size-xxs: var(--nutui-font-size-10);--nutui-font-size-xs: var(--nutui-font-size-11);--nutui-font-size-s: var(--nutui-font-size-12);--nutui-font-size-base: var(--nutui-font-size-14);--nutui-font-size-l: var(--nutui-font-size-16);--nutui-font-size-xl: var(--nutui-font-size-18);--nutui-font-size-xxl: var(--nutui-font-size-24);--nutui-font-size-xxxl: var(--nutui-font-size-26);--nutui-font-weight-light: 300;--nutui-font-weight: 400;--nutui-font-weight-bold: 600;--nutui-line-height-base: 1.5;--nutui-text-align: left;--nutui-spacing-1: 1px;--nutui-spacing-2: 2px;--nutui-spacing-3: 3px;--nutui-spacing-4: 4px;--nutui-spacing-5: 5px;--nutui-spacing-6: 6px;--nutui-spacing-7: 7px;--nutui-spacing-8: 8px;--nutui-spacing-9: 9px;--nutui-spacing-10: 10px;--nutui-spacing-11: 11px;--nutui-spacing-12: 12px;--nutui-spacing-13: 13px;--nutui-spacing-14: 14px;--nutui-spacing-15: 15px;--nutui-spacing-16: 16px;--nutui-spacing-xxxs: var(--nutui-spacing-2);--nutui-spacing-xxs: var(--nutui-spacing-4);--nutui-spacing-xs: var(--nutui-spacing-6);--nutui-spacing-s: var(--nutui-spacing-7);--nutui-spacing-base: var(--nutui-spacing-8);--nutui-spacing-l: var(--nutui-spacing-9);--nutui-spacing-xl: var(--nutui-spacing-12);--nutui-spacing-xxl: var(--nutui-spacing-16);--nutui-radius-0: 0px;--nutui-radius-1: 1px;--nutui-radius-2: 2px;--nutui-radius-3: 3px;--nutui-radius-4: 4px;--nutui-radius-5: 5px;--nutui-radius-6: 6px;--nutui-radius-7: 7px;--nutui-radius-8: 8px;--nutui-radius-9: 9px;--nutui-radius-10: 10px;--nutui-radius-11: 11px;--nutui-radius-12: 12px;--nutui-radius-13: 13px;--nutui-radius-14: 14px;--nutui-radius-15: 15px;--nutui-radius-16: 16px;--nutui-radius-17: 17px;--nutui-radius-18: 18px;--nutui-radius-19: 19px;--nutui-radius-20: 20px;--nutui-radius-21: 21px;--nutui-radius-22: 22px;--nutui-radius-23: 23px;--nutui-radius-24: 24px;--nutui-radius-xxxs: var(--nutui-radius-0);--nutui-radius-xxs: var(--nutui-radius-2);--nutui-radius-xs: var(--nutui-radius-4);--nutui-radius-s: var(--nutui-radius-6);--nutui-radius-base: var(--nutui-radius-8);--nutui-radius-l: var(--nutui-radius-8);--nutui-radius-xl: var(--nutui-radius-12);--nutui-radius-xxl: var(--nutui-radius-14);--nutui-radius-xxxl: var(--nutui-radius-16)}:root,page{--nutui-brand-1: #403635;--nutui-brand-2: #665452;--nutui-brand-3: #99706b;--nutui-brand-4: #cc5f52;--nutui-brand-5: #f2503d;--nutui-brand-6: #fa3725;--nutui-brand-7: #f24130;--nutui-brand-8: #e55446;--nutui-brand-9: #f26e61;--nutui-brand-10: #e5928a;--nutui-brand-11: #330f02;--nutui-brand-stop-1: #ff475d;--nutui-brand-stop-2: #fa3725;--nutui-color-primary: var(--nutui-brand-6);--nutui-color-primary-stop-1: var(--nutui-brand-stop-1);--nutui-color-primary-stop-2: var(--nutui-brand-stop-2);--nutui-color-primary-text: var(--nutui-color-background-gray-1);--nutui-color-primary-pressed: var(--nutui-brand-7);--nutui-color-primary-disabled: var(--nutui-color-content-gray-1);--nutui-color-primary-disabled-special: var(--nutui-brand-3);--nutui-color-primary-light-pressed: var(--nutui-brand-1);--nutui-color-primary-specialdisabled: var(--nutui-red-3);--nutui-golden-1: #fff2e0;--nutui-golden-2: #ffd4a3;--nutui-golden-3: #cc8241;--nutui-golden-4: #994d00;--nutui-golden-stop-1: #fff9f0;--nutui-golden-stop-2: #ffe3c2;--nutui-color-service: var(--nutui-golden-1);--nutui-color-service-border: var(--nutui-golden-2);--nutui-color-service-pressed: var(--nutui-golden-4);--nutui-color-service-stop-1: var(--nutui-golden-stop-1);--nutui-color-service-stop-2: var(--nutui-golden-stop-2);--nutui-color-service-text: var(--nutui-golden-3);--nutui-green-1: #ebfbeb;--nutui-green-2: #00d900;--nutui-green-3: #2aa32a;--nutui-color-success: var(--nutui-green-2);--nutui-color-success-light: var(--nutui-green-1);--nutui-color-success-pressed: var(--nutui-green-3);--nutui-red-1: #ffebef;--nutui-red-2: #ff0f23;--nutui-red-3: #ffadbe;--nutui-red-6: #ff3b3b;--nutui-color-danger: var(--nutui-red-2);--nutui-color-danger-light: var(--nutui-red-1);--nutui-yellow-1: #fff5cc;--nutui-yellow-2: #ffbf00;--nutui-yellow-3: #c47600;--nutui-color-warning: var(--nutui-yellow-2);--nutui-color-warning-light: var(--nutui-yellow-1);--nutui-color-warning-pressed: var(--nutui-yellow-3);--nutui-blue-1: #e5f5ff;--nutui-blue-2: #0073ff;--nutui-color-info: var(--nutui-blue-2);--nutui-color-info-light: var(--nutui-blue-1);--nutui-secondary-1: #14cc33;--nutui-color-text-link: var(--nutui-blue-2);--nutui-gray-1: #1f1f1f;--nutui-gray-2: #141414;--nutui-gray-3: #0a0a0a;--nutui-gray-4: #666666;--nutui-gray-5: #818181;--nutui-gray-6: #999999;--nutui-gray-7: #e6e6e6;--nutui-gray-8: #dadce0;--nutui-black-1: rgba(255, 255, 255, 0);--nutui-black-2: rgba(0, 0, 0, .2);--nutui-black-3: rgba(20, 20, 20, .06);--nutui-black-4: rgba(20, 20, 20, .1);--nutui-black-5: rgba(20, 20, 20, .2);--nutui-black-6: rgba(20, 20, 20, .3);--nutui-black-7: rgba(20, 20, 20, .4);--nutui-black-8: rgba(20, 20, 20, .5);--nutui-black-9: rgba(20, 20, 20, .6);--nutui-black-10: rgba(20, 20, 20, .7);--nutui-black-11: rgba(20, 20, 20, .8);--nutui-black-12: rgba(20, 20, 20, .9);--nutui-black-13: rgba(20, 20, 20, 1);--nutui-white-1: rgba(31, 31, 31, 0);--nutui-white-7: rgba(31, 31, 31, .4);--nutui-white-8: rgba(31, 31, 31, .5);--nutui-white-12: rgba(31, 31, 31, .9);--nutui-color-content-gray-1: var(--nutui-gray-4);--nutui-color-content-gray-2: var(--nutui-gray-5);--nutui-color-content-gray-3: var(--nutui-gray-6);--nutui-color-content-gray-4: var(--nutui-gray-7);--nutui-color-title: var(--nutui-color-content-gray-4);--nutui-color-text: var(--nutui-color-content-gray-3);--nutui-color-text-help: var(--nutui-color-content-gray-2);--nutui-color-text-disabled: var(--nutui-color-content-gray-1);--nutui-color-background-gray-1: var(--nutui-gray-1);--nutui-color-background-gray-2: var(--nutui-gray-2);--nutui-color-background-gray-3: var(--nutui-gray-3);--nutui-color-background: var(--nutui-color-background-gray-3);--nutui-color-background-overlay: var(--nutui-color-background-gray-1);--nutui-color-background-sunken: var(--nutui-color-background-gray-2);--nutui-color-mask-gray-1: var(--nutui-black-2);--nutui-color-mask-gray-2: var(--nutui-black-7);--nutui-color-mask-gray-3: var(--nutui-black-10);--nutui-color-mask: var(--nutui-color-mask-gray-3);--nutui-color-mask-part: var(--nutui-color-mask-gray-2);--nutui-color-mask-fault-toleran: var(--nutui-color-mask-gray-1);--nutui-color-line-gray-1: var(--nutui-black-3);--nutui-color-border: var(--nutui-color-line-gray-1);--nutui-color-border-disabled: var(--nutui-color-content-gray-1);--nutui-font-size-8: 8px;--nutui-font-size-9: 9px;--nutui-font-size-10: 10px;--nutui-font-size-11: 11px;--nutui-font-size-12: 12px;--nutui-font-size-13: 13px;--nutui-font-size-14: 14px;--nutui-font-size-15: 15px;--nutui-font-size-16: 16px;--nutui-font-size-17: 17px;--nutui-font-size-18: 18px;--nutui-font-size-19: 19px;--nutui-font-size-20: 20px;--nutui-font-size-21: 21px;--nutui-font-size-22: 22px;--nutui-font-size-23: 23px;--nutui-font-size-24: 24px;--nutui-font-size-25: 25px;--nutui-font-size-26: 26px;--nutui-font-size-xxs: var(--nutui-font-size-10);--nutui-font-size-xs: var(--nutui-font-size-11);--nutui-font-size-s: var(--nutui-font-size-12);--nutui-font-size-base: var(--nutui-font-size-14);--nutui-font-size-l: var(--nutui-font-size-16);--nutui-font-size-xl: var(--nutui-font-size-18);--nutui-font-size-xxl: var(--nutui-font-size-24);--nutui-font-size-xxxl: var(--nutui-font-size-26);--nutui-font-weight-light: 300;--nutui-font-weight: 400;--nutui-font-weight-bold: 600;--nutui-line-height-base: 1.5;--nutui-text-align: left;--nutui-spacing-1: 1px;--nutui-spacing-2: 2px;--nutui-spacing-3: 3px;--nutui-spacing-4: 4px;--nutui-spacing-5: 5px;--nutui-spacing-6: 6px;--nutui-spacing-7: 7px;--nutui-spacing-8: 8px;--nutui-spacing-9: 9px;--nutui-spacing-10: 10px;--nutui-spacing-11: 11px;--nutui-spacing-12: 12px;--nutui-spacing-13: 13px;--nutui-spacing-14: 14px;--nutui-spacing-15: 15px;--nutui-spacing-16: 16px;--nutui-spacing-xxxs: var(--nutui-spacing-2);--nutui-spacing-xxs: var(--nutui-spacing-4);--nutui-spacing-xs: var(--nutui-spacing-6);--nutui-spacing-s: var(--nutui-spacing-7);--nutui-spacing-base: var(--nutui-spacing-8);--nutui-spacing-l: var(--nutui-spacing-9);--nutui-spacing-xl: var(--nutui-spacing-12);--nutui-spacing-xxl: var(--nutui-spacing-16);--nutui-radius-0: 0px;--nutui-radius-1: 1px;--nutui-radius-2: 2px;--nutui-radius-3: 3px;--nutui-radius-4: 4px;--nutui-radius-5: 5px;--nutui-radius-6: 6px;--nutui-radius-7: 7px;--nutui-radius-8: 8px;--nutui-radius-9: 9px;--nutui-radius-10: 10px;--nutui-radius-11: 11px;--nutui-radius-12: 12px;--nutui-radius-13: 13px;--nutui-radius-14: 14px;--nutui-radius-15: 15px;--nutui-radius-16: 16px;--nutui-radius-17: 17px;--nutui-radius-18: 18px;--nutui-radius-19: 19px;--nutui-radius-20: 20px;--nutui-radius-21: 21px;--nutui-radius-22: 22px;--nutui-radius-23: 23px;--nutui-radius-24: 24px;--nutui-radius-xxxs: var(--nutui-radius-0);--nutui-radius-xxs: var(--nutui-radius-2);--nutui-radius-xs: var(--nutui-radius-4);--nutui-radius-s: var(--nutui-radius-6);--nutui-radius-base: var(--nutui-radius-8);--nutui-radius-l: var(--nutui-radius-8);--nutui-radius-xl: var(--nutui-radius-12);--nutui-radius-xxl: var(--nutui-radius-14);--nutui-radius-xxxl: var(--nutui-radius-16)}@font-face{font-family:JD;src:url(data:font/ttf;charset=utf-8;base64,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) format("truetype");font-weight:400;font-style:normal;font-display:swap}
package/dist/styles/theme-dark.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  :root,
2
2
  page {
3
+ // 品牌颜色
3
4
  --nutui-brand-1: #403635; // 梯度1
4
5
  --nutui-brand-2: #665452; // 梯度2
5
6
  --nutui-brand-3: #99706b; // 梯度3
@@ -11,32 +12,29 @@ page {
11
12
  --nutui-brand-9: #f26e61; // 梯度9
12
13
  --nutui-brand-10: #e5928a; // 梯度10
13
14
 
14
- --nutui-brand-stop-1: #ff475d; // 梯度100
15
- --nutui-brand-stop-2: #fa3725; // 渐变色止
15
+ --nutui-brand-11: #330f02; // 梯度11
16
16
 
17
- --nutui-secondary-1: #1bbf30; // 辅助色
17
+ --nutui-brand-stop-1: #ff475d; // 渐变色起
18
+ --nutui-brand-stop-2: #fa3725; // 渐变色止
18
19
 
19
20
  // 品牌颜色语义化
20
- --nutui-color-primary: var(
21
- --nutui-brand-6
22
- ); // 品牌主色调默认态，主要功能控件的背景、边框、镂空状态下的文字等
23
- --nutui-color-primary-stop-1: var(--nutui-brand-stop-1); // 品牌渐变色左端
24
- --nutui-color-primary-stop-2: var(--nutui-brand-stop-2); // 品牌渐变色右端
25
- --nutui-color-primary-text: var(
26
- --nutui-color-background-gray-1
27
- ); // 品牌主色调或其他深色背景下的文字
28
- --nutui-color-primary-pressed: var(
29
- --nutui-brand-7
30
- ); // 品牌主色调点击态，背景、边框、镂空状态下的文字
31
- --nutui-color-primary-disabled: var(
32
- --nutui-color-content-gray-1
33
- ); // 品牌主色调禁用态，背景、边框、镂空状态下的文字
34
- --nutui-color-primary-disabled-special: var(
35
- --nutui-brand-3
36
- ); // 品牌主色调特殊禁用态，通过操作后可转位默认态
37
- --nutui-color-primary-light-pressed: var(
38
- --nutui-brand-1
39
- ); // 品牌主色调镂空背景点击态
21
+ // 品牌主色调默认态，主要功能控件的背景、边框、镂空状态下的文字等
22
+ --nutui-color-primary: var(--nutui-brand-6);
23
+ // 品牌渐变色左端
24
+ --nutui-color-primary-stop-1: var(--nutui-brand-stop-1);
25
+ // 品牌渐变色右端
26
+ --nutui-color-primary-stop-2: var(--nutui-brand-stop-2);
27
+ // 品牌主色调或其他深色背景下的文字
28
+ --nutui-color-primary-text: var(--nutui-color-background-gray-1);
29
+ // 品牌主色调点击态，背景、边框、镂空状态下的文字
30
+ --nutui-color-primary-pressed: var(--nutui-brand-7);
31
+ // 品牌主色调禁用态，背景、边框、镂空状态下的文字
32
+ --nutui-color-primary-disabled: var(--nutui-color-content-gray-1);
33
+ // 品牌主色调特殊禁用态，通过操作后可转位默认态
34
+ --nutui-color-primary-disabled-special: var(--nutui-brand-3);
35
+ // 品牌主色调镂空背景点击态
36
+ --nutui-color-primary-light-pressed: var(--nutui-brand-1);
37
+ --nutui-color-primary-specialdisabled: var(--nutui-red-3);
40
38
 
41
39
  // service color
42
40
  --nutui-golden-1: #fff2e0;
@@ -68,6 +66,8 @@ page {
68
66
  // danger color
69
67
  --nutui-red-1: #ffebef;
70
68
  --nutui-red-2: #ff0f23;
69
+ --nutui-red-3: #ffadbe;
70
+ --nutui-red-6: #ff3b3b;
71
71
 
72
72
  // danger color 语义化
73
73
  --nutui-color-danger: var(--nutui-red-2); // 背景或文字
@@ -110,6 +110,8 @@ page {
110
110
  --nutui-gray-6: #999999;
111
111
  // 一级文字色（重要）主要内容用色，常用语常规标题内容、细文浏览、常规按钮文字以及图表引导。
112
112
  --nutui-gray-7: #e6e6e6;
113
+ // icon 禁用颜色
114
+ --nutui-gray-8: #dadce0;
113
115
 
114
116
  --nutui-black-1: rgba(255, 255, 255, 0);
115
117
  // 蒙层色
@@ -121,6 +123,8 @@ page {
121
123
  --nutui-black-4: rgba(20, 20, 20, 0.1);
122
124
  --nutui-black-5: rgba(20, 20, 20, 0.2);
123
125
  --nutui-black-6: rgba(20, 20, 20, 0.3);
126
+ // 蒙层色
127
+ // 局部蒙层，像图片上的小蒙层，无货、采购中等
124
128
  --nutui-black-7: rgba(20, 20, 20, 0.4);
125
129
  --nutui-black-8: rgba(20, 20, 20, 0.5);
126
130
  --nutui-black-9: rgba(20, 20, 20, 0.6);
@@ -133,7 +137,7 @@ page {
133
137
 
134
138
  --nutui-white-1: rgba(31, 31, 31, 0);
135
139
  // --nutui-white-2: rgba(255, 255, 255, 0.02);
136
- // --nutui-white-3: rgba(255, 255, 255, 0.06);
140
+ // --nutui-white-3: rgba(255, 255, 255, 0.05);
137
141
  // --nutui-white-4: rgba(255, 255, 255, 0.1);
138
142
  // --nutui-white-5: rgba(255, 255, 255, 0.2);
139
143
  // --nutui-white-6: rgba(255, 255, 255, 0.3);
@@ -150,48 +154,49 @@ page {
150
154
  --nutui-color-content-gray-2: var(--nutui-gray-5);
151
155
  --nutui-color-content-gray-3: var(--nutui-gray-6);
152
156
  --nutui-color-content-gray-4: var(--nutui-gray-7);
153
- --nutui-color-title: var(--nutui-color-content-gray-4); // 一级文字色（重要）
154
- --nutui-color-text: var(
155
- --nutui-color-content-gray-3
156
- ); // 二级文字色或可操作用色（常规）
157
- --nutui-color-text-help: var(
158
- --nutui-color-content-gray-2
159
- ); // 三级文字色（次要）
160
- --nutui-color-text-disabled: var(
161
- --nutui-color-content-gray-1
162
- ); // 四级文字色（不可操作）
157
+ // 一级文字色（重要）
158
+ --nutui-color-title: var(--nutui-color-content-gray-4);
159
+ // 二级文字色或可操作用色（常规）
160
+ --nutui-color-text: var(--nutui-color-content-gray-3);
161
+ // 三级文字色（次要）
162
+ --nutui-color-text-help: var(--nutui-color-content-gray-2);
163
+ // 四级文字色（不可操作）
164
+ --nutui-color-text-disabled: var(--nutui-color-content-gray-1);
163
165
 
164
166
  // 背景颜色值 语义化
165
167
  --nutui-color-background-gray-1: var(--nutui-gray-1);
166
168
  --nutui-color-background-gray-2: var(--nutui-gray-2);
167
169
  --nutui-color-background-gray-3: var(--nutui-gray-3);
168
- --nutui-color-background: var(--nutui-color-background-gray-3); // 页面背景
169
- --nutui-color-background-overlay: var(
170
- --nutui-color-background-gray-1
171
- ); // 卡片背景
172
- --nutui-color-background-sunken: var(
173
- --nutui-color-background-gray-2
174
- ); // 卡片内容器背景
170
+ // 页面背景
171
+ --nutui-color-background: var(--nutui-color-background-gray-3);
172
+ // 卡片背景
173
+ --nutui-color-background-overlay: var(--nutui-color-background-gray-1);
174
+ // 卡片内容器背景
175
+ --nutui-color-background-sunken: var(--nutui-color-background-gray-2);
175
176
 
176
177
  // 蒙层颜色值 语义化
177
178
  --nutui-color-mask-gray-1: var(--nutui-black-2);
178
179
  --nutui-color-mask-gray-2: var(--nutui-black-7);
179
180
  --nutui-color-mask-gray-3: var(--nutui-black-10);
180
- --nutui-color-mask: var(--nutui-color-mask-gray-3); // 全部蒙层
181
- --nutui-color-mask-part: var(--nutui-color-mask-gray-2); // 局部弹层
182
- --nutui-color-mask-fault-toleran: var(--nutui-color-mask-gray-1); // 容错弹层
181
+ // 全部蒙层
182
+ --nutui-color-mask: var(--nutui-color-mask-gray-3);
183
+ // 局部弹层
184
+ --nutui-color-mask-part: var(--nutui-color-mask-gray-2);
185
+ // 容错弹层
186
+ --nutui-color-mask-fault-toleran: var(--nutui-color-mask-gray-1);
183
187
 
184
188
  // 线颜色值 语义化
185
189
  --nutui-color-line-gray-1: var(--nutui-black-3);
186
- --nutui-color-border: var(--nutui-color-line-gray-1); // 间隔线或容错线
187
- --nutui-color-border-disabled: var(
188
- --nutui-color-content-gray-1
189
- ); // 组件边框禁用色
190
+ // 间隔线或容错线
191
+ --nutui-color-border: var(--nutui-color-line-gray-1);
192
+ // 组件边框禁用色
193
+ --nutui-color-border-disabled: var(--nutui-color-content-gray-1);
190
194
 
191
195
  // 字体 ok
192
196
  --nutui-font-size-8: 8px;
193
197
  --nutui-font-size-9: 9px;
194
198
  --nutui-font-size-10: 10px;
199
+ --nutui-font-size-11: 11px;
195
200
  --nutui-font-size-12: 12px;
196
201
  --nutui-font-size-13: 13px;
197
202
  --nutui-font-size-14: 14px;
@@ -209,29 +214,30 @@ page {
209
214
  --nutui-font-size-26: 26px;
210
215
 
211
216
  // 字号语义化
212
- --nutui-font-size-xxs: var(--nutui-font-size-10); // 标签内文字
213
- --nutui-font-size-xs: var(
214
- --nutui-font-size-11
215
- ); // 导购或信息密集的次要内容、辅助信息
216
- --nutui-font-size-s: var(
217
- --nutui-font-size-12
218
- ); // 汉字：次要内容、辅助类信息 数字：羊角符号、小数点及角分
219
- --nutui-font-size-base: var(--nutui-font-size-14); // 标准内容、名称类关键信息
220
- --nutui-font-size-l: var(
221
- --nutui-font-size-16
222
- ); // 汉字：楼层标题、卡片标题 数字：重复型价格，如搜推商卡
223
- --nutui-font-size-xl: var(
224
- --nutui-font-size-18
225
- ); // 汉字：页面标题、页面级最重要内容 数字：模块级主价格，如购物车、结算、底导
226
- --nutui-font-size-xxl: var(
227
- --nutui-font-size-24
228
- ); // 数字：页面级主价格，如商详、收银台
229
- --nutui-font-size-xxxl: var(--nutui-font-size-26); // zanwu
217
+ // 标签内文字
218
+ --nutui-font-size-xxs: var(--nutui-font-size-10);
219
+ // 导购或信息密集的次要内容、辅助信息
220
+ --nutui-font-size-xs: var(--nutui-font-size-11);
221
+ // 汉字：次要内容、辅助类信息 数字：羊角符号、小数点及角分
222
+ --nutui-font-size-s: var(--nutui-font-size-12);
223
+ // 标准内容、名称类关键信息
224
+ --nutui-font-size-base: var(--nutui-font-size-14);
225
+ // 汉字：楼层标题、卡片标题 数字：重复型价格，如搜推商卡
226
+ --nutui-font-size-l: var(--nutui-font-size-16);
227
+ // 汉字：页面标题、页面级最重要内容 数字：模块级主价格，如购物车、结算、底导
228
+ --nutui-font-size-xl: var(--nutui-font-size-18);
229
+ // 数字：页面级主价格，如商详、收银台
230
+ --nutui-font-size-xxl: var(--nutui-font-size-24);
231
+ // zanwu
232
+ --nutui-font-size-xxxl: var(--nutui-font-size-26);
230
233
 
231
234
  // 字重 ok
232
- --nutui-font-weight-light: 300; // 次要内容
233
- --nutui-font-weight: 400; // 常规内容
234
- --nutui-font-weight-bold: 600; // 强化内容
235
+ // 次要内容
236
+ --nutui-font-weight-light: 300;
237
+ // 常规内容
238
+ --nutui-font-weight: 400;
239
+ // 强化内容
240
+ --nutui-font-weight-bold: 600;
235
241
 
236
242
  // 行高
237
243
  --nutui-line-height-base: 1.5;
@@ -258,22 +264,22 @@ page {
258
264
  --nutui-spacing-16: 16px;
259
265
 
260
266
  // space 语义化
261
- --nutui-spacing-xxxs: var(--nutui-spacing-2); // 狭小空间内的紧密关联内容
262
- --nutui-spacing-xxs: var(
263
- --nutui-spacing-4
264
- ); // 导购：紧密关联内容；平台：紧密关联内容
265
- --nutui-spacing-xs: var(
266
- --nutui-spacing-6
267
- ); // 导购：常规关联内容；平台：替代常规关联内容
268
- --nutui-spacing-s: var(--nutui-spacing-7); // 一行二、一行三卡片间距
269
- --nutui-spacing-base: var(
270
- --nutui-spacing-8
271
- ); // 导购：弱关联内容；平台：常规关联内容
272
- --nutui-spacing-l: var(--nutui-spacing-9); // 一行四卡片间距
273
- --nutui-spacing-xl: var(
274
- --nutui-spacing-12
275
- ); // 导购：无关联内容；平台：弱关联内容
276
- --nutui-spacing-xxl: var(--nutui-spacing-16); // 平台：无关联内容
267
+ // 狭小空间内的紧密关联内容
268
+ --nutui-spacing-xxxs: var(--nutui-spacing-2);
269
+ // 导购：紧密关联内容；平台：紧密关联内容
270
+ --nutui-spacing-xxs: var(--nutui-spacing-4);
271
+ // 导购：常规关联内容；平台：替代常规关联内容
272
+ --nutui-spacing-xs: var(--nutui-spacing-6);
273
+ // 一行二、一行三卡片间距
274
+ --nutui-spacing-s: var(--nutui-spacing-7);
275
+ // 导购：弱关联内容；平台：常规关联内容
276
+ --nutui-spacing-base: var(--nutui-spacing-8);
277
+ // 一行四卡片间距
278
+ --nutui-spacing-l: var(--nutui-spacing-9);
279
+ // 导购：无关联内容；平台：弱关联内容
280
+ --nutui-spacing-xl: var(--nutui-spacing-12);
281
+ // 平台：无关联内容
282
+ --nutui-spacing-xxl: var(--nutui-spacing-16);
277
283
 
278
284
  // radius ok
279
285
  --nutui-radius-0: 0px;
@@ -303,15 +309,20 @@ page {
303
309
  --nutui-radius-24: 24px;
304
310
 
305
311
  // radius 语义化
306
- --nutui-radius-xxxs: var(--nutui-radius-0); // 内容描述型的详情页面通栏结构
307
- --nutui-radius-xxs: var(--nutui-radius-2); // 标签
308
- --nutui-radius-xs: var(--nutui-radius-4); // 单行高度20、24、28的组件
309
- --nutui-radius-s: var(--nutui-radius-6); // 单行高度32、36的组件
310
- --nutui-radius-base: var(--nutui-radius-8); // 单行高度40及以上的组件
311
- --nutui-radius-l: var(--nutui-radius-8); // 入口型非通栏卡片
312
- --nutui-radius-xl: var(
313
- --nutui-radius-12
314
- ); // 结构分割、通栏卡片、临时操作层组件等场景
312
+ // 内容描述型的详情页面通栏结构
313
+ --nutui-radius-xxxs: var(--nutui-radius-0);
314
+ // 标签
315
+ --nutui-radius-xxs: var(--nutui-radius-2);
316
+ // 单行高度20、24、28的组件
317
+ --nutui-radius-xs: var(--nutui-radius-4);
318
+ // 单行高度32、36的组件
319
+ --nutui-radius-s: var(--nutui-radius-6);
320
+ // 单行高度40及以上的组件
321
+ --nutui-radius-base: var(--nutui-radius-8);
322
+ // 入口型非通栏卡片
323
+ --nutui-radius-l: var(--nutui-radius-8);
324
+ // 结构分割、通栏卡片、临时操作层组件等场景
325
+ --nutui-radius-xl: var(--nutui-radius-12);
315
326
  --nutui-radius-xxl: var(--nutui-radius-14); // zanwu
316
327
  --nutui-radius-xxxl: var(--nutui-radius-16); // zanwu
317
328
  }
package/dist/styles/theme-default.scss CHANGED
@@ -17,26 +17,23 @@ page {
17
17
  --nutui-brand-stop-2: #ff0f23; // 渐变色止
18
18
 
19
19
  // 品牌颜色语义化
20
- --nutui-color-primary: var(
21
- --nutui-brand-6
22
- ); // 品牌主色调默认态，主要功能控件的背景、边框、镂空状态下的文字等
23
- --nutui-color-primary-stop-1: var(--nutui-brand-stop-1); // 品牌渐变色左端
24
- --nutui-color-primary-stop-2: var(--nutui-brand-stop-2); // 品牌渐变色右端
25
- --nutui-color-primary-text: var(
26
- --nutui-color-background-gray-1
27
- ); // 品牌主色调或其他深色背景下的文字
28
- --nutui-color-primary-pressed: var(
29
- --nutui-brand-7
30
- ); // 品牌主色调点击态，背景、边框、镂空状态下的文字
31
- --nutui-color-primary-disabled: var(
32
- --nutui-color-content-gray-1
33
- ); // 品牌主色调禁用态，背景、边框、镂空状态下的文字
34
- --nutui-color-primary-disabled-special: var(
35
- --nutui-brand-3
36
- ); // 品牌主色调特殊禁用态，通过操作后可转位默认态
37
- --nutui-color-primary-light-pressed: var(
38
- --nutui-brand-1
39
- ); // 品牌主色调镂空背景点击态
20
+ // 品牌主色调默认态，主要功能控件的背景、边框、镂空状态下的文字等
21
+ --nutui-color-primary: var(--nutui-brand-6);
22
+ // 品牌渐变色左端
23
+ --nutui-color-primary-stop-1: var(--nutui-brand-stop-1);
24
+ // 品牌渐变色右端
25
+ --nutui-color-primary-stop-2: var(--nutui-brand-stop-2);
26
+ // 品牌主色调或其他深色背景下的文字
27
+ --nutui-color-primary-text: var(--nutui-color-background-gray-1);
28
+ // 品牌主色调点击态，背景、边框、镂空状态下的文字
29
+ --nutui-color-primary-pressed: var(--nutui-brand-7);
30
+ // 品牌主色调禁用态，背景、边框、镂空状态下的文字
31
+ --nutui-color-primary-disabled: var(--nutui-color-content-gray-1);
32
+ // 品牌主色调特殊禁用态，通过操作后可转位默认态
33
+ --nutui-color-primary-disabled-special: var(--nutui-brand-3);
34
+ // 品牌主色调镂空背景点击态
35
+ --nutui-color-primary-light-pressed: var(--nutui-brand-1);
36
+ --nutui-color-primary-specialdisabled: var(--nutui-red-3);
40
37
 
41
38
  // service color
42
39
  --nutui-golden-1: #fff2e0;
@@ -67,7 +64,9 @@ page {
67
64
 
68
65
  // danger color
69
66
  --nutui-red-1: #ffebef;
67
+ --nutui-red-3: #ffadbe;
70
68
  --nutui-red-2: #ff0f23;
69
+ --nutui-red-6: #ff3333;
71
70
 
72
71
  // danger color 语义化
73
72
  --nutui-color-danger: var(--nutui-red-2); // 背景或文字
@@ -110,6 +109,8 @@ page {
110
109
  --nutui-gray-6: #505259;
111
110
  // 一级文字色（重要）主要内容用色，常用语常规标题内容、细文浏览、常规按钮文字以及图表引导。
112
111
  --nutui-gray-7: #1a1a1a;
112
+ // icon 未选中颜色
113
+ --nutui-gray-8: #dadce0;
113
114
 
114
115
  --nutui-black-1: rgba(0, 0, 0, 0);
115
116
  // 蒙层色
@@ -152,43 +153,43 @@ page {
152
153
  --nutui-color-content-gray-2: var(--nutui-gray-5);
153
154
  --nutui-color-content-gray-3: var(--nutui-gray-6);
154
155
  --nutui-color-content-gray-4: var(--nutui-gray-7);
155
- --nutui-color-title: var(--nutui-color-content-gray-4); // 一级文字色（重要）
156
- --nutui-color-text: var(
157
- --nutui-color-content-gray-3
158
- ); // 二级文字色或可操作用色（常规）
159
- --nutui-color-text-help: var(
160
- --nutui-color-content-gray-2
161
- ); // 三级文字色（次要）
162
- --nutui-color-text-disabled: var(
163
- --nutui-color-content-gray-1
164
- ); // 四级文字色（不可操作）
156
+ // 一级文字色（重要）
157
+ --nutui-color-title: var(--nutui-color-content-gray-4);
158
+ // 二级文字色或可操作用色（常规）
159
+ --nutui-color-text: var(--nutui-color-content-gray-3);
160
+ // 三级文字色（次要）
161
+ --nutui-color-text-help: var(--nutui-color-content-gray-2);
162
+ // 四级文字色（不可操作）
163
+ --nutui-color-text-disabled: var(--nutui-color-content-gray-1);
165
164
 
166
165
  // 背景颜色值 语义化
167
166
  --nutui-color-background-gray-1: var(--nutui-gray-1);
168
167
  --nutui-color-background-gray-2: var(--nutui-gray-2);
169
168
  --nutui-color-background-gray-3: var(--nutui-gray-3);
170
- --nutui-color-background: var(--nutui-color-background-gray-3); // 页面背景
171
- --nutui-color-background-overlay: var(
172
- --nutui-color-background-gray-1
173
- ); // 卡片背景
174
- --nutui-color-background-sunken: var(
175
- --nutui-color-background-gray-2
176
- ); // 卡片内容器背景
169
+ // 页面背景
170
+ --nutui-color-background: var(--nutui-color-background-gray-3);
171
+ // 卡片背景
172
+ --nutui-color-background-overlay: var(--nutui-color-background-gray-1);
173
+ // 卡片内容器背景
174
+ --nutui-color-background-sunken: var(--nutui-color-background-gray-2);
177
175
 
178
176
  // 蒙层颜色值 语义化
179
177
  --nutui-color-mask-gray-1: var(--nutui-black-2);
180
178
  --nutui-color-mask-gray-2: var(--nutui-black-7);
181
179
  --nutui-color-mask-gray-3: var(--nutui-black-10);
182
- --nutui-color-mask: var(--nutui-color-mask-gray-3); // 全部蒙层
183
- --nutui-color-mask-part: var(--nutui-color-mask-gray-2); // 局部弹层
184
- --nutui-color-mask-fault-toleran: var(--nutui-color-mask-gray-1); // 容错弹层
180
+ // 全部蒙层
181
+ --nutui-color-mask: var(--nutui-color-mask-gray-3);
182
+ // 局部弹层
183
+ --nutui-color-mask-part: var(--nutui-color-mask-gray-2);
184
+ // 容错弹层
185
+ --nutui-color-mask-fault-toleran: var(--nutui-color-mask-gray-1);
185
186
 
186
187
  // 线颜色值 语义化
187
188
  --nutui-color-line-gray-1: var(--nutui-black-3);
188
- --nutui-color-border: var(--nutui-color-line-gray-1); // 间隔线或容错线
189
- --nutui-color-border-disabled: var(
190
- --nutui-color-content-gray-1
191
- ); // 组件边框禁用色
189
+ // 间隔线或容错线
190
+ --nutui-color-border: var(--nutui-color-line-gray-1);
191
+ // 组件边框禁用色
192
+ --nutui-color-border-disabled: var(--nutui-color-content-gray-1);
192
193
 
193
194
  // 字体 ok
194
195
  --nutui-font-size-8: 8px;
@@ -212,29 +213,30 @@ page {
212
213
  --nutui-font-size-26: 26px;
213
214
 
214
215
  // 字号语义化
215
- --nutui-font-size-xxs: var(--nutui-font-size-10); // 标签内文字
216
- --nutui-font-size-xs: var(
217
- --nutui-font-size-11
218
- ); // 导购或信息密集的次要内容、辅助信息
219
- --nutui-font-size-s: var(
220
- --nutui-font-size-12
221
- ); // 汉字：次要内容、辅助类信息 数字：羊角符号、小数点及角分
222
- --nutui-font-size-base: var(--nutui-font-size-14); // 标准内容、名称类关键信息
223
- --nutui-font-size-l: var(
224
- --nutui-font-size-16
225
- ); // 汉字：楼层标题、卡片标题 数字：重复型价格，如搜推商卡
226
- --nutui-font-size-xl: var(
227
- --nutui-font-size-18
228
- ); // 汉字：页面标题、页面级最重要内容 数字：模块级主价格，如购物车、结算、底导
229
- --nutui-font-size-xxl: var(
230
- --nutui-font-size-24
231
- ); // 数字：页面级主价格，如商详、收银台
232
- --nutui-font-size-xxxl: var(--nutui-font-size-26); // zanwu
216
+ // 标签内文字
217
+ --nutui-font-size-xxs: var(--nutui-font-size-10);
218
+ // 导购或信息密集的次要内容、辅助信息
219
+ --nutui-font-size-xs: var(--nutui-font-size-11);
220
+ // 汉字：次要内容、辅助类信息 数字：羊角符号、小数点及角分
221
+ --nutui-font-size-s: var(--nutui-font-size-12);
222
+ // 标准内容、名称类关键信息
223
+ --nutui-font-size-base: var(--nutui-font-size-14);
224
+ // 汉字：楼层标题、卡片标题 数字：重复型价格，如搜推商卡
225
+ --nutui-font-size-l: var(--nutui-font-size-16);
226
+ // 汉字：页面标题、页面级最重要内容 数字：模块级主价格，如购物车、结算、底导
227
+ --nutui-font-size-xl: var(--nutui-font-size-18);
228
+ // 数字：页面级主价格，如商详、收银台
229
+ --nutui-font-size-xxl: var(--nutui-font-size-24);
230
+ // zanwu
231
+ --nutui-font-size-xxxl: var(--nutui-font-size-26);
233
232
 
234
233
  // 字重 ok
235
- --nutui-font-weight-light: 300; // 次要内容
236
- --nutui-font-weight: 400; // 常规内容
237
- --nutui-font-weight-bold: 600; // 强化内容
234
+ // 次要内容
235
+ --nutui-font-weight-light: 300;
236
+ // 常规内容
237
+ --nutui-font-weight: 400;
238
+ // 强化内容
239
+ --nutui-font-weight-bold: 600;
238
240
 
239
241
  // 行高
240
242
  --nutui-line-height-base: 1.5;
@@ -261,22 +263,22 @@ page {
261
263
  --nutui-spacing-16: 16px;
262
264
 
263
265
  // space 语义化
264
- --nutui-spacing-xxxs: var(--nutui-spacing-2); // 狭小空间内的紧密关联内容
265
- --nutui-spacing-xxs: var(
266
- --nutui-spacing-4
267
- ); // 导购：紧密关联内容；平台：紧密关联内容
268
- --nutui-spacing-xs: var(
269
- --nutui-spacing-6
270
- ); // 导购：常规关联内容；平台：替代常规关联内容
271
- --nutui-spacing-s: var(--nutui-spacing-7); // 一行二、一行三卡片间距
272
- --nutui-spacing-base: var(
273
- --nutui-spacing-8
274
- ); // 导购：弱关联内容；平台：常规关联内容
275
- --nutui-spacing-l: var(--nutui-spacing-9); // 一行四卡片间距
276
- --nutui-spacing-xl: var(
277
- --nutui-spacing-12
278
- ); // 导购：无关联内容；平台：弱关联内容
279
- --nutui-spacing-xxl: var(--nutui-spacing-16); // 平台：无关联内容
266
+ // 狭小空间内的紧密关联内容
267
+ --nutui-spacing-xxxs: var(--nutui-spacing-2);
268
+ // 导购：紧密关联内容；平台：紧密关联内容
269
+ --nutui-spacing-xxs: var(--nutui-spacing-4);
270
+ // 导购：常规关联内容；平台：替代常规关联内容
271
+ --nutui-spacing-xs: var(--nutui-spacing-6);
272
+ // 一行二、一行三卡片间距
273
+ --nutui-spacing-s: var(--nutui-spacing-7);
274
+ // 导购：弱关联内容；平台：常规关联内容
275
+ --nutui-spacing-base: var(--nutui-spacing-8);
276
+ // 一行四卡片间距
277
+ --nutui-spacing-l: var(--nutui-spacing-9);
278
+ // 导购：无关联内容；平台：弱关联内容
279
+ --nutui-spacing-xl: var(--nutui-spacing-12);
280
+ // 平台：无关联内容
281
+ --nutui-spacing-xxl: var(--nutui-spacing-16);
280
282
 
281
283
  // radius ok
282
284
  --nutui-radius-0: 0px;
@@ -306,15 +308,20 @@ page {
306
308
  --nutui-radius-24: 24px;
307
309
 
308
310
  // radius 语义化
309
- --nutui-radius-xxxs: var(--nutui-radius-0); // 内容描述型的详情页面通栏结构
310
- --nutui-radius-xxs: var(--nutui-radius-2); // 标签
311
- --nutui-radius-xs: var(--nutui-radius-4); // 单行高度20、24、28的组件
312
- --nutui-radius-s: var(--nutui-radius-6); // 单行高度32、36的组件
313
- --nutui-radius-base: var(--nutui-radius-8); // 单行高度40及以上的组件
314
- --nutui-radius-l: var(--nutui-radius-8); // 入口型非通栏卡片
315
- --nutui-radius-xl: var(
316
- --nutui-radius-12
317
- ); // 结构分割、通栏卡片、临时操作层组件等场景
311
+ // 内容描述型的详情页面通栏结构
312
+ --nutui-radius-xxxs: var(--nutui-radius-0);
313
+ // 标签
314
+ --nutui-radius-xxs: var(--nutui-radius-2);
315
+ // 单行高度20、24、28的组件
316
+ --nutui-radius-xs: var(--nutui-radius-4);
317
+ // 单行高度32、36的组件
318
+ --nutui-radius-s: var(--nutui-radius-6);
319
+ // 单行高度40及以上的组件
320
+ --nutui-radius-base: var(--nutui-radius-8);
321
+ // 入口型非通栏卡片
322
+ --nutui-radius-l: var(--nutui-radius-8);
323
+ // 结构分割、通栏卡片、临时操作层组件等场景
324
+ --nutui-radius-xl: var(--nutui-radius-12);
318
325
  --nutui-radius-xxl: var(--nutui-radius-14); // zanwu
319
326
  --nutui-radius-xxxl: var(--nutui-radius-16); // zanwu
320
327
  }