@nutui/nutui 3.1.19 → 3.1.21-beta.0

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 (383) hide show
  1. package/package.json +1 -1
  2. package/dist/nutui.es.js +0 -18271
  3. package/dist/nutui.umd.js +0 -18375
  4. package/dist/packages/_es/ActionSheet.js +0 -175
  5. package/dist/packages/_es/Address.js +0 -568
  6. package/dist/packages/_es/AddressList.js +0 -616
  7. package/dist/packages/_es/Audio.js +0 -290
  8. package/dist/packages/_es/AudioOperate.js +0 -126
  9. package/dist/packages/_es/Avatar.js +0 -183
  10. package/dist/packages/_es/AvatarGroup.js +0 -78
  11. package/dist/packages/_es/BackTop.js +0 -163
  12. package/dist/packages/_es/Badge.js +0 -91
  13. package/dist/packages/_es/Barrage.js +0 -119
  14. package/dist/packages/_es/Button.js +0 -134
  15. package/dist/packages/_es/Calendar.js +0 -243
  16. package/dist/packages/_es/CalendarItem.js +0 -11
  17. package/dist/packages/_es/Card.js +0 -112
  18. package/dist/packages/_es/Cascader.js +0 -546
  19. package/dist/packages/_es/Category.js +0 -63
  20. package/dist/packages/_es/CategoryPane.js +0 -116
  21. package/dist/packages/_es/Cell.js +0 -103
  22. package/dist/packages/_es/CellGroup.js +0 -49
  23. package/dist/packages/_es/Checkbox.js +0 -120
  24. package/dist/packages/_es/CheckboxGroup.js +0 -63
  25. package/dist/packages/_es/CircleProgress.js +0 -156
  26. package/dist/packages/_es/Col.js +0 -61
  27. package/dist/packages/_es/Collapse.js +0 -90
  28. package/dist/packages/_es/CollapseItem.js +0 -279
  29. package/dist/packages/_es/Comment.js +0 -440
  30. package/dist/packages/_es/CountDown.js +0 -264
  31. package/dist/packages/_es/CountUp.js +0 -568
  32. package/dist/packages/_es/DatePicker.js +0 -343
  33. package/dist/packages/_es/Dialog.js +0 -286
  34. package/dist/packages/_es/Divider.js +0 -50
  35. package/dist/packages/_es/Drag.js +0 -204
  36. package/dist/packages/_es/Ecard.js +0 -164
  37. package/dist/packages/_es/Elevator.js +0 -215
  38. package/dist/packages/_es/Empty.js +0 -76
  39. package/dist/packages/_es/FixedNav.js +0 -127
  40. package/dist/packages/_es/Form.js +0 -153
  41. package/dist/packages/_es/FormItem.js +0 -115
  42. package/dist/packages/_es/Grid.js +0 -13
  43. package/dist/packages/_es/GridItem.js +0 -150
  44. package/dist/packages/_es/Icon.js +0 -45
  45. package/dist/packages/_es/ImagePreview.js +0 -326
  46. package/dist/packages/_es/Indicator.js +0 -67
  47. package/dist/packages/_es/InfiniteLoading.js +0 -268
  48. package/dist/packages/_es/Input.js +0 -420
  49. package/dist/packages/_es/InputNumber.js +0 -165
  50. package/dist/packages/_es/Layout.js +0 -11
  51. package/dist/packages/_es/List.js +0 -128
  52. package/dist/packages/_es/Menu.js +0 -120
  53. package/dist/packages/_es/MenuItem.js +0 -169
  54. package/dist/packages/_es/Navbar.js +0 -100
  55. package/dist/packages/_es/NoticeBar.js +0 -404
  56. package/dist/packages/_es/Notify.js +0 -255
  57. package/dist/packages/_es/NumberKeyboard.js +0 -261
  58. package/dist/packages/_es/OldPicker.js +0 -485
  59. package/dist/packages/_es/OverLay.js +0 -119
  60. package/dist/packages/_es/Pagination.js +0 -165
  61. package/dist/packages/_es/Picker.js +0 -477
  62. package/dist/packages/_es/Popover.js +0 -208
  63. package/dist/packages/_es/Popup.js +0 -317
  64. package/dist/packages/_es/Price.js +0 -123
  65. package/dist/packages/_es/Progress.js +0 -151
  66. package/dist/packages/_es/PullRefresh.js +0 -364
  67. package/dist/packages/_es/Radio.js +0 -96
  68. package/dist/packages/_es/RadioGroup.js +0 -42
  69. package/dist/packages/_es/Range.js +0 -433
  70. package/dist/packages/_es/Rate.js +0 -144
  71. package/dist/packages/_es/Row.js +0 -69
  72. package/dist/packages/_es/SearchBar.js +0 -196
  73. package/dist/packages/_es/ShortPassword.js +0 -231
  74. package/dist/packages/_es/SideNavBar.js +0 -105
  75. package/dist/packages/_es/SideNavBarItem.js +0 -51
  76. package/dist/packages/_es/Signature.js +0 -185
  77. package/dist/packages/_es/Skeleton.js +0 -141
  78. package/dist/packages/_es/Sku.js +0 -517
  79. package/dist/packages/_es/Step.js +0 -138
  80. package/dist/packages/_es/Steps.js +0 -58
  81. package/dist/packages/_es/Sticky.js +0 -144
  82. package/dist/packages/_es/SubSideNavBar.js +0 -105
  83. package/dist/packages/_es/Swipe.js +0 -207
  84. package/dist/packages/_es/Swiper.js +0 -430
  85. package/dist/packages/_es/SwiperItem.js +0 -56
  86. package/dist/packages/_es/Switch.js +0 -121
  87. package/dist/packages/_es/TabPane.js +0 -40
  88. package/dist/packages/_es/Tabbar.js +0 -78
  89. package/dist/packages/_es/TabbarItem.js +0 -158
  90. package/dist/packages/_es/Table.js +0 -201
  91. package/dist/packages/_es/Tabs.js +0 -221
  92. package/dist/packages/_es/Tag.js +0 -102
  93. package/dist/packages/_es/TextArea.js +0 -166
  94. package/dist/packages/_es/TimeDetail.js +0 -103
  95. package/dist/packages/_es/TimePannel.js +0 -71
  96. package/dist/packages/_es/TimeSelect.js +0 -108
  97. package/dist/packages/_es/Toast.js +0 -335
  98. package/dist/packages/_es/Uploader.js +0 -494
  99. package/dist/packages/_es/Video.js +0 -357
  100. package/dist/packages/_es/common.js +0 -136
  101. package/dist/packages/_es/component.js +0 -102
  102. package/dist/packages/_es/index.js +0 -11
  103. package/dist/packages/_es/index2.js +0 -36
  104. package/dist/packages/_es/index3.js +0 -13
  105. package/dist/packages/_es/index4.js +0 -64
  106. package/dist/packages/_es/index5.js +0 -692
  107. package/dist/packages/_es/plugin-vue_export-helper.js +0 -13
  108. package/dist/packages/_es/pxCheck.js +0 -9
  109. package/dist/packages/_es/raf.js +0 -19
  110. package/dist/packages/_es/style.css +0 -111
  111. package/dist/packages/actionsheet/index.scss +0 -73
  112. package/dist/packages/address/index.scss +0 -155
  113. package/dist/packages/addresslist/index.scss +0 -144
  114. package/dist/packages/audio/index.scss +0 -66
  115. package/dist/packages/audiooperate/index.scss +0 -13
  116. package/dist/packages/avatar/index.scss +0 -53
  117. package/dist/packages/avatargroup/index.scss +0 -14
  118. package/dist/packages/backtop/index.scss +0 -20
  119. package/dist/packages/badge/index.scss +0 -33
  120. package/dist/packages/barrage/index.scss +0 -48
  121. package/dist/packages/button/index.scss +0 -169
  122. package/dist/packages/calendar/index.scss +0 -212
  123. package/dist/packages/calendaritem/index.scss +0 -0
  124. package/dist/packages/card/index.scss +0 -97
  125. package/dist/packages/cascader/index.scss +0 -81
  126. package/dist/packages/category/index.scss +0 -38
  127. package/dist/packages/categorypane/index.scss +0 -124
  128. package/dist/packages/cell/index.scss +0 -76
  129. package/dist/packages/cellgroup/index.scss +0 -38
  130. package/dist/packages/checkbox/index.scss +0 -31
  131. package/dist/packages/checkboxgroup/index.scss +0 -0
  132. package/dist/packages/circleprogress/index.scss +0 -24
  133. package/dist/packages/col/index.scss +0 -24
  134. package/dist/packages/collapse/index.scss +0 -0
  135. package/dist/packages/collapseitem/index.scss +0 -143
  136. package/dist/packages/comment/index.scss +0 -353
  137. package/dist/packages/countdown/index.scss +0 -5
  138. package/dist/packages/countup/index.scss +0 -67
  139. package/dist/packages/datepicker/index.scss +0 -2
  140. package/dist/packages/dialog/index.scss +0 -65
  141. package/dist/packages/divider/index.scss +0 -54
  142. package/dist/packages/drag/index.scss +0 -18
  143. package/dist/packages/ecard/index.scss +0 -83
  144. package/dist/packages/elevator/index.scss +0 -73
  145. package/dist/packages/empty/index.scss +0 -33
  146. package/dist/packages/fixednav/index.scss +0 -134
  147. package/dist/packages/form/index.scss +0 -2
  148. package/dist/packages/formitem/index.scss +0 -70
  149. package/dist/packages/grid/index.scss +0 -10
  150. package/dist/packages/griditem/index.scss +0 -92
  151. package/dist/packages/icon/index.scss +0 -131
  152. package/dist/packages/imagepreview/index.scss +0 -49
  153. package/dist/packages/indicator/index.scss +0 -48
  154. package/dist/packages/infiniteloading/index.scss +0 -47
  155. package/dist/packages/input/index.scss +0 -126
  156. package/dist/packages/inputnumber/index.scss +0 -38
  157. package/dist/packages/layout/index.scss +0 -0
  158. package/dist/packages/list/index.scss +0 -24
  159. package/dist/packages/locale/index.d.ts +0 -3
  160. package/dist/packages/locale/index.scss +0 -1
  161. package/dist/packages/locale/lang/baseLang.js +0 -8
  162. package/dist/packages/locale/lang/en-US.js +0 -91
  163. package/dist/packages/locale/lang/index.js +0 -48
  164. package/dist/packages/locale/lang/index.scss +0 -1
  165. package/dist/packages/locale/lang/zh-CN.js +0 -91
  166. package/dist/packages/locale/lang/zh-TW.js +0 -91
  167. package/dist/packages/locale/locale/index.d.ts +0 -8
  168. package/dist/packages/locale/locale/lang/baseLang.d.ts +0 -82
  169. package/dist/packages/locale/locale/lang/en-US.d.ts +0 -83
  170. package/dist/packages/locale/locale/lang/zh-CN.d.ts +0 -83
  171. package/dist/packages/locale/locale/lang/zh-TW.d.ts +0 -83
  172. package/dist/packages/menu/index.scss +0 -49
  173. package/dist/packages/menuitem/index.scss +0 -47
  174. package/dist/packages/navbar/index.scss +0 -124
  175. package/dist/packages/noticebar/index.scss +0 -114
  176. package/dist/packages/notify/index.scss +0 -62
  177. package/dist/packages/numberkeyboard/index.scss +0 -109
  178. package/dist/packages/oldpicker/index.scss +0 -131
  179. package/dist/packages/overlay/index.scss +0 -22
  180. package/dist/packages/pagination/index.scss +0 -50
  181. package/dist/packages/picker/index.scss +0 -128
  182. package/dist/packages/popover/index.scss +0 -133
  183. package/dist/packages/popup/index.scss +0 -132
  184. package/dist/packages/price/index.scss +0 -59
  185. package/dist/packages/progress/index.scss +0 -104
  186. package/dist/packages/pullrefresh/index.scss +0 -71
  187. package/dist/packages/radio/index.scss +0 -59
  188. package/dist/packages/radiogroup/index.scss +0 -22
  189. package/dist/packages/range/index.scss +0 -202
  190. package/dist/packages/rate/index.scss +0 -35
  191. package/dist/packages/row/index.scss +0 -54
  192. package/dist/packages/searchbar/index.scss +0 -98
  193. package/dist/packages/shortpassword/index.scss +0 -169
  194. package/dist/packages/sidenavbar/index.scss +0 -14
  195. package/dist/packages/sidenavbaritem/index.scss +0 -10
  196. package/dist/packages/signature/index.scss +0 -14
  197. package/dist/packages/skeleton/index.scss +0 -57
  198. package/dist/packages/sku/index.scss +0 -147
  199. package/dist/packages/step/index.scss +0 -190
  200. package/dist/packages/steps/index.scss +0 -7
  201. package/dist/packages/sticky/index.scss +0 -5
  202. package/dist/packages/subsidenavbar/index.scss +0 -41
  203. package/dist/packages/swipe/index.scss +0 -22
  204. package/dist/packages/swiper/index.scss +0 -45
  205. package/dist/packages/swiperitem/index.scss +0 -3
  206. package/dist/packages/switch/index.scss +0 -60
  207. package/dist/packages/tabbar/index.scss +0 -27
  208. package/dist/packages/tabbaritem/index.scss +0 -79
  209. package/dist/packages/table/index.scss +0 -81
  210. package/dist/packages/tabpane/index.scss +0 -12
  211. package/dist/packages/tabs/index.scss +0 -166
  212. package/dist/packages/tag/index.scss +0 -48
  213. package/dist/packages/textarea/index.scss +0 -40
  214. package/dist/packages/timedetail/index.scss +0 -38
  215. package/dist/packages/timepannel/index.scss +0 -16
  216. package/dist/packages/timeselect/index.scss +0 -37
  217. package/dist/packages/toast/index.scss +0 -98
  218. package/dist/packages/uploader/index.scss +0 -157
  219. package/dist/packages/video/index.scss +0 -205
  220. package/dist/smartips/attributes.json +0 -2542
  221. package/dist/smartips/tags.json +0 -955
  222. package/dist/style.css +0 -1
  223. package/dist/style.es.js +0 -2
  224. package/dist/styles/animation/drop.scss +0 -24
  225. package/dist/styles/animation/ease.scss +0 -23
  226. package/dist/styles/animation/fade.scss +0 -20
  227. package/dist/styles/animation/icon.scss +0 -245
  228. package/dist/styles/animation/index.scss +0 -7
  229. package/dist/styles/animation/rotate.scss +0 -10
  230. package/dist/styles/animation/zoom.scss +0 -26
  231. package/dist/styles/font/config.json +0 -167
  232. package/dist/styles/font/demo.css +0 -539
  233. package/dist/styles/font/demo_index.html +0 -2879
  234. package/dist/styles/font/iconfont.css +0 -483
  235. package/dist/styles/font/iconfont.eot +0 -0
  236. package/dist/styles/font/iconfont.js +0 -63
  237. package/dist/styles/font/iconfont.json +0 -828
  238. package/dist/styles/font/iconfont.svg +0 -356
  239. package/dist/styles/font/iconfont.ttf +0 -0
  240. package/dist/styles/font/iconfont.woff +0 -0
  241. package/dist/styles/font/iconfont.woff2 +0 -0
  242. package/dist/styles/mixins/index.scss +0 -2
  243. package/dist/styles/mixins/make-animation.scss +0 -24
  244. package/dist/styles/mixins/text-ellipsis.scss +0 -20
  245. package/dist/styles/themes/default.scss +0 -97
  246. package/dist/styles/themes/jdt.scss +0 -97
  247. package/dist/styles/variables-jdt.scss +0 -750
  248. package/dist/styles/variables.scss +0 -774
  249. package/dist/types/__VUE/actionsheet/index.d.ts +0 -273
  250. package/dist/types/__VUE/address/index.d.ts +0 -394
  251. package/dist/types/__VUE/addresslist/components/GeneralShell.d.ts +0 -28
  252. package/dist/types/__VUE/addresslist/components/ItemContents.d.ts +0 -35
  253. package/dist/types/__VUE/addresslist/components/LongPressShell.d.ts +0 -40
  254. package/dist/types/__VUE/addresslist/components/SwipeShell.d.ts +0 -30
  255. package/dist/types/__VUE/addresslist/index.d.ts +0 -74
  256. package/dist/types/__VUE/audio/index.d.ts +0 -85
  257. package/dist/types/__VUE/audiooperate/index.d.ts +0 -61
  258. package/dist/types/__VUE/avatar/index.d.ts +0 -103
  259. package/dist/types/__VUE/avatargroup/index.d.ts +0 -86
  260. package/dist/types/__VUE/backtop/index.d.ts +0 -98
  261. package/dist/types/__VUE/badge/index.d.ts +0 -87
  262. package/dist/types/__VUE/barrage/index.d.ts +0 -73
  263. package/dist/types/__VUE/button/index.d.ts +0 -113
  264. package/dist/types/__VUE/calendar/index.d.ts +0 -148
  265. package/dist/types/__VUE/calendaritem/index.d.ts +0 -200
  266. package/dist/types/__VUE/card/index.d.ts +0 -83
  267. package/dist/types/__VUE/cascader/cascader-item.d.ts +0 -71
  268. package/dist/types/__VUE/cascader/helper.d.ts +0 -8
  269. package/dist/types/__VUE/cascader/index.d.ts +0 -235
  270. package/dist/types/__VUE/cascader/tree.d.ts +0 -16
  271. package/dist/types/__VUE/cascader/types.d.ts +0 -30
  272. package/dist/types/__VUE/category/index.d.ts +0 -32
  273. package/dist/types/__VUE/categorypane/index.d.ts +0 -38
  274. package/dist/types/__VUE/cell/index.d.ts +0 -102
  275. package/dist/types/__VUE/cellgroup/index.d.ts +0 -31
  276. package/dist/types/__VUE/checkbox/index.d.ts +0 -95
  277. package/dist/types/__VUE/checkboxgroup/index.d.ts +0 -32
  278. package/dist/types/__VUE/circleprogress/index.d.ts +0 -87
  279. package/dist/types/__VUE/col/index.d.ts +0 -38
  280. package/dist/types/__VUE/collapse/index.d.ts +0 -97
  281. package/dist/types/__VUE/collapseitem/index.d.ts +0 -76
  282. package/dist/types/__VUE/comment/components/CmtBottom.d.ts +0 -45
  283. package/dist/types/__VUE/comment/components/CmtHeader.d.ts +0 -40
  284. package/dist/types/__VUE/comment/components/CmtImages.d.ts +0 -44
  285. package/dist/types/__VUE/comment/index.d.ts +0 -103
  286. package/dist/types/__VUE/countdown/index.d.ts +0 -98
  287. package/dist/types/__VUE/countdown/util.d.ts +0 -6
  288. package/dist/types/__VUE/countup/index.d.ts +0 -209
  289. package/dist/types/__VUE/datepicker/index.d.ts +0 -354
  290. package/dist/types/__VUE/datepicker/utils.d.ts +0 -5
  291. package/dist/types/__VUE/dialog/index.d.ts +0 -299
  292. package/dist/types/__VUE/divider/index.d.ts +0 -40
  293. package/dist/types/__VUE/drag/index.d.ts +0 -54
  294. package/dist/types/__VUE/ecard/index.d.ts +0 -118
  295. package/dist/types/__VUE/elevator/index.d.ts +0 -70
  296. package/dist/types/__VUE/empty/index.d.ts +0 -40
  297. package/dist/types/__VUE/fixednav/index.d.ts +0 -89
  298. package/dist/types/__VUE/form/common.d.ts +0 -20
  299. package/dist/types/__VUE/form/index.d.ts +0 -25
  300. package/dist/types/__VUE/form/types.d.ts +0 -13
  301. package/dist/types/__VUE/formitem/index.d.ts +0 -115
  302. package/dist/types/__VUE/formitem/types.d.ts +0 -10
  303. package/dist/types/__VUE/grid/common.d.ts +0 -91
  304. package/dist/types/__VUE/grid/index.d.ts +0 -93
  305. package/dist/types/__VUE/griditem/index.d.ts +0 -74
  306. package/dist/types/__VUE/icon/index.d.ts +0 -68
  307. package/dist/types/__VUE/imagepreview/index.d.ts +0 -118
  308. package/dist/types/__VUE/indicator/index.d.ts +0 -63
  309. package/dist/types/__VUE/infiniteloading/index.d.ts +0 -133
  310. package/dist/types/__VUE/input/index.d.ts +0 -339
  311. package/dist/types/__VUE/input/util.d.ts +0 -5
  312. package/dist/types/__VUE/inputnumber/index.d.ts +0 -110
  313. package/dist/types/__VUE/layout/index.d.ts +0 -6
  314. package/dist/types/__VUE/list/index.d.ts +0 -50
  315. package/dist/types/__VUE/menu/index.d.ts +0 -45
  316. package/dist/types/__VUE/menuitem/index.d.ts +0 -75
  317. package/dist/types/__VUE/navbar/index.d.ts +0 -76
  318. package/dist/types/__VUE/noticebar/index.d.ts +0 -202
  319. package/dist/types/__VUE/notify/index.d.ts +0 -106
  320. package/dist/types/__VUE/numberkeyboard/index.d.ts +0 -118
  321. package/dist/types/__VUE/oldpicker/Column.d.ts +0 -89
  322. package/dist/types/__VUE/oldpicker/commonProps.d.ts +0 -22
  323. package/dist/types/__VUE/oldpicker/index.d.ts +0 -363
  324. package/dist/types/__VUE/oldpicker/types.d.ts +0 -24
  325. package/dist/types/__VUE/overlay/index.d.ts +0 -1638
  326. package/dist/types/__VUE/pagination/index.d.ts +0 -105
  327. package/dist/types/__VUE/picker/Column.d.ts +0 -85
  328. package/dist/types/__VUE/picker/index.d.ts +0 -347
  329. package/dist/types/__VUE/picker/types.d.ts +0 -26
  330. package/dist/types/__VUE/popover/index.d.ts +0 -238
  331. package/dist/types/__VUE/popup/index.d.ts +0 -1817
  332. package/dist/types/__VUE/popup/use-lock-scroll.d.ts +0 -5
  333. package/dist/types/__VUE/price/index.d.ts +0 -80
  334. package/dist/types/__VUE/progress/index.d.ts +0 -131
  335. package/dist/types/__VUE/pullrefresh/index.d.ts +0 -122
  336. package/dist/types/__VUE/pullrefresh/use-touch.d.ts +0 -20
  337. package/dist/types/__VUE/pullrefresh/util.d.ts +0 -6
  338. package/dist/types/__VUE/radio/index.d.ts +0 -83
  339. package/dist/types/__VUE/radiogroup/index.d.ts +0 -41
  340. package/dist/types/__VUE/range/index.d.ts +0 -151
  341. package/dist/types/__VUE/rate/index.d.ts +0 -135
  342. package/dist/types/__VUE/row/index.d.ts +0 -59
  343. package/dist/types/__VUE/searchbar/index.d.ts +0 -93
  344. package/dist/types/__VUE/shortpassword/index.d.ts +0 -130
  345. package/dist/types/__VUE/sidenavbar/index.d.ts +0 -30
  346. package/dist/types/__VUE/sidenavbaritem/index.d.ts +0 -34
  347. package/dist/types/__VUE/signature/index.d.ts +0 -67
  348. package/dist/types/__VUE/skeleton/common.d.ts +0 -63
  349. package/dist/types/__VUE/skeleton/index.d.ts +0 -110
  350. package/dist/types/__VUE/sku/components/SkuHeader.d.ts +0 -21
  351. package/dist/types/__VUE/sku/components/SkuOperate.d.ts +0 -63
  352. package/dist/types/__VUE/sku/components/SkuSelect.d.ts +0 -23
  353. package/dist/types/__VUE/sku/components/SkuStepper.d.ts +0 -60
  354. package/dist/types/__VUE/sku/index.d.ts +0 -303
  355. package/dist/types/__VUE/step/index.d.ts +0 -63
  356. package/dist/types/__VUE/steps/index.d.ts +0 -40
  357. package/dist/types/__VUE/sticky/index.d.ts +0 -57
  358. package/dist/types/__VUE/subsidenavbar/index.d.ts +0 -47
  359. package/dist/types/__VUE/swipe/index.d.ts +0 -64
  360. package/dist/types/__VUE/swiper/index.d.ts +0 -157
  361. package/dist/types/__VUE/swiper/use-touch.d.ts +0 -20
  362. package/dist/types/__VUE/swiperitem/index.d.ts +0 -22
  363. package/dist/types/__VUE/switch/index.d.ts +0 -129
  364. package/dist/types/__VUE/tabbar/index.d.ts +0 -77
  365. package/dist/types/__VUE/tabbaritem/index.d.ts +0 -101
  366. package/dist/types/__VUE/table/common.d.ts +0 -56
  367. package/dist/types/__VUE/table/index.d.ts +0 -69
  368. package/dist/types/__VUE/table/renderColumn.d.ts +0 -21
  369. package/dist/types/__VUE/table/types.d.ts +0 -19
  370. package/dist/types/__VUE/tabpane/index.d.ts +0 -40
  371. package/dist/types/__VUE/tabs/common.d.ts +0 -78
  372. package/dist/types/__VUE/tabs/index.d.ts +0 -119
  373. package/dist/types/__VUE/tag/index.d.ts +0 -84
  374. package/dist/types/__VUE/textarea/index.d.ts +0 -114
  375. package/dist/types/__VUE/timedetail/index.d.ts +0 -41
  376. package/dist/types/__VUE/timepannel/index.d.ts +0 -36
  377. package/dist/types/__VUE/timeselect/index.d.ts +0 -76
  378. package/dist/types/__VUE/toast/index.d.ts +0 -142
  379. package/dist/types/__VUE/uploader/index.d.ts +0 -262
  380. package/dist/types/__VUE/uploader/uploader.d.ts +0 -25
  381. package/dist/types/__VUE/video/index.d.ts +0 -116
  382. package/dist/types/index.d.ts +0 -3
  383. package/dist/types/nutui.d.ts +0 -99
package/dist/styles/font/demo_index.html DELETED
@@ -1,2879 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8"/>
5
- <title>iconfont Demo</title>
6
- <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
7
- <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
8
- <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
9
- <link rel="stylesheet" href="demo.css">
10
- <link rel="stylesheet" href="iconfont.css">
11
- <script src="iconfont.js"></script>
12
- <!-- jQuery -->
13
- <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
14
- <!-- 代码高亮 -->
15
- <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
16
- <style>
17
- .main .logo {
18
- margin-top: 0;
19
- height: auto;
20
- }
21
-
22
- .main .logo a {
23
- display: flex;
24
- align-items: center;
25
- }
26
-
27
- .main .logo .sub-title {
28
- margin-left: 0.5em;
29
- font-size: 22px;
30
- color: #fff;
31
- background: linear-gradient(-45deg, #3967FF, #B500FE);
32
- -webkit-background-clip: text;
33
- -webkit-text-fill-color: transparent;
34
- }
35
- </style>
36
- </head>
37
- <body>
38
- <div class="main">
39
- <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
40
- <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
41
-
42
- </a></h1>
43
- <div class="nav-tabs">
44
- <ul id="tabs" class="dib-box">
45
- <li class="dib active"><span>Unicode</span></li>
46
- <li class="dib"><span>Font class</span></li>
47
- <li class="dib"><span>Symbol</span></li>
48
- </ul>
49
-
50
- <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2166874" target="_blank" class="nav-more">查看项目</a>
51
-
52
- </div>
53
- <div class="tab-container">
54
- <div class="content unicode" style="display: block;">
55
- <ul class="icon_lists dib-box">
56
-
57
- <li class="dib">
58
- <span class="icon nutui-iconfont">&#xe608;</span>
59
- <div class="name">voice</div>
60
- <div class="code-name">&amp;#xe608;</div>
61
- </li>
62
-
63
- <li class="dib">
64
- <span class="icon nutui-iconfont">&#xe604;</span>
65
- <div class="name">play-stop</div>
66
- <div class="code-name">&amp;#xe604;</div>
67
- </li>
68
-
69
- <li class="dib">
70
- <span class="icon nutui-iconfont">&#xe605;</span>
71
- <div class="name">play-start</div>
72
- <div class="code-name">&amp;#xe605;</div>
73
- </li>
74
-
75
- <li class="dib">
76
- <span class="icon nutui-iconfont">&#xe606;</span>
77
- <div class="name">play-double-back</div>
78
- <div class="code-name">&amp;#xe606;</div>
79
- </li>
80
-
81
- <li class="dib">
82
- <span class="icon nutui-iconfont">&#xe607;</span>
83
- <div class="name">play-double-forward</div>
84
- <div class="code-name">&amp;#xe607;</div>
85
- </li>
86
-
87
- <li class="dib">
88
- <span class="icon nutui-iconfont">&#xe603;</span>
89
- <div class="name">dou-arrow-up</div>
90
- <div class="code-name">&amp;#xe603;</div>
91
- </li>
92
-
93
- <li class="dib">
94
- <span class="icon nutui-iconfont">&#xe614;</span>
95
- <div class="name">loading2</div>
96
- <div class="code-name">&amp;#xe614;</div>
97
- </li>
98
-
99
- <li class="dib">
100
- <span class="icon nutui-iconfont">&#xe601;</span>
101
- <div class="name">checked</div>
102
- <div class="code-name">&amp;#xe601;</div>
103
- </li>
104
-
105
- <li class="dib">
106
- <span class="icon nutui-iconfont">&#xe6c8;</span>
107
- <div class="name">checklist</div>
108
- <div class="code-name">&amp;#xe6c8;</div>
109
- </li>
110
-
111
- <li class="dib">
112
- <span class="icon nutui-iconfont">&#xe6c7;</span>
113
- <div class="name">check-disabled</div>
114
- <div class="code-name">&amp;#xe6c7;</div>
115
- </li>
116
-
117
- <li class="dib">
118
- <span class="icon nutui-iconfont">&#xe6c5;</span>
119
- <div class="name">check-normal</div>
120
- <div class="code-name">&amp;#xe6c5;</div>
121
- </li>
122
-
123
- <li class="dib">
124
- <span class="icon nutui-iconfont">&#xe6c6;</span>
125
- <div class="name">check-checked</div>
126
- <div class="code-name">&amp;#xe6c6;</div>
127
- </li>
128
-
129
- <li class="dib">
130
- <span class="icon nutui-iconfont">&#xe6c4;</span>
131
- <div class="name">loading</div>
132
- <div class="code-name">&amp;#xe6c4;</div>
133
- </li>
134
-
135
- <li class="dib">
136
- <span class="icon nutui-iconfont">&#xe6c0;</span>
137
- <div class="name">heart-n</div>
138
- <div class="code-name">&amp;#xe6c0;</div>
139
- </li>
140
-
141
- <li class="dib">
142
- <span class="icon nutui-iconfont">&#xe6c1;</span>
143
- <div class="name">star-fill-n</div>
144
- <div class="code-name">&amp;#xe6c1;</div>
145
- </li>
146
-
147
- <li class="dib">
148
- <span class="icon nutui-iconfont">&#xe6c2;</span>
149
- <div class="name">heart-fill-n</div>
150
- <div class="code-name">&amp;#xe6c2;</div>
151
- </li>
152
-
153
- <li class="dib">
154
- <span class="icon nutui-iconfont">&#xe6c3;</span>
155
- <div class="name">star-n</div>
156
- <div class="code-name">&amp;#xe6c3;</div>
157
- </li>
158
-
159
- <li class="dib">
160
- <span class="icon nutui-iconfont">&#xe69d;</span>
161
- <div class="name">heart</div>
162
- <div class="code-name">&amp;#xe69d;</div>
163
- </li>
164
-
165
- <li class="dib">
166
- <span class="icon nutui-iconfont">&#xe69e;</span>
167
- <div class="name">heart</div>
168
- <div class="code-name">&amp;#xe69e;</div>
169
- </li>
170
-
171
- <li class="dib">
172
- <span class="icon nutui-iconfont">&#xe69f;</span>
173
- <div class="name">heart-fill</div>
174
- <div class="code-name">&amp;#xe69f;</div>
175
- </li>
176
-
177
- <li class="dib">
178
- <span class="icon nutui-iconfont">&#xe6bf;</span>
179
- <div class="name">heart-fill</div>
180
- <div class="code-name">&amp;#xe6bf;</div>
181
- </li>
182
-
183
- <li class="dib">
184
- <span class="icon nutui-iconfont">&#xe6be;</span>
185
- <div class="name">heart-fill1</div>
186
- <div class="code-name">&amp;#xe6be;</div>
187
- </li>
188
-
189
- <li class="dib">
190
- <span class="icon nutui-iconfont">&#xe6ae;</span>
191
- <div class="name">star-fill</div>
192
- <div class="code-name">&amp;#xe6ae;</div>
193
- </li>
194
-
195
- <li class="dib">
196
- <span class="icon nutui-iconfont">&#xe6ad;</span>
197
- <div class="name">star</div>
198
- <div class="code-name">&amp;#xe6ad;</div>
199
- </li>
200
-
201
- <li class="dib">
202
- <span class="icon nutui-iconfont">&#xe6a0;</span>
203
- <div class="name">star</div>
204
- <div class="code-name">&amp;#xe6a0;</div>
205
- </li>
206
-
207
- <li class="dib">
208
- <span class="icon nutui-iconfont">&#xe6a1;</span>
209
- <div class="name">star-fill</div>
210
- <div class="code-name">&amp;#xe6a1;</div>
211
- </li>
212
-
213
- <li class="dib">
214
- <span class="icon nutui-iconfont">&#xe6bd;</span>
215
- <div class="name">share-n</div>
216
- <div class="code-name">&amp;#xe6bd;</div>
217
- </li>
218
-
219
- <li class="dib">
220
- <span class="icon nutui-iconfont">&#xe6bc;</span>
221
- <div class="name">horizontal-n</div>
222
- <div class="code-name">&amp;#xe6bc;</div>
223
- </li>
224
-
225
- <li class="dib">
226
- <span class="icon nutui-iconfont">&#xe6bb;</span>
227
- <div class="name">more-x</div>
228
- <div class="code-name">&amp;#xe6bb;</div>
229
- </li>
230
-
231
- <li class="dib">
232
- <span class="icon nutui-iconfont">&#xe6ba;</span>
233
- <div class="name">more-s</div>
234
- <div class="code-name">&amp;#xe6ba;</div>
235
- </li>
236
-
237
- <li class="dib">
238
- <span class="icon nutui-iconfont">&#xe6b8;</span>
239
- <div class="name">star-fill</div>
240
- <div class="code-name">&amp;#xe6b8;</div>
241
- </li>
242
-
243
- <li class="dib">
244
- <span class="icon nutui-iconfont">&#xe6b9;</span>
245
- <div class="name">star</div>
246
- <div class="code-name">&amp;#xe6b9;</div>
247
- </li>
248
-
249
- <li class="dib">
250
- <span class="icon nutui-iconfont">&#xe6b6;</span>
251
- <div class="name">heart</div>
252
- <div class="code-name">&amp;#xe6b6;</div>
253
- </li>
254
-
255
- <li class="dib">
256
- <span class="icon nutui-iconfont">&#xe6b7;</span>
257
- <div class="name">heart-fill</div>
258
- <div class="code-name">&amp;#xe6b7;</div>
259
- </li>
260
-
261
- <li class="dib">
262
- <span class="icon nutui-iconfont">&#xe6b5;</span>
263
- <div class="name">retweet</div>
264
- <div class="code-name">&amp;#xe6b5;</div>
265
- </li>
266
-
267
- <li class="dib">
268
- <span class="icon nutui-iconfont">&#xe6b3;</span>
269
- <div class="name">poweroff-circle-fill</div>
270
- <div class="code-name">&amp;#xe6b3;</div>
271
- </li>
272
-
273
- <li class="dib">
274
- <span class="icon nutui-iconfont">&#xe6b4;</span>
275
- <div class="name">play-circle-fill</div>
276
- <div class="code-name">&amp;#xe6b4;</div>
277
- </li>
278
-
279
- <li class="dib">
280
- <span class="icon nutui-iconfont">&#xe6b2;</span>
281
- <div class="name">down-arrow</div>
282
- <div class="code-name">&amp;#xe6b2;</div>
283
- </li>
284
-
285
- <li class="dib">
286
- <span class="icon nutui-iconfont">&#xe6af;</span>
287
- <div class="name">success</div>
288
- <div class="code-name">&amp;#xe6af;</div>
289
- </li>
290
-
291
- <li class="dib">
292
- <span class="icon nutui-iconfont">&#xe6b0;</span>
293
- <div class="name">failure</div>
294
- <div class="code-name">&amp;#xe6b0;</div>
295
- </li>
296
-
297
- <li class="dib">
298
- <span class="icon nutui-iconfont">&#xe6b1;</span>
299
- <div class="name">issue</div>
300
- <div class="code-name">&amp;#xe6b1;</div>
301
- </li>
302
-
303
- <li class="dib">
304
- <span class="icon nutui-iconfont">&#xe6ac;</span>
305
- <div class="name">Check</div>
306
- <div class="code-name">&amp;#xe6ac;</div>
307
- </li>
308
-
309
- <li class="dib">
310
- <span class="icon nutui-iconfont">&#xe600;</span>
311
- <div class="name">plus</div>
312
- <div class="code-name">&amp;#xe600;</div>
313
- </li>
314
-
315
- <li class="dib">
316
- <span class="icon nutui-iconfont">&#xe6ab;</span>
317
- <div class="name">minus</div>
318
- <div class="code-name">&amp;#xe6ab;</div>
319
- </li>
320
-
321
- <li class="dib">
322
- <span class="icon nutui-iconfont">&#xe6a6;</span>
323
- <div class="name">arrow-up2</div>
324
- <div class="code-name">&amp;#xe6a6;</div>
325
- </li>
326
-
327
- <li class="dib">
328
- <span class="icon nutui-iconfont">&#xe6a7;</span>
329
- <div class="name">arrow-down2</div>
330
- <div class="code-name">&amp;#xe6a7;</div>
331
- </li>
332
-
333
- <li class="dib">
334
- <span class="icon nutui-iconfont">&#xe6a8;</span>
335
- <div class="name">screen-little</div>
336
- <div class="code-name">&amp;#xe6a8;</div>
337
- </li>
338
-
339
- <li class="dib">
340
- <span class="icon nutui-iconfont">&#xe6a9;</span>
341
- <div class="name">arrow-right2</div>
342
- <div class="code-name">&amp;#xe6a9;</div>
343
- </li>
344
-
345
- <li class="dib">
346
- <span class="icon nutui-iconfont">&#xe6aa;</span>
347
- <div class="name">close-little</div>
348
- <div class="code-name">&amp;#xe6aa;</div>
349
- </li>
350
-
351
- <li class="dib">
352
- <span class="icon nutui-iconfont">&#xe6a5;</span>
353
- <div class="name">joy-smile</div>
354
- <div class="code-name">&amp;#xe6a5;</div>
355
- </li>
356
-
357
- <li class="dib">
358
- <span class="icon nutui-iconfont">&#xe6a2;</span>
359
- <div class="name">arrow-down</div>
360
- <div class="code-name">&amp;#xe6a2;</div>
361
- </li>
362
-
363
- <li class="dib">
364
- <span class="icon nutui-iconfont">&#xe6a3;</span>
365
- <div class="name">arrow-right</div>
366
- <div class="code-name">&amp;#xe6a3;</div>
367
- </li>
368
-
369
- <li class="dib">
370
- <span class="icon nutui-iconfont">&#xe6a4;</span>
371
- <div class="name">arrow-up</div>
372
- <div class="code-name">&amp;#xe6a4;</div>
373
- </li>
374
-
375
- <li class="dib">
376
- <span class="icon nutui-iconfont">&#xe69c;</span>
377
- <div class="name">github</div>
378
- <div class="code-name">&amp;#xe69c;</div>
379
- </li>
380
-
381
- <li class="dib">
382
- <span class="icon nutui-iconfont">&#xe69b;</span>
383
- <div class="name">uplode</div>
384
- <div class="code-name">&amp;#xe69b;</div>
385
- </li>
386
-
387
- <li class="dib">
388
- <span class="icon nutui-iconfont">&#xe69a;</span>
389
- <div class="name">mask-close</div>
390
- <div class="code-name">&amp;#xe69a;</div>
391
- </li>
392
-
393
- <li class="dib">
394
- <span class="icon nutui-iconfont">&#xe699;</span>
395
- <div class="name">circle-close</div>
396
- <div class="code-name">&amp;#xe699;</div>
397
- </li>
398
-
399
- <li class="dib">
400
- <span class="icon nutui-iconfont">&#xe698;</span>
401
- <div class="name">right</div>
402
- <div class="code-name">&amp;#xe698;</div>
403
- </li>
404
-
405
- <li class="dib">
406
- <span class="icon nutui-iconfont">&#xe696;</span>
407
- <div class="name">jdl</div>
408
- <div class="code-name">&amp;#xe696;</div>
409
- </li>
410
-
411
- <li class="dib">
412
- <span class="icon nutui-iconfont">&#xe697;</span>
413
- <div class="name">order</div>
414
- <div class="code-name">&amp;#xe697;</div>
415
- </li>
416
-
417
- <li class="dib">
418
- <span class="icon nutui-iconfont">&#xe690;</span>
419
- <div class="name">refresh</div>
420
- <div class="code-name">&amp;#xe690;</div>
421
- </li>
422
-
423
- <li class="dib">
424
- <span class="icon nutui-iconfont">&#xe691;</span>
425
- <div class="name">add</div>
426
- <div class="code-name">&amp;#xe691;</div>
427
- </li>
428
-
429
- <li class="dib">
430
- <span class="icon nutui-iconfont">&#xe692;</span>
431
- <div class="name">JD</div>
432
- <div class="code-name">&amp;#xe692;</div>
433
- </li>
434
-
435
- <li class="dib">
436
- <span class="icon nutui-iconfont">&#xe693;</span>
437
- <div class="name">eye</div>
438
- <div class="code-name">&amp;#xe693;</div>
439
- </li>
440
-
441
- <li class="dib">
442
- <span class="icon nutui-iconfont">&#xe694;</span>
443
- <div class="name">dshop</div>
444
- <div class="code-name">&amp;#xe694;</div>
445
- </li>
446
-
447
- <li class="dib">
448
- <span class="icon nutui-iconfont">&#xe695;</span>
449
- <div class="name">my2</div>
450
- <div class="code-name">&amp;#xe695;</div>
451
- </li>
452
-
453
- <li class="dib">
454
- <span class="icon nutui-iconfont">&#xe68e;</span>
455
- <div class="name">star</div>
456
- <div class="code-name">&amp;#xe68e;</div>
457
- </li>
458
-
459
- <li class="dib">
460
- <span class="icon nutui-iconfont">&#xe68f;</span>
461
- <div class="name">del2</div>
462
- <div class="code-name">&amp;#xe68f;</div>
463
- </li>
464
-
465
- <li class="dib">
466
- <span class="icon nutui-iconfont">&#xe68a;</span>
467
- <div class="name">comment</div>
468
- <div class="code-name">&amp;#xe68a;</div>
469
- </li>
470
-
471
- <li class="dib">
472
- <span class="icon nutui-iconfont">&#xe68b;</span>
473
- <div class="name">microphone</div>
474
- <div class="code-name">&amp;#xe68b;</div>
475
- </li>
476
-
477
- <li class="dib">
478
- <span class="icon nutui-iconfont">&#xe68c;</span>
479
- <div class="name">people</div>
480
- <div class="code-name">&amp;#xe68c;</div>
481
- </li>
482
-
483
- <li class="dib">
484
- <span class="icon nutui-iconfont">&#xe68d;</span>
485
- <div class="name">service</div>
486
- <div class="code-name">&amp;#xe68d;</div>
487
- </li>
488
-
489
- <li class="dib">
490
- <span class="icon nutui-iconfont">&#xe689;</span>
491
- <div class="name">cart2</div>
492
- <div class="code-name">&amp;#xe689;</div>
493
- </li>
494
-
495
- <li class="dib">
496
- <span class="icon nutui-iconfont">&#xe684;</span>
497
- <div class="name">location2</div>
498
- <div class="code-name">&amp;#xe684;</div>
499
- </li>
500
-
501
- <li class="dib">
502
- <span class="icon nutui-iconfont">&#xe685;</span>
503
- <div class="name">marshalling</div>
504
- <div class="code-name">&amp;#xe685;</div>
505
- </li>
506
-
507
- <li class="dib">
508
- <span class="icon nutui-iconfont">&#xe686;</span>
509
- <div class="name">fabulous</div>
510
- <div class="code-name">&amp;#xe686;</div>
511
- </li>
512
-
513
- <li class="dib">
514
- <span class="icon nutui-iconfont">&#xe687;</span>
515
- <div class="name">s-follow</div>
516
- <div class="code-name">&amp;#xe687;</div>
517
- </li>
518
-
519
- <li class="dib">
520
- <span class="icon nutui-iconfont">&#xe688;</span>
521
- <div class="name">shop</div>
522
- <div class="code-name">&amp;#xe688;</div>
523
- </li>
524
-
525
- <li class="dib">
526
- <span class="icon nutui-iconfont">&#xe683;</span>
527
- <div class="name">message</div>
528
- <div class="code-name">&amp;#xe683;</div>
529
- </li>
530
-
531
- <li class="dib">
532
- <span class="icon nutui-iconfont">&#xe67e;</span>
533
- <div class="name">ask2</div>
534
- <div class="code-name">&amp;#xe67e;</div>
535
- </li>
536
-
537
- <li class="dib">
538
- <span class="icon nutui-iconfont">&#xe67f;</span>
539
- <div class="name">search2</div>
540
- <div class="code-name">&amp;#xe67f;</div>
541
- </li>
542
-
543
- <li class="dib">
544
- <span class="icon nutui-iconfont">&#xe680;</span>
545
- <div class="name">clock</div>
546
- <div class="code-name">&amp;#xe680;</div>
547
- </li>
548
-
549
- <li class="dib">
550
- <span class="icon nutui-iconfont">&#xe681;</span>
551
- <div class="name">setting</div>
552
- <div class="code-name">&amp;#xe681;</div>
553
- </li>
554
-
555
- <li class="dib">
556
- <span class="icon nutui-iconfont">&#xe682;</span>
557
- <div class="name">refresh2</div>
558
- <div class="code-name">&amp;#xe682;</div>
559
- </li>
560
-
561
- <li class="dib">
562
- <span class="icon nutui-iconfont">&#xe679;</span>
563
- <div class="name">horizontal</div>
564
- <div class="code-name">&amp;#xe679;</div>
565
- </li>
566
-
567
- <li class="dib">
568
- <span class="icon nutui-iconfont">&#xe67a;</span>
569
- <div class="name">date</div>
570
- <div class="code-name">&amp;#xe67a;</div>
571
- </li>
572
-
573
- <li class="dib">
574
- <span class="icon nutui-iconfont">&#xe67b;</span>
575
- <div class="name">photograph</div>
576
- <div class="code-name">&amp;#xe67b;</div>
577
- </li>
578
-
579
- <li class="dib">
580
- <span class="icon nutui-iconfont">&#xe67c;</span>
581
- <div class="name">link</div>
582
- <div class="code-name">&amp;#xe67c;</div>
583
- </li>
584
-
585
- <li class="dib">
586
- <span class="icon nutui-iconfont">&#xe67d;</span>
587
- <div class="name">scan2</div>
588
- <div class="code-name">&amp;#xe67d;</div>
589
- </li>
590
-
591
- <li class="dib">
592
- <span class="icon nutui-iconfont">&#xe673;</span>
593
- <div class="name">left</div>
594
- <div class="code-name">&amp;#xe673;</div>
595
- </li>
596
-
597
- <li class="dib">
598
- <span class="icon nutui-iconfont">&#xe674;</span>
599
- <div class="name">close</div>
600
- <div class="code-name">&amp;#xe674;</div>
601
- </li>
602
-
603
- <li class="dib">
604
- <span class="icon nutui-iconfont">&#xe675;</span>
605
- <div class="name">locationg3</div>
606
- <div class="code-name">&amp;#xe675;</div>
607
- </li>
608
-
609
- <li class="dib">
610
- <span class="icon nutui-iconfont">&#xe676;</span>
611
- <div class="name">share</div>
612
- <div class="code-name">&amp;#xe676;</div>
613
- </li>
614
-
615
- <li class="dib">
616
- <span class="icon nutui-iconfont">&#xe677;</span>
617
- <div class="name">shop3</div>
618
- <div class="code-name">&amp;#xe677;</div>
619
- </li>
620
-
621
- <li class="dib">
622
- <span class="icon nutui-iconfont">&#xe678;</span>
623
- <div class="name">more</div>
624
- <div class="code-name">&amp;#xe678;</div>
625
- </li>
626
-
627
- <li class="dib">
628
- <span class="icon nutui-iconfont">&#xe670;</span>
629
- <div class="name">ask</div>
630
- <div class="code-name">&amp;#xe670;</div>
631
- </li>
632
-
633
- <li class="dib">
634
- <span class="icon nutui-iconfont">&#xe671;</span>
635
- <div class="name">tips</div>
636
- <div class="code-name">&amp;#xe671;</div>
637
- </li>
638
-
639
- <li class="dib">
640
- <span class="icon nutui-iconfont">&#xe672;</span>
641
- <div class="name">notice</div>
642
- <div class="code-name">&amp;#xe672;</div>
643
- </li>
644
-
645
- <li class="dib">
646
- <span class="icon nutui-iconfont">&#xe668;</span>
647
- <div class="name">lower</div>
648
- <div class="code-name">&amp;#xe668;</div>
649
- </li>
650
-
651
- <li class="dib">
652
- <span class="icon nutui-iconfont">&#xe669;</span>
653
- <div class="name">top</div>
654
- <div class="code-name">&amp;#xe669;</div>
655
- </li>
656
-
657
- <li class="dib">
658
- <span class="icon nutui-iconfont">&#xe66a;</span>
659
- <div class="name">download</div>
660
- <div class="code-name">&amp;#xe66a;</div>
661
- </li>
662
-
663
- <li class="dib">
664
- <span class="icon nutui-iconfont">&#xe66b;</span>
665
- <div class="name">dongdong</div>
666
- <div class="code-name">&amp;#xe66b;</div>
667
- </li>
668
-
669
- <li class="dib">
670
- <span class="icon nutui-iconfont">&#xe66c;</span>
671
- <div class="name">JIMI40</div>
672
- <div class="code-name">&amp;#xe66c;</div>
673
- </li>
674
-
675
- <li class="dib">
676
- <span class="icon nutui-iconfont">&#xe66d;</span>
677
- <div class="name">location</div>
678
- <div class="code-name">&amp;#xe66d;</div>
679
- </li>
680
-
681
- <li class="dib">
682
- <span class="icon nutui-iconfont">&#xe66e;</span>
683
- <div class="name">scan</div>
684
- <div class="code-name">&amp;#xe66e;</div>
685
- </li>
686
-
687
- <li class="dib">
688
- <span class="icon nutui-iconfont">&#xe66f;</span>
689
- <div class="name">addfollow</div>
690
- <div class="code-name">&amp;#xe66f;</div>
691
- </li>
692
-
693
- <li class="dib">
694
- <span class="icon nutui-iconfont">&#xe663;</span>
695
- <div class="name">search</div>
696
- <div class="code-name">&amp;#xe663;</div>
697
- </li>
698
-
699
- <li class="dib">
700
- <span class="icon nutui-iconfont">&#xe664;</span>
701
- <div class="name">share</div>
702
- <div class="code-name">&amp;#xe664;</div>
703
- </li>
704
-
705
- <li class="dib">
706
- <span class="icon nutui-iconfont">&#xe665;</span>
707
- <div class="name">follow</div>
708
- <div class="code-name">&amp;#xe665;</div>
709
- </li>
710
-
711
- <li class="dib">
712
- <span class="icon nutui-iconfont">&#xe666;</span>
713
- <div class="name">del</div>
714
- <div class="code-name">&amp;#xe666;</div>
715
- </li>
716
-
717
- <li class="dib">
718
- <span class="icon nutui-iconfont">&#xe667;</span>
719
- <div class="name">edit</div>
720
- <div class="code-name">&amp;#xe667;</div>
721
- </li>
722
-
723
- <li class="dib">
724
- <span class="icon nutui-iconfont">&#xe65f;</span>
725
- <div class="name">cart</div>
726
- <div class="code-name">&amp;#xe65f;</div>
727
- </li>
728
-
729
- <li class="dib">
730
- <span class="icon nutui-iconfont">&#xe660;</span>
731
- <div class="name">home</div>
732
- <div class="code-name">&amp;#xe660;</div>
733
- </li>
734
-
735
- <li class="dib">
736
- <span class="icon nutui-iconfont">&#xe661;</span>
737
- <div class="name">find</div>
738
- <div class="code-name">&amp;#xe661;</div>
739
- </li>
740
-
741
- <li class="dib">
742
- <span class="icon nutui-iconfont">&#xe662;</span>
743
- <div class="name">category</div>
744
- <div class="code-name">&amp;#xe662;</div>
745
- </li>
746
-
747
- <li class="dib">
748
- <span class="icon nutui-iconfont">&#xe65e;</span>
749
- <div class="name">my</div>
750
- <div class="code-name">&amp;#xe65e;</div>
751
- </li>
752
-
753
- <li class="dib">
754
- <span class="icon nutui-iconfont">&#xe65d;</span>
755
- <div class="name">footprint</div>
756
- <div class="code-name">&amp;#xe65d;</div>
757
- </li>
758
-
759
- </ul>
760
- <div class="article markdown">
761
- <h2 id="unicode-">Unicode 引用</h2>
762
- <hr>
763
-
764
- <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
765
- <ul>
766
- <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
767
- <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
768
- </ul>
769
- <blockquote>
770
- <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
771
- </blockquote>
772
- <p>Unicode 使用步骤如下：</p>
773
- <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
774
- <pre><code class="language-css"
775
- >@font-face {
776
- font-family: 'nutui-iconfont';
777
- src: url('iconfont.woff2?t=1644572435352') format('woff2'),
778
- url('iconfont.woff?t=1644572435352') format('woff'),
779
- url('iconfont.ttf?t=1644572435352') format('truetype');
780
- }
781
- </code></pre>
782
- <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
783
- <pre><code class="language-css"
784
- >.nutui-iconfont {
785
- font-family: "nutui-iconfont" !important;
786
- font-size: 16px;
787
- font-style: normal;
788
- -webkit-font-smoothing: antialiased;
789
- -moz-osx-font-smoothing: grayscale;
790
- }
791
- </code></pre>
792
- <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
793
- <pre>
794
- <code class="language-html"
795
- >&lt;span class="nutui-iconfont"&gt;&amp;#x33;&lt;/span&gt;
796
- </code></pre>
797
- <blockquote>
798
- <p>"nutui-iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
799
- </blockquote>
800
- </div>
801
- </div>
802
- <div class="content font-class">
803
- <ul class="icon_lists dib-box">
804
-
805
- <li class="dib">
806
- <span class="icon nutui-iconfont nut-icon-voice"></span>
807
- <div class="name">
808
- voice
809
- </div>
810
- <div class="code-name">.nut-icon-voice
811
- </div>
812
- </li>
813
-
814
- <li class="dib">
815
- <span class="icon nutui-iconfont nut-icon-play-stop"></span>
816
- <div class="name">
817
- play-stop
818
- </div>
819
- <div class="code-name">.nut-icon-play-stop
820
- </div>
821
- </li>
822
-
823
- <li class="dib">
824
- <span class="icon nutui-iconfont nut-icon-play-start"></span>
825
- <div class="name">
826
- play-start
827
- </div>
828
- <div class="code-name">.nut-icon-play-start
829
- </div>
830
- </li>
831
-
832
- <li class="dib">
833
- <span class="icon nutui-iconfont nut-icon-play-double-back"></span>
834
- <div class="name">
835
- play-double-back
836
- </div>
837
- <div class="code-name">.nut-icon-play-double-back
838
- </div>
839
- </li>
840
-
841
- <li class="dib">
842
- <span class="icon nutui-iconfont nut-icon-play-double-forward"></span>
843
- <div class="name">
844
- play-double-forward
845
- </div>
846
- <div class="code-name">.nut-icon-play-double-forward
847
- </div>
848
- </li>
849
-
850
- <li class="dib">
851
- <span class="icon nutui-iconfont nut-icon-dou-arrow-up"></span>
852
- <div class="name">
853
- dou-arrow-up
854
- </div>
855
- <div class="code-name">.nut-icon-dou-arrow-up
856
- </div>
857
- </li>
858
-
859
- <li class="dib">
860
- <span class="icon nutui-iconfont nut-icon-loading1"></span>
861
- <div class="name">
862
- loading2
863
- </div>
864
- <div class="code-name">.nut-icon-loading1
865
- </div>
866
- </li>
867
-
868
- <li class="dib">
869
- <span class="icon nutui-iconfont nut-icon-checked"></span>
870
- <div class="name">
871
- checked
872
- </div>
873
- <div class="code-name">.nut-icon-checked
874
- </div>
875
- </li>
876
-
877
- <li class="dib">
878
- <span class="icon nutui-iconfont nut-icon-checklist"></span>
879
- <div class="name">
880
- checklist
881
- </div>
882
- <div class="code-name">.nut-icon-checklist
883
- </div>
884
- </li>
885
-
886
- <li class="dib">
887
- <span class="icon nutui-iconfont nut-icon-check-disabled"></span>
888
- <div class="name">
889
- check-disabled
890
- </div>
891
- <div class="code-name">.nut-icon-check-disabled
892
- </div>
893
- </li>
894
-
895
- <li class="dib">
896
- <span class="icon nutui-iconfont nut-icon-check-normal"></span>
897
- <div class="name">
898
- check-normal
899
- </div>
900
- <div class="code-name">.nut-icon-check-normal
901
- </div>
902
- </li>
903
-
904
- <li class="dib">
905
- <span class="icon nutui-iconfont nut-icon-check-checked"></span>
906
- <div class="name">
907
- check-checked
908
- </div>
909
- <div class="code-name">.nut-icon-check-checked
910
- </div>
911
- </li>
912
-
913
- <li class="dib">
914
- <span class="icon nutui-iconfont nut-icon-loading"></span>
915
- <div class="name">
916
- loading
917
- </div>
918
- <div class="code-name">.nut-icon-loading
919
- </div>
920
- </li>
921
-
922
- <li class="dib">
923
- <span class="icon nutui-iconfont nut-icon-heart-n"></span>
924
- <div class="name">
925
- heart-n
926
- </div>
927
- <div class="code-name">.nut-icon-heart-n
928
- </div>
929
- </li>
930
-
931
- <li class="dib">
932
- <span class="icon nutui-iconfont nut-icon-star-fill-n"></span>
933
- <div class="name">
934
- star-fill-n
935
- </div>
936
- <div class="code-name">.nut-icon-star-fill-n
937
- </div>
938
- </li>
939
-
940
- <li class="dib">
941
- <span class="icon nutui-iconfont nut-icon-heart-fill-n"></span>
942
- <div class="name">
943
- heart-fill-n
944
- </div>
945
- <div class="code-name">.nut-icon-heart-fill-n
946
- </div>
947
- </li>
948
-
949
- <li class="dib">
950
- <span class="icon nutui-iconfont nut-icon-star-n"></span>
951
- <div class="name">
952
- star-n
953
- </div>
954
- <div class="code-name">.nut-icon-star-n
955
- </div>
956
- </li>
957
-
958
- <li class="dib">
959
- <span class="icon nutui-iconfont nut-icon-heart"></span>
960
- <div class="name">
961
- heart
962
- </div>
963
- <div class="code-name">.nut-icon-heart
964
- </div>
965
- </li>
966
-
967
- <li class="dib">
968
- <span class="icon nutui-iconfont nut-icon-heart1"></span>
969
- <div class="name">
970
- heart
971
- </div>
972
- <div class="code-name">.nut-icon-heart1
973
- </div>
974
- </li>
975
-
976
- <li class="dib">
977
- <span class="icon nutui-iconfont nut-icon-heart-fill"></span>
978
- <div class="name">
979
- heart-fill
980
- </div>
981
- <div class="code-name">.nut-icon-heart-fill
982
- </div>
983
- </li>
984
-
985
- <li class="dib">
986
- <span class="icon nutui-iconfont nut-icon-heart-fill2"></span>
987
- <div class="name">
988
- heart-fill
989
- </div>
990
- <div class="code-name">.nut-icon-heart-fill2
991
- </div>
992
- </li>
993
-
994
- <li class="dib">
995
- <span class="icon nutui-iconfont nut-icon-heart-fill1"></span>
996
- <div class="name">
997
- heart-fill1
998
- </div>
999
- <div class="code-name">.nut-icon-heart-fill1
1000
- </div>
1001
- </li>
1002
-
1003
- <li class="dib">
1004
- <span class="icon nutui-iconfont nut-icon-star-fill2"></span>
1005
- <div class="name">
1006
- star-fill
1007
- </div>
1008
- <div class="code-name">.nut-icon-star-fill2
1009
- </div>
1010
- </li>
1011
-
1012
- <li class="dib">
1013
- <span class="icon nutui-iconfont nut-icon-star11"></span>
1014
- <div class="name">
1015
- star
1016
- </div>
1017
- <div class="code-name">.nut-icon-star11
1018
- </div>
1019
- </li>
1020
-
1021
- <li class="dib">
1022
- <span class="icon nutui-iconfont nut-icon-star1"></span>
1023
- <div class="name">
1024
- star
1025
- </div>
1026
- <div class="code-name">.nut-icon-star1
1027
- </div>
1028
- </li>
1029
-
1030
- <li class="dib">
1031
- <span class="icon nutui-iconfont nut-icon-star-fill"></span>
1032
- <div class="name">
1033
- star-fill
1034
- </div>
1035
- <div class="code-name">.nut-icon-star-fill
1036
- </div>
1037
- </li>
1038
-
1039
- <li class="dib">
1040
- <span class="icon nutui-iconfont nut-icon-share-n"></span>
1041
- <div class="name">
1042
- share-n
1043
- </div>
1044
- <div class="code-name">.nut-icon-share-n
1045
- </div>
1046
- </li>
1047
-
1048
- <li class="dib">
1049
- <span class="icon nutui-iconfont nut-icon-horizontal-n"></span>
1050
- <div class="name">
1051
- horizontal-n
1052
- </div>
1053
- <div class="code-name">.nut-icon-horizontal-n
1054
- </div>
1055
- </li>
1056
-
1057
- <li class="dib">
1058
- <span class="icon nutui-iconfont nut-icon-more-x"></span>
1059
- <div class="name">
1060
- more-x
1061
- </div>
1062
- <div class="code-name">.nut-icon-more-x
1063
- </div>
1064
- </li>
1065
-
1066
- <li class="dib">
1067
- <span class="icon nutui-iconfont nut-icon-more-s"></span>
1068
- <div class="name">
1069
- more-s
1070
- </div>
1071
- <div class="code-name">.nut-icon-more-s
1072
- </div>
1073
- </li>
1074
-
1075
- <li class="dib">
1076
- <span class="icon nutui-iconfont nut-icon-star-fill1"></span>
1077
- <div class="name">
1078
- star-fill
1079
- </div>
1080
- <div class="code-name">.nut-icon-star-fill1
1081
- </div>
1082
- </li>
1083
-
1084
- <li class="dib">
1085
- <span class="icon nutui-iconfont nut-icon-star2"></span>
1086
- <div class="name">
1087
- star
1088
- </div>
1089
- <div class="code-name">.nut-icon-star2
1090
- </div>
1091
- </li>
1092
-
1093
- <li class="dib">
1094
- <span class="icon nutui-iconfont nut-icon-heart2"></span>
1095
- <div class="name">
1096
- heart
1097
- </div>
1098
- <div class="code-name">.nut-icon-heart2
1099
- </div>
1100
- </li>
1101
-
1102
- <li class="dib">
1103
- <span class="icon nutui-iconfont nut-icon-heart-fill3"></span>
1104
- <div class="name">
1105
- heart-fill
1106
- </div>
1107
- <div class="code-name">.nut-icon-heart-fill3
1108
- </div>
1109
- </li>
1110
-
1111
- <li class="dib">
1112
- <span class="icon nutui-iconfont nut-icon-retweet"></span>
1113
- <div class="name">
1114
- retweet
1115
- </div>
1116
- <div class="code-name">.nut-icon-retweet
1117
- </div>
1118
- </li>
1119
-
1120
- <li class="dib">
1121
- <span class="icon nutui-iconfont nut-icon-poweroff-circle-fill"></span>
1122
- <div class="name">
1123
- poweroff-circle-fill
1124
- </div>
1125
- <div class="code-name">.nut-icon-poweroff-circle-fill
1126
- </div>
1127
- </li>
1128
-
1129
- <li class="dib">
1130
- <span class="icon nutui-iconfont nut-icon-play-circle-fill"></span>
1131
- <div class="name">
1132
- play-circle-fill
1133
- </div>
1134
- <div class="code-name">.nut-icon-play-circle-fill
1135
- </div>
1136
- </li>
1137
-
1138
- <li class="dib">
1139
- <span class="icon nutui-iconfont nut-icon-down-arrow"></span>
1140
- <div class="name">
1141
- down-arrow
1142
- </div>
1143
- <div class="code-name">.nut-icon-down-arrow
1144
- </div>
1145
- </li>
1146
-
1147
- <li class="dib">
1148
- <span class="icon nutui-iconfont nut-icon-success"></span>
1149
- <div class="name">
1150
- success
1151
- </div>
1152
- <div class="code-name">.nut-icon-success
1153
- </div>
1154
- </li>
1155
-
1156
- <li class="dib">
1157
- <span class="icon nutui-iconfont nut-icon-failure"></span>
1158
- <div class="name">
1159
- failure
1160
- </div>
1161
- <div class="code-name">.nut-icon-failure
1162
- </div>
1163
- </li>
1164
-
1165
- <li class="dib">
1166
- <span class="icon nutui-iconfont nut-icon-issue"></span>
1167
- <div class="name">
1168
- issue
1169
- </div>
1170
- <div class="code-name">.nut-icon-issue
1171
- </div>
1172
- </li>
1173
-
1174
- <li class="dib">
1175
- <span class="icon nutui-iconfont nut-icon-Check"></span>
1176
- <div class="name">
1177
- Check
1178
- </div>
1179
- <div class="code-name">.nut-icon-Check
1180
- </div>
1181
- </li>
1182
-
1183
- <li class="dib">
1184
- <span class="icon nutui-iconfont nut-icon-plus"></span>
1185
- <div class="name">
1186
- plus
1187
- </div>
1188
- <div class="code-name">.nut-icon-plus
1189
- </div>
1190
- </li>
1191
-
1192
- <li class="dib">
1193
- <span class="icon nutui-iconfont nut-icon-minus"></span>
1194
- <div class="name">
1195
- minus
1196
- </div>
1197
- <div class="code-name">.nut-icon-minus
1198
- </div>
1199
- </li>
1200
-
1201
- <li class="dib">
1202
- <span class="icon nutui-iconfont nut-icon-arrow-up2"></span>
1203
- <div class="name">
1204
- arrow-up2
1205
- </div>
1206
- <div class="code-name">.nut-icon-arrow-up2
1207
- </div>
1208
- </li>
1209
-
1210
- <li class="dib">
1211
- <span class="icon nutui-iconfont nut-icon-arrow-down2"></span>
1212
- <div class="name">
1213
- arrow-down2
1214
- </div>
1215
- <div class="code-name">.nut-icon-arrow-down2
1216
- </div>
1217
- </li>
1218
-
1219
- <li class="dib">
1220
- <span class="icon nutui-iconfont nut-icon-screen-little"></span>
1221
- <div class="name">
1222
- screen-little
1223
- </div>
1224
- <div class="code-name">.nut-icon-screen-little
1225
- </div>
1226
- </li>
1227
-
1228
- <li class="dib">
1229
- <span class="icon nutui-iconfont nut-icon-arrow-right2"></span>
1230
- <div class="name">
1231
- arrow-right2
1232
- </div>
1233
- <div class="code-name">.nut-icon-arrow-right2
1234
- </div>
1235
- </li>
1236
-
1237
- <li class="dib">
1238
- <span class="icon nutui-iconfont nut-icon-close-little"></span>
1239
- <div class="name">
1240
- close-little
1241
- </div>
1242
- <div class="code-name">.nut-icon-close-little
1243
- </div>
1244
- </li>
1245
-
1246
- <li class="dib">
1247
- <span class="icon nutui-iconfont nut-icon-joy-smile"></span>
1248
- <div class="name">
1249
- joy-smile
1250
- </div>
1251
- <div class="code-name">.nut-icon-joy-smile
1252
- </div>
1253
- </li>
1254
-
1255
- <li class="dib">
1256
- <span class="icon nutui-iconfont nut-icon-arrow-down"></span>
1257
- <div class="name">
1258
- arrow-down
1259
- </div>
1260
- <div class="code-name">.nut-icon-arrow-down
1261
- </div>
1262
- </li>
1263
-
1264
- <li class="dib">
1265
- <span class="icon nutui-iconfont nut-icon-arrow-right"></span>
1266
- <div class="name">
1267
- arrow-right
1268
- </div>
1269
- <div class="code-name">.nut-icon-arrow-right
1270
- </div>
1271
- </li>
1272
-
1273
- <li class="dib">
1274
- <span class="icon nutui-iconfont nut-icon-arrow-up"></span>
1275
- <div class="name">
1276
- arrow-up
1277
- </div>
1278
- <div class="code-name">.nut-icon-arrow-up
1279
- </div>
1280
- </li>
1281
-
1282
- <li class="dib">
1283
- <span class="icon nutui-iconfont nut-icon-github"></span>
1284
- <div class="name">
1285
- github
1286
- </div>
1287
- <div class="code-name">.nut-icon-github
1288
- </div>
1289
- </li>
1290
-
1291
- <li class="dib">
1292
- <span class="icon nutui-iconfont nut-icon-uploader"></span>
1293
- <div class="name">
1294
- uplode
1295
- </div>
1296
- <div class="code-name">.nut-icon-uploader
1297
- </div>
1298
- </li>
1299
-
1300
- <li class="dib">
1301
- <span class="icon nutui-iconfont nut-icon-mask-close"></span>
1302
- <div class="name">
1303
- mask-close
1304
- </div>
1305
- <div class="code-name">.nut-icon-mask-close
1306
- </div>
1307
- </li>
1308
-
1309
- <li class="dib">
1310
- <span class="icon nutui-iconfont nut-icon-circle-close"></span>
1311
- <div class="name">
1312
- circle-close
1313
- </div>
1314
- <div class="code-name">.nut-icon-circle-close
1315
- </div>
1316
- </li>
1317
-
1318
- <li class="dib">
1319
- <span class="icon nutui-iconfont nut-icon-right"></span>
1320
- <div class="name">
1321
- right
1322
- </div>
1323
- <div class="code-name">.nut-icon-right
1324
- </div>
1325
- </li>
1326
-
1327
- <li class="dib">
1328
- <span class="icon nutui-iconfont nut-icon-jdl"></span>
1329
- <div class="name">
1330
- jdl
1331
- </div>
1332
- <div class="code-name">.nut-icon-jdl
1333
- </div>
1334
- </li>
1335
-
1336
- <li class="dib">
1337
- <span class="icon nutui-iconfont nut-icon-order"></span>
1338
- <div class="name">
1339
- order
1340
- </div>
1341
- <div class="code-name">.nut-icon-order
1342
- </div>
1343
- </li>
1344
-
1345
- <li class="dib">
1346
- <span class="icon nutui-iconfont nut-icon-refresh"></span>
1347
- <div class="name">
1348
- refresh
1349
- </div>
1350
- <div class="code-name">.nut-icon-refresh
1351
- </div>
1352
- </li>
1353
-
1354
- <li class="dib">
1355
- <span class="icon nutui-iconfont nut-icon-add"></span>
1356
- <div class="name">
1357
- add
1358
- </div>
1359
- <div class="code-name">.nut-icon-add
1360
- </div>
1361
- </li>
1362
-
1363
- <li class="dib">
1364
- <span class="icon nutui-iconfont nut-icon-JD"></span>
1365
- <div class="name">
1366
- JD
1367
- </div>
1368
- <div class="code-name">.nut-icon-JD
1369
- </div>
1370
- </li>
1371
-
1372
- <li class="dib">
1373
- <span class="icon nutui-iconfont nut-icon-eye"></span>
1374
- <div class="name">
1375
- eye
1376
- </div>
1377
- <div class="code-name">.nut-icon-eye
1378
- </div>
1379
- </li>
1380
-
1381
- <li class="dib">
1382
- <span class="icon nutui-iconfont nut-icon-dshop"></span>
1383
- <div class="name">
1384
- dshop
1385
- </div>
1386
- <div class="code-name">.nut-icon-dshop
1387
- </div>
1388
- </li>
1389
-
1390
- <li class="dib">
1391
- <span class="icon nutui-iconfont nut-icon-my2"></span>
1392
- <div class="name">
1393
- my2
1394
- </div>
1395
- <div class="code-name">.nut-icon-my2
1396
- </div>
1397
- </li>
1398
-
1399
- <li class="dib">
1400
- <span class="icon nutui-iconfont nut-icon-star"></span>
1401
- <div class="name">
1402
- star
1403
- </div>
1404
- <div class="code-name">.nut-icon-star
1405
- </div>
1406
- </li>
1407
-
1408
- <li class="dib">
1409
- <span class="icon nutui-iconfont nut-icon-del2"></span>
1410
- <div class="name">
1411
- del2
1412
- </div>
1413
- <div class="code-name">.nut-icon-del2
1414
- </div>
1415
- </li>
1416
-
1417
- <li class="dib">
1418
- <span class="icon nutui-iconfont nut-icon-comment"></span>
1419
- <div class="name">
1420
- comment
1421
- </div>
1422
- <div class="code-name">.nut-icon-comment
1423
- </div>
1424
- </li>
1425
-
1426
- <li class="dib">
1427
- <span class="icon nutui-iconfont nut-icon-microphone"></span>
1428
- <div class="name">
1429
- microphone
1430
- </div>
1431
- <div class="code-name">.nut-icon-microphone
1432
- </div>
1433
- </li>
1434
-
1435
- <li class="dib">
1436
- <span class="icon nutui-iconfont nut-icon-people"></span>
1437
- <div class="name">
1438
- people
1439
- </div>
1440
- <div class="code-name">.nut-icon-people
1441
- </div>
1442
- </li>
1443
-
1444
- <li class="dib">
1445
- <span class="icon nutui-iconfont nut-icon-service"></span>
1446
- <div class="name">
1447
- service
1448
- </div>
1449
- <div class="code-name">.nut-icon-service
1450
- </div>
1451
- </li>
1452
-
1453
- <li class="dib">
1454
- <span class="icon nutui-iconfont nut-icon-cart2"></span>
1455
- <div class="name">
1456
- cart2
1457
- </div>
1458
- <div class="code-name">.nut-icon-cart2
1459
- </div>
1460
- </li>
1461
-
1462
- <li class="dib">
1463
- <span class="icon nutui-iconfont nut-icon-location2"></span>
1464
- <div class="name">
1465
- location2
1466
- </div>
1467
- <div class="code-name">.nut-icon-location2
1468
- </div>
1469
- </li>
1470
-
1471
- <li class="dib">
1472
- <span class="icon nutui-iconfont nut-icon-marshalling"></span>
1473
- <div class="name">
1474
- marshalling
1475
- </div>
1476
- <div class="code-name">.nut-icon-marshalling
1477
- </div>
1478
- </li>
1479
-
1480
- <li class="dib">
1481
- <span class="icon nutui-iconfont nut-icon-fabulous"></span>
1482
- <div class="name">
1483
- fabulous
1484
- </div>
1485
- <div class="code-name">.nut-icon-fabulous
1486
- </div>
1487
- </li>
1488
-
1489
- <li class="dib">
1490
- <span class="icon nutui-iconfont nut-icon-s-follow"></span>
1491
- <div class="name">
1492
- s-follow
1493
- </div>
1494
- <div class="code-name">.nut-icon-s-follow
1495
- </div>
1496
- </li>
1497
-
1498
- <li class="dib">
1499
- <span class="icon nutui-iconfont nut-icon-shop"></span>
1500
- <div class="name">
1501
- shop
1502
- </div>
1503
- <div class="code-name">.nut-icon-shop
1504
- </div>
1505
- </li>
1506
-
1507
- <li class="dib">
1508
- <span class="icon nutui-iconfont nut-icon-message"></span>
1509
- <div class="name">
1510
- message
1511
- </div>
1512
- <div class="code-name">.nut-icon-message
1513
- </div>
1514
- </li>
1515
-
1516
- <li class="dib">
1517
- <span class="icon nutui-iconfont nut-icon-ask2"></span>
1518
- <div class="name">
1519
- ask2
1520
- </div>
1521
- <div class="code-name">.nut-icon-ask2
1522
- </div>
1523
- </li>
1524
-
1525
- <li class="dib">
1526
- <span class="icon nutui-iconfont nut-icon-search2"></span>
1527
- <div class="name">
1528
- search2
1529
- </div>
1530
- <div class="code-name">.nut-icon-search2
1531
- </div>
1532
- </li>
1533
-
1534
- <li class="dib">
1535
- <span class="icon nutui-iconfont nut-icon-clock"></span>
1536
- <div class="name">
1537
- clock
1538
- </div>
1539
- <div class="code-name">.nut-icon-clock
1540
- </div>
1541
- </li>
1542
-
1543
- <li class="dib">
1544
- <span class="icon nutui-iconfont nut-icon-setting"></span>
1545
- <div class="name">
1546
- setting
1547
- </div>
1548
- <div class="code-name">.nut-icon-setting
1549
- </div>
1550
- </li>
1551
-
1552
- <li class="dib">
1553
- <span class="icon nutui-iconfont nut-icon-refresh2"></span>
1554
- <div class="name">
1555
- refresh2
1556
- </div>
1557
- <div class="code-name">.nut-icon-refresh2
1558
- </div>
1559
- </li>
1560
-
1561
- <li class="dib">
1562
- <span class="icon nutui-iconfont nut-icon-horizontal"></span>
1563
- <div class="name">
1564
- horizontal
1565
- </div>
1566
- <div class="code-name">.nut-icon-horizontal
1567
- </div>
1568
- </li>
1569
-
1570
- <li class="dib">
1571
- <span class="icon nutui-iconfont nut-icon-date"></span>
1572
- <div class="name">
1573
- date
1574
- </div>
1575
- <div class="code-name">.nut-icon-date
1576
- </div>
1577
- </li>
1578
-
1579
- <li class="dib">
1580
- <span class="icon nutui-iconfont nut-icon-photograph"></span>
1581
- <div class="name">
1582
- photograph
1583
- </div>
1584
- <div class="code-name">.nut-icon-photograph
1585
- </div>
1586
- </li>
1587
-
1588
- <li class="dib">
1589
- <span class="icon nutui-iconfont nut-icon-link"></span>
1590
- <div class="name">
1591
- link
1592
- </div>
1593
- <div class="code-name">.nut-icon-link
1594
- </div>
1595
- </li>
1596
-
1597
- <li class="dib">
1598
- <span class="icon nutui-iconfont nut-icon-scan2"></span>
1599
- <div class="name">
1600
- scan2
1601
- </div>
1602
- <div class="code-name">.nut-icon-scan2
1603
- </div>
1604
- </li>
1605
-
1606
- <li class="dib">
1607
- <span class="icon nutui-iconfont nut-icon-left"></span>
1608
- <div class="name">
1609
- left
1610
- </div>
1611
- <div class="code-name">.nut-icon-left
1612
- </div>
1613
- </li>
1614
-
1615
- <li class="dib">
1616
- <span class="icon nutui-iconfont nut-icon-close"></span>
1617
- <div class="name">
1618
- close
1619
- </div>
1620
- <div class="code-name">.nut-icon-close
1621
- </div>
1622
- </li>
1623
-
1624
- <li class="dib">
1625
- <span class="icon nutui-iconfont nut-icon-locationg3"></span>
1626
- <div class="name">
1627
- locationg3
1628
- </div>
1629
- <div class="code-name">.nut-icon-locationg3
1630
- </div>
1631
- </li>
1632
-
1633
- <li class="dib">
1634
- <span class="icon nutui-iconfont nut-icon-share1"></span>
1635
- <div class="name">
1636
- share
1637
- </div>
1638
- <div class="code-name">.nut-icon-share1
1639
- </div>
1640
- </li>
1641
-
1642
- <li class="dib">
1643
- <span class="icon nutui-iconfont nut-icon-shop3"></span>
1644
- <div class="name">
1645
- shop3
1646
- </div>
1647
- <div class="code-name">.nut-icon-shop3
1648
- </div>
1649
- </li>
1650
-
1651
- <li class="dib">
1652
- <span class="icon nutui-iconfont nut-icon-more"></span>
1653
- <div class="name">
1654
- more
1655
- </div>
1656
- <div class="code-name">.nut-icon-more
1657
- </div>
1658
- </li>
1659
-
1660
- <li class="dib">
1661
- <span class="icon nutui-iconfont nut-icon-ask"></span>
1662
- <div class="name">
1663
- ask
1664
- </div>
1665
- <div class="code-name">.nut-icon-ask
1666
- </div>
1667
- </li>
1668
-
1669
- <li class="dib">
1670
- <span class="icon nutui-iconfont nut-icon-tips"></span>
1671
- <div class="name">
1672
- tips
1673
- </div>
1674
- <div class="code-name">.nut-icon-tips
1675
- </div>
1676
- </li>
1677
-
1678
- <li class="dib">
1679
- <span class="icon nutui-iconfont nut-icon-notice"></span>
1680
- <div class="name">
1681
- notice
1682
- </div>
1683
- <div class="code-name">.nut-icon-notice
1684
- </div>
1685
- </li>
1686
-
1687
- <li class="dib">
1688
- <span class="icon nutui-iconfont nut-icon-lower"></span>
1689
- <div class="name">
1690
- lower
1691
- </div>
1692
- <div class="code-name">.nut-icon-lower
1693
- </div>
1694
- </li>
1695
-
1696
- <li class="dib">
1697
- <span class="icon nutui-iconfont nut-icon-top"></span>
1698
- <div class="name">
1699
- top
1700
- </div>
1701
- <div class="code-name">.nut-icon-top
1702
- </div>
1703
- </li>
1704
-
1705
- <li class="dib">
1706
- <span class="icon nutui-iconfont nut-icon-download"></span>
1707
- <div class="name">
1708
- download
1709
- </div>
1710
- <div class="code-name">.nut-icon-download
1711
- </div>
1712
- </li>
1713
-
1714
- <li class="dib">
1715
- <span class="icon nutui-iconfont nut-icon-dongdong"></span>
1716
- <div class="name">
1717
- dongdong
1718
- </div>
1719
- <div class="code-name">.nut-icon-dongdong
1720
- </div>
1721
- </li>
1722
-
1723
- <li class="dib">
1724
- <span class="icon nutui-iconfont nut-icon-JIMI40"></span>
1725
- <div class="name">
1726
- JIMI40
1727
- </div>
1728
- <div class="code-name">.nut-icon-JIMI40
1729
- </div>
1730
- </li>
1731
-
1732
- <li class="dib">
1733
- <span class="icon nutui-iconfont nut-icon-location"></span>
1734
- <div class="name">
1735
- location
1736
- </div>
1737
- <div class="code-name">.nut-icon-location
1738
- </div>
1739
- </li>
1740
-
1741
- <li class="dib">
1742
- <span class="icon nutui-iconfont nut-icon-scan"></span>
1743
- <div class="name">
1744
- scan
1745
- </div>
1746
- <div class="code-name">.nut-icon-scan
1747
- </div>
1748
- </li>
1749
-
1750
- <li class="dib">
1751
- <span class="icon nutui-iconfont nut-icon-addfollow"></span>
1752
- <div class="name">
1753
- addfollow
1754
- </div>
1755
- <div class="code-name">.nut-icon-addfollow
1756
- </div>
1757
- </li>
1758
-
1759
- <li class="dib">
1760
- <span class="icon nutui-iconfont nut-icon-search"></span>
1761
- <div class="name">
1762
- search
1763
- </div>
1764
- <div class="code-name">.nut-icon-search
1765
- </div>
1766
- </li>
1767
-
1768
- <li class="dib">
1769
- <span class="icon nutui-iconfont nut-icon-share"></span>
1770
- <div class="name">
1771
- share
1772
- </div>
1773
- <div class="code-name">.nut-icon-share
1774
- </div>
1775
- </li>
1776
-
1777
- <li class="dib">
1778
- <span class="icon nutui-iconfont nut-icon-follow"></span>
1779
- <div class="name">
1780
- follow
1781
- </div>
1782
- <div class="code-name">.nut-icon-follow
1783
- </div>
1784
- </li>
1785
-
1786
- <li class="dib">
1787
- <span class="icon nutui-iconfont nut-icon-del"></span>
1788
- <div class="name">
1789
- del
1790
- </div>
1791
- <div class="code-name">.nut-icon-del
1792
- </div>
1793
- </li>
1794
-
1795
- <li class="dib">
1796
- <span class="icon nutui-iconfont nut-icon-edit"></span>
1797
- <div class="name">
1798
- edit
1799
- </div>
1800
- <div class="code-name">.nut-icon-edit
1801
- </div>
1802
- </li>
1803
-
1804
- <li class="dib">
1805
- <span class="icon nutui-iconfont nut-icon-cart"></span>
1806
- <div class="name">
1807
- cart
1808
- </div>
1809
- <div class="code-name">.nut-icon-cart
1810
- </div>
1811
- </li>
1812
-
1813
- <li class="dib">
1814
- <span class="icon nutui-iconfont nut-icon-home"></span>
1815
- <div class="name">
1816
- home
1817
- </div>
1818
- <div class="code-name">.nut-icon-home
1819
- </div>
1820
- </li>
1821
-
1822
- <li class="dib">
1823
- <span class="icon nutui-iconfont nut-icon-find"></span>
1824
- <div class="name">
1825
- find
1826
- </div>
1827
- <div class="code-name">.nut-icon-find
1828
- </div>
1829
- </li>
1830
-
1831
- <li class="dib">
1832
- <span class="icon nutui-iconfont nut-icon-category"></span>
1833
- <div class="name">
1834
- category
1835
- </div>
1836
- <div class="code-name">.nut-icon-category
1837
- </div>
1838
- </li>
1839
-
1840
- <li class="dib">
1841
- <span class="icon nutui-iconfont nut-icon-my"></span>
1842
- <div class="name">
1843
- my
1844
- </div>
1845
- <div class="code-name">.nut-icon-my
1846
- </div>
1847
- </li>
1848
-
1849
- <li class="dib">
1850
- <span class="icon nutui-iconfont nut-icon-footprint"></span>
1851
- <div class="name">
1852
- footprint
1853
- </div>
1854
- <div class="code-name">.nut-icon-footprint
1855
- </div>
1856
- </li>
1857
-
1858
- </ul>
1859
- <div class="article markdown">
1860
- <h2 id="font-class-">font-class 引用</h2>
1861
- <hr>
1862
-
1863
- <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
1864
- <p>与 Unicode 使用方式相比，具有如下特点：</p>
1865
- <ul>
1866
- <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
1867
- <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
1868
- </ul>
1869
- <p>使用步骤如下：</p>
1870
- <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
1871
- <pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
1872
- </code></pre>
1873
- <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
1874
- <pre><code class="language-html">&lt;span class="nutui-iconfont nut-icon-xxx"&gt;&lt;/span&gt;
1875
- </code></pre>
1876
- <blockquote>
1877
- <p>"
1878
- nutui-iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
1879
- </blockquote>
1880
- </div>
1881
- </div>
1882
- <div class="content symbol">
1883
- <ul class="icon_lists dib-box">
1884
-
1885
- <li class="dib">
1886
- <svg class="icon svg-icon" aria-hidden="true">
1887
- <use xlink:href="#nut-icon-voice"></use>
1888
- </svg>
1889
- <div class="name">voice</div>
1890
- <div class="code-name">#nut-icon-voice</div>
1891
- </li>
1892
-
1893
- <li class="dib">
1894
- <svg class="icon svg-icon" aria-hidden="true">
1895
- <use xlink:href="#nut-icon-play-stop"></use>
1896
- </svg>
1897
- <div class="name">play-stop</div>
1898
- <div class="code-name">#nut-icon-play-stop</div>
1899
- </li>
1900
-
1901
- <li class="dib">
1902
- <svg class="icon svg-icon" aria-hidden="true">
1903
- <use xlink:href="#nut-icon-play-start"></use>
1904
- </svg>
1905
- <div class="name">play-start</div>
1906
- <div class="code-name">#nut-icon-play-start</div>
1907
- </li>
1908
-
1909
- <li class="dib">
1910
- <svg class="icon svg-icon" aria-hidden="true">
1911
- <use xlink:href="#nut-icon-play-double-back"></use>
1912
- </svg>
1913
- <div class="name">play-double-back</div>
1914
- <div class="code-name">#nut-icon-play-double-back</div>
1915
- </li>
1916
-
1917
- <li class="dib">
1918
- <svg class="icon svg-icon" aria-hidden="true">
1919
- <use xlink:href="#nut-icon-play-double-forward"></use>
1920
- </svg>
1921
- <div class="name">play-double-forward</div>
1922
- <div class="code-name">#nut-icon-play-double-forward</div>
1923
- </li>
1924
-
1925
- <li class="dib">
1926
- <svg class="icon svg-icon" aria-hidden="true">
1927
- <use xlink:href="#nut-icon-dou-arrow-up"></use>
1928
- </svg>
1929
- <div class="name">dou-arrow-up</div>
1930
- <div class="code-name">#nut-icon-dou-arrow-up</div>
1931
- </li>
1932
-
1933
- <li class="dib">
1934
- <svg class="icon svg-icon" aria-hidden="true">
1935
- <use xlink:href="#nut-icon-loading1"></use>
1936
- </svg>
1937
- <div class="name">loading2</div>
1938
- <div class="code-name">#nut-icon-loading1</div>
1939
- </li>
1940
-
1941
- <li class="dib">
1942
- <svg class="icon svg-icon" aria-hidden="true">
1943
- <use xlink:href="#nut-icon-checked"></use>
1944
- </svg>
1945
- <div class="name">checked</div>
1946
- <div class="code-name">#nut-icon-checked</div>
1947
- </li>
1948
-
1949
- <li class="dib">
1950
- <svg class="icon svg-icon" aria-hidden="true">
1951
- <use xlink:href="#nut-icon-checklist"></use>
1952
- </svg>
1953
- <div class="name">checklist</div>
1954
- <div class="code-name">#nut-icon-checklist</div>
1955
- </li>
1956
-
1957
- <li class="dib">
1958
- <svg class="icon svg-icon" aria-hidden="true">
1959
- <use xlink:href="#nut-icon-check-disabled"></use>
1960
- </svg>
1961
- <div class="name">check-disabled</div>
1962
- <div class="code-name">#nut-icon-check-disabled</div>
1963
- </li>
1964
-
1965
- <li class="dib">
1966
- <svg class="icon svg-icon" aria-hidden="true">
1967
- <use xlink:href="#nut-icon-check-normal"></use>
1968
- </svg>
1969
- <div class="name">check-normal</div>
1970
- <div class="code-name">#nut-icon-check-normal</div>
1971
- </li>
1972
-
1973
- <li class="dib">
1974
- <svg class="icon svg-icon" aria-hidden="true">
1975
- <use xlink:href="#nut-icon-check-checked"></use>
1976
- </svg>
1977
- <div class="name">check-checked</div>
1978
- <div class="code-name">#nut-icon-check-checked</div>
1979
- </li>
1980
-
1981
- <li class="dib">
1982
- <svg class="icon svg-icon" aria-hidden="true">
1983
- <use xlink:href="#nut-icon-loading"></use>
1984
- </svg>
1985
- <div class="name">loading</div>
1986
- <div class="code-name">#nut-icon-loading</div>
1987
- </li>
1988
-
1989
- <li class="dib">
1990
- <svg class="icon svg-icon" aria-hidden="true">
1991
- <use xlink:href="#nut-icon-heart-n"></use>
1992
- </svg>
1993
- <div class="name">heart-n</div>
1994
- <div class="code-name">#nut-icon-heart-n</div>
1995
- </li>
1996
-
1997
- <li class="dib">
1998
- <svg class="icon svg-icon" aria-hidden="true">
1999
- <use xlink:href="#nut-icon-star-fill-n"></use>
2000
- </svg>
2001
- <div class="name">star-fill-n</div>
2002
- <div class="code-name">#nut-icon-star-fill-n</div>
2003
- </li>
2004
-
2005
- <li class="dib">
2006
- <svg class="icon svg-icon" aria-hidden="true">
2007
- <use xlink:href="#nut-icon-heart-fill-n"></use>
2008
- </svg>
2009
- <div class="name">heart-fill-n</div>
2010
- <div class="code-name">#nut-icon-heart-fill-n</div>
2011
- </li>
2012
-
2013
- <li class="dib">
2014
- <svg class="icon svg-icon" aria-hidden="true">
2015
- <use xlink:href="#nut-icon-star-n"></use>
2016
- </svg>
2017
- <div class="name">star-n</div>
2018
- <div class="code-name">#nut-icon-star-n</div>
2019
- </li>
2020
-
2021
- <li class="dib">
2022
- <svg class="icon svg-icon" aria-hidden="true">
2023
- <use xlink:href="#nut-icon-heart"></use>
2024
- </svg>
2025
- <div class="name">heart</div>
2026
- <div class="code-name">#nut-icon-heart</div>
2027
- </li>
2028
-
2029
- <li class="dib">
2030
- <svg class="icon svg-icon" aria-hidden="true">
2031
- <use xlink:href="#nut-icon-heart1"></use>
2032
- </svg>
2033
- <div class="name">heart</div>
2034
- <div class="code-name">#nut-icon-heart1</div>
2035
- </li>
2036
-
2037
- <li class="dib">
2038
- <svg class="icon svg-icon" aria-hidden="true">
2039
- <use xlink:href="#nut-icon-heart-fill"></use>
2040
- </svg>
2041
- <div class="name">heart-fill</div>
2042
- <div class="code-name">#nut-icon-heart-fill</div>
2043
- </li>
2044
-
2045
- <li class="dib">
2046
- <svg class="icon svg-icon" aria-hidden="true">
2047
- <use xlink:href="#nut-icon-heart-fill2"></use>
2048
- </svg>
2049
- <div class="name">heart-fill</div>
2050
- <div class="code-name">#nut-icon-heart-fill2</div>
2051
- </li>
2052
-
2053
- <li class="dib">
2054
- <svg class="icon svg-icon" aria-hidden="true">
2055
- <use xlink:href="#nut-icon-heart-fill1"></use>
2056
- </svg>
2057
- <div class="name">heart-fill1</div>
2058
- <div class="code-name">#nut-icon-heart-fill1</div>
2059
- </li>
2060
-
2061
- <li class="dib">
2062
- <svg class="icon svg-icon" aria-hidden="true">
2063
- <use xlink:href="#nut-icon-star-fill2"></use>
2064
- </svg>
2065
- <div class="name">star-fill</div>
2066
- <div class="code-name">#nut-icon-star-fill2</div>
2067
- </li>
2068
-
2069
- <li class="dib">
2070
- <svg class="icon svg-icon" aria-hidden="true">
2071
- <use xlink:href="#nut-icon-star11"></use>
2072
- </svg>
2073
- <div class="name">star</div>
2074
- <div class="code-name">#nut-icon-star11</div>
2075
- </li>
2076
-
2077
- <li class="dib">
2078
- <svg class="icon svg-icon" aria-hidden="true">
2079
- <use xlink:href="#nut-icon-star1"></use>
2080
- </svg>
2081
- <div class="name">star</div>
2082
- <div class="code-name">#nut-icon-star1</div>
2083
- </li>
2084
-
2085
- <li class="dib">
2086
- <svg class="icon svg-icon" aria-hidden="true">
2087
- <use xlink:href="#nut-icon-star-fill"></use>
2088
- </svg>
2089
- <div class="name">star-fill</div>
2090
- <div class="code-name">#nut-icon-star-fill</div>
2091
- </li>
2092
-
2093
- <li class="dib">
2094
- <svg class="icon svg-icon" aria-hidden="true">
2095
- <use xlink:href="#nut-icon-share-n"></use>
2096
- </svg>
2097
- <div class="name">share-n</div>
2098
- <div class="code-name">#nut-icon-share-n</div>
2099
- </li>
2100
-
2101
- <li class="dib">
2102
- <svg class="icon svg-icon" aria-hidden="true">
2103
- <use xlink:href="#nut-icon-horizontal-n"></use>
2104
- </svg>
2105
- <div class="name">horizontal-n</div>
2106
- <div class="code-name">#nut-icon-horizontal-n</div>
2107
- </li>
2108
-
2109
- <li class="dib">
2110
- <svg class="icon svg-icon" aria-hidden="true">
2111
- <use xlink:href="#nut-icon-more-x"></use>
2112
- </svg>
2113
- <div class="name">more-x</div>
2114
- <div class="code-name">#nut-icon-more-x</div>
2115
- </li>
2116
-
2117
- <li class="dib">
2118
- <svg class="icon svg-icon" aria-hidden="true">
2119
- <use xlink:href="#nut-icon-more-s"></use>
2120
- </svg>
2121
- <div class="name">more-s</div>
2122
- <div class="code-name">#nut-icon-more-s</div>
2123
- </li>
2124
-
2125
- <li class="dib">
2126
- <svg class="icon svg-icon" aria-hidden="true">
2127
- <use xlink:href="#nut-icon-star-fill1"></use>
2128
- </svg>
2129
- <div class="name">star-fill</div>
2130
- <div class="code-name">#nut-icon-star-fill1</div>
2131
- </li>
2132
-
2133
- <li class="dib">
2134
- <svg class="icon svg-icon" aria-hidden="true">
2135
- <use xlink:href="#nut-icon-star2"></use>
2136
- </svg>
2137
- <div class="name">star</div>
2138
- <div class="code-name">#nut-icon-star2</div>
2139
- </li>
2140
-
2141
- <li class="dib">
2142
- <svg class="icon svg-icon" aria-hidden="true">
2143
- <use xlink:href="#nut-icon-heart2"></use>
2144
- </svg>
2145
- <div class="name">heart</div>
2146
- <div class="code-name">#nut-icon-heart2</div>
2147
- </li>
2148
-
2149
- <li class="dib">
2150
- <svg class="icon svg-icon" aria-hidden="true">
2151
- <use xlink:href="#nut-icon-heart-fill3"></use>
2152
- </svg>
2153
- <div class="name">heart-fill</div>
2154
- <div class="code-name">#nut-icon-heart-fill3</div>
2155
- </li>
2156
-
2157
- <li class="dib">
2158
- <svg class="icon svg-icon" aria-hidden="true">
2159
- <use xlink:href="#nut-icon-retweet"></use>
2160
- </svg>
2161
- <div class="name">retweet</div>
2162
- <div class="code-name">#nut-icon-retweet</div>
2163
- </li>
2164
-
2165
- <li class="dib">
2166
- <svg class="icon svg-icon" aria-hidden="true">
2167
- <use xlink:href="#nut-icon-poweroff-circle-fill"></use>
2168
- </svg>
2169
- <div class="name">poweroff-circle-fill</div>
2170
- <div class="code-name">#nut-icon-poweroff-circle-fill</div>
2171
- </li>
2172
-
2173
- <li class="dib">
2174
- <svg class="icon svg-icon" aria-hidden="true">
2175
- <use xlink:href="#nut-icon-play-circle-fill"></use>
2176
- </svg>
2177
- <div class="name">play-circle-fill</div>
2178
- <div class="code-name">#nut-icon-play-circle-fill</div>
2179
- </li>
2180
-
2181
- <li class="dib">
2182
- <svg class="icon svg-icon" aria-hidden="true">
2183
- <use xlink:href="#nut-icon-down-arrow"></use>
2184
- </svg>
2185
- <div class="name">down-arrow</div>
2186
- <div class="code-name">#nut-icon-down-arrow</div>
2187
- </li>
2188
-
2189
- <li class="dib">
2190
- <svg class="icon svg-icon" aria-hidden="true">
2191
- <use xlink:href="#nut-icon-success"></use>
2192
- </svg>
2193
- <div class="name">success</div>
2194
- <div class="code-name">#nut-icon-success</div>
2195
- </li>
2196
-
2197
- <li class="dib">
2198
- <svg class="icon svg-icon" aria-hidden="true">
2199
- <use xlink:href="#nut-icon-failure"></use>
2200
- </svg>
2201
- <div class="name">failure</div>
2202
- <div class="code-name">#nut-icon-failure</div>
2203
- </li>
2204
-
2205
- <li class="dib">
2206
- <svg class="icon svg-icon" aria-hidden="true">
2207
- <use xlink:href="#nut-icon-issue"></use>
2208
- </svg>
2209
- <div class="name">issue</div>
2210
- <div class="code-name">#nut-icon-issue</div>
2211
- </li>
2212
-
2213
- <li class="dib">
2214
- <svg class="icon svg-icon" aria-hidden="true">
2215
- <use xlink:href="#nut-icon-Check"></use>
2216
- </svg>
2217
- <div class="name">Check</div>
2218
- <div class="code-name">#nut-icon-Check</div>
2219
- </li>
2220
-
2221
- <li class="dib">
2222
- <svg class="icon svg-icon" aria-hidden="true">
2223
- <use xlink:href="#nut-icon-plus"></use>
2224
- </svg>
2225
- <div class="name">plus</div>
2226
- <div class="code-name">#nut-icon-plus</div>
2227
- </li>
2228
-
2229
- <li class="dib">
2230
- <svg class="icon svg-icon" aria-hidden="true">
2231
- <use xlink:href="#nut-icon-minus"></use>
2232
- </svg>
2233
- <div class="name">minus</div>
2234
- <div class="code-name">#nut-icon-minus</div>
2235
- </li>
2236
-
2237
- <li class="dib">
2238
- <svg class="icon svg-icon" aria-hidden="true">
2239
- <use xlink:href="#nut-icon-arrow-up2"></use>
2240
- </svg>
2241
- <div class="name">arrow-up2</div>
2242
- <div class="code-name">#nut-icon-arrow-up2</div>
2243
- </li>
2244
-
2245
- <li class="dib">
2246
- <svg class="icon svg-icon" aria-hidden="true">
2247
- <use xlink:href="#nut-icon-arrow-down2"></use>
2248
- </svg>
2249
- <div class="name">arrow-down2</div>
2250
- <div class="code-name">#nut-icon-arrow-down2</div>
2251
- </li>
2252
-
2253
- <li class="dib">
2254
- <svg class="icon svg-icon" aria-hidden="true">
2255
- <use xlink:href="#nut-icon-screen-little"></use>
2256
- </svg>
2257
- <div class="name">screen-little</div>
2258
- <div class="code-name">#nut-icon-screen-little</div>
2259
- </li>
2260
-
2261
- <li class="dib">
2262
- <svg class="icon svg-icon" aria-hidden="true">
2263
- <use xlink:href="#nut-icon-arrow-right2"></use>
2264
- </svg>
2265
- <div class="name">arrow-right2</div>
2266
- <div class="code-name">#nut-icon-arrow-right2</div>
2267
- </li>
2268
-
2269
- <li class="dib">
2270
- <svg class="icon svg-icon" aria-hidden="true">
2271
- <use xlink:href="#nut-icon-close-little"></use>
2272
- </svg>
2273
- <div class="name">close-little</div>
2274
- <div class="code-name">#nut-icon-close-little</div>
2275
- </li>
2276
-
2277
- <li class="dib">
2278
- <svg class="icon svg-icon" aria-hidden="true">
2279
- <use xlink:href="#nut-icon-joy-smile"></use>
2280
- </svg>
2281
- <div class="name">joy-smile</div>
2282
- <div class="code-name">#nut-icon-joy-smile</div>
2283
- </li>
2284
-
2285
- <li class="dib">
2286
- <svg class="icon svg-icon" aria-hidden="true">
2287
- <use xlink:href="#nut-icon-arrow-down"></use>
2288
- </svg>
2289
- <div class="name">arrow-down</div>
2290
- <div class="code-name">#nut-icon-arrow-down</div>
2291
- </li>
2292
-
2293
- <li class="dib">
2294
- <svg class="icon svg-icon" aria-hidden="true">
2295
- <use xlink:href="#nut-icon-arrow-right"></use>
2296
- </svg>
2297
- <div class="name">arrow-right</div>
2298
- <div class="code-name">#nut-icon-arrow-right</div>
2299
- </li>
2300
-
2301
- <li class="dib">
2302
- <svg class="icon svg-icon" aria-hidden="true">
2303
- <use xlink:href="#nut-icon-arrow-up"></use>
2304
- </svg>
2305
- <div class="name">arrow-up</div>
2306
- <div class="code-name">#nut-icon-arrow-up</div>
2307
- </li>
2308
-
2309
- <li class="dib">
2310
- <svg class="icon svg-icon" aria-hidden="true">
2311
- <use xlink:href="#nut-icon-github"></use>
2312
- </svg>
2313
- <div class="name">github</div>
2314
- <div class="code-name">#nut-icon-github</div>
2315
- </li>
2316
-
2317
- <li class="dib">
2318
- <svg class="icon svg-icon" aria-hidden="true">
2319
- <use xlink:href="#nut-icon-uploader"></use>
2320
- </svg>
2321
- <div class="name">uplode</div>
2322
- <div class="code-name">#nut-icon-uploader</div>
2323
- </li>
2324
-
2325
- <li class="dib">
2326
- <svg class="icon svg-icon" aria-hidden="true">
2327
- <use xlink:href="#nut-icon-mask-close"></use>
2328
- </svg>
2329
- <div class="name">mask-close</div>
2330
- <div class="code-name">#nut-icon-mask-close</div>
2331
- </li>
2332
-
2333
- <li class="dib">
2334
- <svg class="icon svg-icon" aria-hidden="true">
2335
- <use xlink:href="#nut-icon-circle-close"></use>
2336
- </svg>
2337
- <div class="name">circle-close</div>
2338
- <div class="code-name">#nut-icon-circle-close</div>
2339
- </li>
2340
-
2341
- <li class="dib">
2342
- <svg class="icon svg-icon" aria-hidden="true">
2343
- <use xlink:href="#nut-icon-right"></use>
2344
- </svg>
2345
- <div class="name">right</div>
2346
- <div class="code-name">#nut-icon-right</div>
2347
- </li>
2348
-
2349
- <li class="dib">
2350
- <svg class="icon svg-icon" aria-hidden="true">
2351
- <use xlink:href="#nut-icon-jdl"></use>
2352
- </svg>
2353
- <div class="name">jdl</div>
2354
- <div class="code-name">#nut-icon-jdl</div>
2355
- </li>
2356
-
2357
- <li class="dib">
2358
- <svg class="icon svg-icon" aria-hidden="true">
2359
- <use xlink:href="#nut-icon-order"></use>
2360
- </svg>
2361
- <div class="name">order</div>
2362
- <div class="code-name">#nut-icon-order</div>
2363
- </li>
2364
-
2365
- <li class="dib">
2366
- <svg class="icon svg-icon" aria-hidden="true">
2367
- <use xlink:href="#nut-icon-refresh"></use>
2368
- </svg>
2369
- <div class="name">refresh</div>
2370
- <div class="code-name">#nut-icon-refresh</div>
2371
- </li>
2372
-
2373
- <li class="dib">
2374
- <svg class="icon svg-icon" aria-hidden="true">
2375
- <use xlink:href="#nut-icon-add"></use>
2376
- </svg>
2377
- <div class="name">add</div>
2378
- <div class="code-name">#nut-icon-add</div>
2379
- </li>
2380
-
2381
- <li class="dib">
2382
- <svg class="icon svg-icon" aria-hidden="true">
2383
- <use xlink:href="#nut-icon-JD"></use>
2384
- </svg>
2385
- <div class="name">JD</div>
2386
- <div class="code-name">#nut-icon-JD</div>
2387
- </li>
2388
-
2389
- <li class="dib">
2390
- <svg class="icon svg-icon" aria-hidden="true">
2391
- <use xlink:href="#nut-icon-eye"></use>
2392
- </svg>
2393
- <div class="name">eye</div>
2394
- <div class="code-name">#nut-icon-eye</div>
2395
- </li>
2396
-
2397
- <li class="dib">
2398
- <svg class="icon svg-icon" aria-hidden="true">
2399
- <use xlink:href="#nut-icon-dshop"></use>
2400
- </svg>
2401
- <div class="name">dshop</div>
2402
- <div class="code-name">#nut-icon-dshop</div>
2403
- </li>
2404
-
2405
- <li class="dib">
2406
- <svg class="icon svg-icon" aria-hidden="true">
2407
- <use xlink:href="#nut-icon-my2"></use>
2408
- </svg>
2409
- <div class="name">my2</div>
2410
- <div class="code-name">#nut-icon-my2</div>
2411
- </li>
2412
-
2413
- <li class="dib">
2414
- <svg class="icon svg-icon" aria-hidden="true">
2415
- <use xlink:href="#nut-icon-star"></use>
2416
- </svg>
2417
- <div class="name">star</div>
2418
- <div class="code-name">#nut-icon-star</div>
2419
- </li>
2420
-
2421
- <li class="dib">
2422
- <svg class="icon svg-icon" aria-hidden="true">
2423
- <use xlink:href="#nut-icon-del2"></use>
2424
- </svg>
2425
- <div class="name">del2</div>
2426
- <div class="code-name">#nut-icon-del2</div>
2427
- </li>
2428
-
2429
- <li class="dib">
2430
- <svg class="icon svg-icon" aria-hidden="true">
2431
- <use xlink:href="#nut-icon-comment"></use>
2432
- </svg>
2433
- <div class="name">comment</div>
2434
- <div class="code-name">#nut-icon-comment</div>
2435
- </li>
2436
-
2437
- <li class="dib">
2438
- <svg class="icon svg-icon" aria-hidden="true">
2439
- <use xlink:href="#nut-icon-microphone"></use>
2440
- </svg>
2441
- <div class="name">microphone</div>
2442
- <div class="code-name">#nut-icon-microphone</div>
2443
- </li>
2444
-
2445
- <li class="dib">
2446
- <svg class="icon svg-icon" aria-hidden="true">
2447
- <use xlink:href="#nut-icon-people"></use>
2448
- </svg>
2449
- <div class="name">people</div>
2450
- <div class="code-name">#nut-icon-people</div>
2451
- </li>
2452
-
2453
- <li class="dib">
2454
- <svg class="icon svg-icon" aria-hidden="true">
2455
- <use xlink:href="#nut-icon-service"></use>
2456
- </svg>
2457
- <div class="name">service</div>
2458
- <div class="code-name">#nut-icon-service</div>
2459
- </li>
2460
-
2461
- <li class="dib">
2462
- <svg class="icon svg-icon" aria-hidden="true">
2463
- <use xlink:href="#nut-icon-cart2"></use>
2464
- </svg>
2465
- <div class="name">cart2</div>
2466
- <div class="code-name">#nut-icon-cart2</div>
2467
- </li>
2468
-
2469
- <li class="dib">
2470
- <svg class="icon svg-icon" aria-hidden="true">
2471
- <use xlink:href="#nut-icon-location2"></use>
2472
- </svg>
2473
- <div class="name">location2</div>
2474
- <div class="code-name">#nut-icon-location2</div>
2475
- </li>
2476
-
2477
- <li class="dib">
2478
- <svg class="icon svg-icon" aria-hidden="true">
2479
- <use xlink:href="#nut-icon-marshalling"></use>
2480
- </svg>
2481
- <div class="name">marshalling</div>
2482
- <div class="code-name">#nut-icon-marshalling</div>
2483
- </li>
2484
-
2485
- <li class="dib">
2486
- <svg class="icon svg-icon" aria-hidden="true">
2487
- <use xlink:href="#nut-icon-fabulous"></use>
2488
- </svg>
2489
- <div class="name">fabulous</div>
2490
- <div class="code-name">#nut-icon-fabulous</div>
2491
- </li>
2492
-
2493
- <li class="dib">
2494
- <svg class="icon svg-icon" aria-hidden="true">
2495
- <use xlink:href="#nut-icon-s-follow"></use>
2496
- </svg>
2497
- <div class="name">s-follow</div>
2498
- <div class="code-name">#nut-icon-s-follow</div>
2499
- </li>
2500
-
2501
- <li class="dib">
2502
- <svg class="icon svg-icon" aria-hidden="true">
2503
- <use xlink:href="#nut-icon-shop"></use>
2504
- </svg>
2505
- <div class="name">shop</div>
2506
- <div class="code-name">#nut-icon-shop</div>
2507
- </li>
2508
-
2509
- <li class="dib">
2510
- <svg class="icon svg-icon" aria-hidden="true">
2511
- <use xlink:href="#nut-icon-message"></use>
2512
- </svg>
2513
- <div class="name">message</div>
2514
- <div class="code-name">#nut-icon-message</div>
2515
- </li>
2516
-
2517
- <li class="dib">
2518
- <svg class="icon svg-icon" aria-hidden="true">
2519
- <use xlink:href="#nut-icon-ask2"></use>
2520
- </svg>
2521
- <div class="name">ask2</div>
2522
- <div class="code-name">#nut-icon-ask2</div>
2523
- </li>
2524
-
2525
- <li class="dib">
2526
- <svg class="icon svg-icon" aria-hidden="true">
2527
- <use xlink:href="#nut-icon-search2"></use>
2528
- </svg>
2529
- <div class="name">search2</div>
2530
- <div class="code-name">#nut-icon-search2</div>
2531
- </li>
2532
-
2533
- <li class="dib">
2534
- <svg class="icon svg-icon" aria-hidden="true">
2535
- <use xlink:href="#nut-icon-clock"></use>
2536
- </svg>
2537
- <div class="name">clock</div>
2538
- <div class="code-name">#nut-icon-clock</div>
2539
- </li>
2540
-
2541
- <li class="dib">
2542
- <svg class="icon svg-icon" aria-hidden="true">
2543
- <use xlink:href="#nut-icon-setting"></use>
2544
- </svg>
2545
- <div class="name">setting</div>
2546
- <div class="code-name">#nut-icon-setting</div>
2547
- </li>
2548
-
2549
- <li class="dib">
2550
- <svg class="icon svg-icon" aria-hidden="true">
2551
- <use xlink:href="#nut-icon-refresh2"></use>
2552
- </svg>
2553
- <div class="name">refresh2</div>
2554
- <div class="code-name">#nut-icon-refresh2</div>
2555
- </li>
2556
-
2557
- <li class="dib">
2558
- <svg class="icon svg-icon" aria-hidden="true">
2559
- <use xlink:href="#nut-icon-horizontal"></use>
2560
- </svg>
2561
- <div class="name">horizontal</div>
2562
- <div class="code-name">#nut-icon-horizontal</div>
2563
- </li>
2564
-
2565
- <li class="dib">
2566
- <svg class="icon svg-icon" aria-hidden="true">
2567
- <use xlink:href="#nut-icon-date"></use>
2568
- </svg>
2569
- <div class="name">date</div>
2570
- <div class="code-name">#nut-icon-date</div>
2571
- </li>
2572
-
2573
- <li class="dib">
2574
- <svg class="icon svg-icon" aria-hidden="true">
2575
- <use xlink:href="#nut-icon-photograph"></use>
2576
- </svg>
2577
- <div class="name">photograph</div>
2578
- <div class="code-name">#nut-icon-photograph</div>
2579
- </li>
2580
-
2581
- <li class="dib">
2582
- <svg class="icon svg-icon" aria-hidden="true">
2583
- <use xlink:href="#nut-icon-link"></use>
2584
- </svg>
2585
- <div class="name">link</div>
2586
- <div class="code-name">#nut-icon-link</div>
2587
- </li>
2588
-
2589
- <li class="dib">
2590
- <svg class="icon svg-icon" aria-hidden="true">
2591
- <use xlink:href="#nut-icon-scan2"></use>
2592
- </svg>
2593
- <div class="name">scan2</div>
2594
- <div class="code-name">#nut-icon-scan2</div>
2595
- </li>
2596
-
2597
- <li class="dib">
2598
- <svg class="icon svg-icon" aria-hidden="true">
2599
- <use xlink:href="#nut-icon-left"></use>
2600
- </svg>
2601
- <div class="name">left</div>
2602
- <div class="code-name">#nut-icon-left</div>
2603
- </li>
2604
-
2605
- <li class="dib">
2606
- <svg class="icon svg-icon" aria-hidden="true">
2607
- <use xlink:href="#nut-icon-close"></use>
2608
- </svg>
2609
- <div class="name">close</div>
2610
- <div class="code-name">#nut-icon-close</div>
2611
- </li>
2612
-
2613
- <li class="dib">
2614
- <svg class="icon svg-icon" aria-hidden="true">
2615
- <use xlink:href="#nut-icon-locationg3"></use>
2616
- </svg>
2617
- <div class="name">locationg3</div>
2618
- <div class="code-name">#nut-icon-locationg3</div>
2619
- </li>
2620
-
2621
- <li class="dib">
2622
- <svg class="icon svg-icon" aria-hidden="true">
2623
- <use xlink:href="#nut-icon-share1"></use>
2624
- </svg>
2625
- <div class="name">share</div>
2626
- <div class="code-name">#nut-icon-share1</div>
2627
- </li>
2628
-
2629
- <li class="dib">
2630
- <svg class="icon svg-icon" aria-hidden="true">
2631
- <use xlink:href="#nut-icon-shop3"></use>
2632
- </svg>
2633
- <div class="name">shop3</div>
2634
- <div class="code-name">#nut-icon-shop3</div>
2635
- </li>
2636
-
2637
- <li class="dib">
2638
- <svg class="icon svg-icon" aria-hidden="true">
2639
- <use xlink:href="#nut-icon-more"></use>
2640
- </svg>
2641
- <div class="name">more</div>
2642
- <div class="code-name">#nut-icon-more</div>
2643
- </li>
2644
-
2645
- <li class="dib">
2646
- <svg class="icon svg-icon" aria-hidden="true">
2647
- <use xlink:href="#nut-icon-ask"></use>
2648
- </svg>
2649
- <div class="name">ask</div>
2650
- <div class="code-name">#nut-icon-ask</div>
2651
- </li>
2652
-
2653
- <li class="dib">
2654
- <svg class="icon svg-icon" aria-hidden="true">
2655
- <use xlink:href="#nut-icon-tips"></use>
2656
- </svg>
2657
- <div class="name">tips</div>
2658
- <div class="code-name">#nut-icon-tips</div>
2659
- </li>
2660
-
2661
- <li class="dib">
2662
- <svg class="icon svg-icon" aria-hidden="true">
2663
- <use xlink:href="#nut-icon-notice"></use>
2664
- </svg>
2665
- <div class="name">notice</div>
2666
- <div class="code-name">#nut-icon-notice</div>
2667
- </li>
2668
-
2669
- <li class="dib">
2670
- <svg class="icon svg-icon" aria-hidden="true">
2671
- <use xlink:href="#nut-icon-lower"></use>
2672
- </svg>
2673
- <div class="name">lower</div>
2674
- <div class="code-name">#nut-icon-lower</div>
2675
- </li>
2676
-
2677
- <li class="dib">
2678
- <svg class="icon svg-icon" aria-hidden="true">
2679
- <use xlink:href="#nut-icon-top"></use>
2680
- </svg>
2681
- <div class="name">top</div>
2682
- <div class="code-name">#nut-icon-top</div>
2683
- </li>
2684
-
2685
- <li class="dib">
2686
- <svg class="icon svg-icon" aria-hidden="true">
2687
- <use xlink:href="#nut-icon-download"></use>
2688
- </svg>
2689
- <div class="name">download</div>
2690
- <div class="code-name">#nut-icon-download</div>
2691
- </li>
2692
-
2693
- <li class="dib">
2694
- <svg class="icon svg-icon" aria-hidden="true">
2695
- <use xlink:href="#nut-icon-dongdong"></use>
2696
- </svg>
2697
- <div class="name">dongdong</div>
2698
- <div class="code-name">#nut-icon-dongdong</div>
2699
- </li>
2700
-
2701
- <li class="dib">
2702
- <svg class="icon svg-icon" aria-hidden="true">
2703
- <use xlink:href="#nut-icon-JIMI40"></use>
2704
- </svg>
2705
- <div class="name">JIMI40</div>
2706
- <div class="code-name">#nut-icon-JIMI40</div>
2707
- </li>
2708
-
2709
- <li class="dib">
2710
- <svg class="icon svg-icon" aria-hidden="true">
2711
- <use xlink:href="#nut-icon-location"></use>
2712
- </svg>
2713
- <div class="name">location</div>
2714
- <div class="code-name">#nut-icon-location</div>
2715
- </li>
2716
-
2717
- <li class="dib">
2718
- <svg class="icon svg-icon" aria-hidden="true">
2719
- <use xlink:href="#nut-icon-scan"></use>
2720
- </svg>
2721
- <div class="name">scan</div>
2722
- <div class="code-name">#nut-icon-scan</div>
2723
- </li>
2724
-
2725
- <li class="dib">
2726
- <svg class="icon svg-icon" aria-hidden="true">
2727
- <use xlink:href="#nut-icon-addfollow"></use>
2728
- </svg>
2729
- <div class="name">addfollow</div>
2730
- <div class="code-name">#nut-icon-addfollow</div>
2731
- </li>
2732
-
2733
- <li class="dib">
2734
- <svg class="icon svg-icon" aria-hidden="true">
2735
- <use xlink:href="#nut-icon-search"></use>
2736
- </svg>
2737
- <div class="name">search</div>
2738
- <div class="code-name">#nut-icon-search</div>
2739
- </li>
2740
-
2741
- <li class="dib">
2742
- <svg class="icon svg-icon" aria-hidden="true">
2743
- <use xlink:href="#nut-icon-share"></use>
2744
- </svg>
2745
- <div class="name">share</div>
2746
- <div class="code-name">#nut-icon-share</div>
2747
- </li>
2748
-
2749
- <li class="dib">
2750
- <svg class="icon svg-icon" aria-hidden="true">
2751
- <use xlink:href="#nut-icon-follow"></use>
2752
- </svg>
2753
- <div class="name">follow</div>
2754
- <div class="code-name">#nut-icon-follow</div>
2755
- </li>
2756
-
2757
- <li class="dib">
2758
- <svg class="icon svg-icon" aria-hidden="true">
2759
- <use xlink:href="#nut-icon-del"></use>
2760
- </svg>
2761
- <div class="name">del</div>
2762
- <div class="code-name">#nut-icon-del</div>
2763
- </li>
2764
-
2765
- <li class="dib">
2766
- <svg class="icon svg-icon" aria-hidden="true">
2767
- <use xlink:href="#nut-icon-edit"></use>
2768
- </svg>
2769
- <div class="name">edit</div>
2770
- <div class="code-name">#nut-icon-edit</div>
2771
- </li>
2772
-
2773
- <li class="dib">
2774
- <svg class="icon svg-icon" aria-hidden="true">
2775
- <use xlink:href="#nut-icon-cart"></use>
2776
- </svg>
2777
- <div class="name">cart</div>
2778
- <div class="code-name">#nut-icon-cart</div>
2779
- </li>
2780
-
2781
- <li class="dib">
2782
- <svg class="icon svg-icon" aria-hidden="true">
2783
- <use xlink:href="#nut-icon-home"></use>
2784
- </svg>
2785
- <div class="name">home</div>
2786
- <div class="code-name">#nut-icon-home</div>
2787
- </li>
2788
-
2789
- <li class="dib">
2790
- <svg class="icon svg-icon" aria-hidden="true">
2791
- <use xlink:href="#nut-icon-find"></use>
2792
- </svg>
2793
- <div class="name">find</div>
2794
- <div class="code-name">#nut-icon-find</div>
2795
- </li>
2796
-
2797
- <li class="dib">
2798
- <svg class="icon svg-icon" aria-hidden="true">
2799
- <use xlink:href="#nut-icon-category"></use>
2800
- </svg>
2801
- <div class="name">category</div>
2802
- <div class="code-name">#nut-icon-category</div>
2803
- </li>
2804
-
2805
- <li class="dib">
2806
- <svg class="icon svg-icon" aria-hidden="true">
2807
- <use xlink:href="#nut-icon-my"></use>
2808
- </svg>
2809
- <div class="name">my</div>
2810
- <div class="code-name">#nut-icon-my</div>
2811
- </li>
2812
-
2813
- <li class="dib">
2814
- <svg class="icon svg-icon" aria-hidden="true">
2815
- <use xlink:href="#nut-icon-footprint"></use>
2816
- </svg>
2817
- <div class="name">footprint</div>
2818
- <div class="code-name">#nut-icon-footprint</div>
2819
- </li>
2820
-
2821
- </ul>
2822
- <div class="article markdown">
2823
- <h2 id="symbol-">Symbol 引用</h2>
2824
- <hr>
2825
-
2826
- <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
2827
- 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
2828
- <ul>
2829
- <li>支持多色图标了，不再受单色限制。</li>
2830
- <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
2831
- <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
2832
- <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
2833
- </ul>
2834
- <p>使用步骤如下：</p>
2835
- <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
2836
- <pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
2837
- </code></pre>
2838
- <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
2839
- <pre><code class="language-html">&lt;style&gt;
2840
- .icon {
2841
- width: 1em;
2842
- height: 1em;
2843
- vertical-align: -0.15em;
2844
- fill: currentColor;
2845
- overflow: hidden;
2846
- }
2847
- &lt;/style&gt;
2848
- </code></pre>
2849
- <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
2850
- <pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
2851
- &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
2852
- &lt;/svg&gt;
2853
- </code></pre>
2854
- </div>
2855
- </div>
2856
-
2857
- </div>
2858
- </div>
2859
- <script>
2860
- $(document).ready(function () {
2861
- $('.tab-container .content:first').show()
2862
-
2863
- $('#tabs li').click(function (e) {
2864
- var tabContent = $('.tab-container .content')
2865
- var index = $(this).index()
2866
-
2867
- if ($(this).hasClass('active')) {
2868
- return
2869
- } else {
2870
- $('#tabs li').removeClass('active')
2871
- $(this).addClass('active')
2872
-
2873
- tabContent.hide().eq(index).fadeIn()
2874
- }
2875
- })
2876
- })
2877
- </script>
2878
- </body>
2879
- </html>