@nutui/nutui 3.1.21-beta.0 → 3.1.21-beta.3

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 (385) hide show
  1. package/dist/nutui.es.js +18294 -0
  2. package/dist/nutui.umd.js +18398 -0
  3. package/dist/packages/_es/ActionSheet.js +175 -0
  4. package/dist/packages/_es/Address.js +568 -0
  5. package/dist/packages/_es/AddressList.js +616 -0
  6. package/dist/packages/_es/Audio.js +290 -0
  7. package/dist/packages/_es/AudioOperate.js +126 -0
  8. package/dist/packages/_es/Avatar.js +183 -0
  9. package/dist/packages/_es/AvatarGroup.js +78 -0
  10. package/dist/packages/_es/BackTop.js +163 -0
  11. package/dist/packages/_es/Badge.js +91 -0
  12. package/dist/packages/_es/Barrage.js +119 -0
  13. package/dist/packages/_es/Button.js +134 -0
  14. package/dist/packages/_es/Calendar.js +243 -0
  15. package/dist/packages/_es/CalendarItem.js +11 -0
  16. package/dist/packages/_es/Card.js +112 -0
  17. package/dist/packages/_es/Cascader.js +546 -0
  18. package/dist/packages/_es/Category.js +63 -0
  19. package/dist/packages/_es/CategoryPane.js +116 -0
  20. package/dist/packages/_es/Cell.js +103 -0
  21. package/dist/packages/_es/CellGroup.js +49 -0
  22. package/dist/packages/_es/Checkbox.js +120 -0
  23. package/dist/packages/_es/CheckboxGroup.js +63 -0
  24. package/dist/packages/_es/CircleProgress.js +156 -0
  25. package/dist/packages/_es/Col.js +61 -0
  26. package/dist/packages/_es/Collapse.js +90 -0
  27. package/dist/packages/_es/CollapseItem.js +279 -0
  28. package/dist/packages/_es/Comment.js +440 -0
  29. package/dist/packages/_es/CountDown.js +264 -0
  30. package/dist/packages/_es/CountUp.js +568 -0
  31. package/dist/packages/_es/DatePicker.js +343 -0
  32. package/dist/packages/_es/Dialog.js +286 -0
  33. package/dist/packages/_es/Divider.js +50 -0
  34. package/dist/packages/_es/Drag.js +204 -0
  35. package/dist/packages/_es/Ecard.js +164 -0
  36. package/dist/packages/_es/Elevator.js +215 -0
  37. package/dist/packages/_es/Empty.js +76 -0
  38. package/dist/packages/_es/FixedNav.js +127 -0
  39. package/dist/packages/_es/Form.js +153 -0
  40. package/dist/packages/_es/FormItem.js +115 -0
  41. package/dist/packages/_es/Grid.js +13 -0
  42. package/dist/packages/_es/GridItem.js +150 -0
  43. package/dist/packages/_es/Icon.js +45 -0
  44. package/dist/packages/_es/ImagePreview.js +326 -0
  45. package/dist/packages/_es/Indicator.js +67 -0
  46. package/dist/packages/_es/InfiniteLoading.js +275 -0
  47. package/dist/packages/_es/Input.js +420 -0
  48. package/dist/packages/_es/InputNumber.js +165 -0
  49. package/dist/packages/_es/Layout.js +11 -0
  50. package/dist/packages/_es/List.js +128 -0
  51. package/dist/packages/_es/Menu.js +120 -0
  52. package/dist/packages/_es/MenuItem.js +169 -0
  53. package/dist/packages/_es/Navbar.js +100 -0
  54. package/dist/packages/_es/NoticeBar.js +404 -0
  55. package/dist/packages/_es/Notify.js +255 -0
  56. package/dist/packages/_es/NumberKeyboard.js +268 -0
  57. package/dist/packages/_es/OldPicker.js +485 -0
  58. package/dist/packages/_es/OverLay.js +119 -0
  59. package/dist/packages/_es/Pagination.js +165 -0
  60. package/dist/packages/_es/Picker.js +477 -0
  61. package/dist/packages/_es/Popover.js +208 -0
  62. package/dist/packages/_es/Popup.js +317 -0
  63. package/dist/packages/_es/Price.js +123 -0
  64. package/dist/packages/_es/Progress.js +151 -0
  65. package/dist/packages/_es/PullRefresh.js +364 -0
  66. package/dist/packages/_es/Radio.js +96 -0
  67. package/dist/packages/_es/RadioGroup.js +42 -0
  68. package/dist/packages/_es/Range.js +433 -0
  69. package/dist/packages/_es/Rate.js +144 -0
  70. package/dist/packages/_es/Row.js +69 -0
  71. package/dist/packages/_es/SearchBar.js +196 -0
  72. package/dist/packages/_es/ShortPassword.js +231 -0
  73. package/dist/packages/_es/SideNavBar.js +105 -0
  74. package/dist/packages/_es/SideNavBarItem.js +51 -0
  75. package/dist/packages/_es/Signature.js +185 -0
  76. package/dist/packages/_es/Skeleton.js +141 -0
  77. package/dist/packages/_es/Sku.js +517 -0
  78. package/dist/packages/_es/Step.js +138 -0
  79. package/dist/packages/_es/Steps.js +58 -0
  80. package/dist/packages/_es/Sticky.js +144 -0
  81. package/dist/packages/_es/SubSideNavBar.js +105 -0
  82. package/dist/packages/_es/Swipe.js +207 -0
  83. package/dist/packages/_es/Swiper.js +430 -0
  84. package/dist/packages/_es/SwiperItem.js +55 -0
  85. package/dist/packages/_es/Switch.js +121 -0
  86. package/dist/packages/_es/TabPane.js +40 -0
  87. package/dist/packages/_es/Tabbar.js +78 -0
  88. package/dist/packages/_es/TabbarItem.js +158 -0
  89. package/dist/packages/_es/Table.js +201 -0
  90. package/dist/packages/_es/Tabs.js +221 -0
  91. package/dist/packages/_es/Tag.js +102 -0
  92. package/dist/packages/_es/TextArea.js +166 -0
  93. package/dist/packages/_es/TimeDetail.js +103 -0
  94. package/dist/packages/_es/TimePannel.js +71 -0
  95. package/dist/packages/_es/TimeSelect.js +108 -0
  96. package/dist/packages/_es/Toast.js +335 -0
  97. package/dist/packages/_es/Uploader.js +494 -0
  98. package/dist/packages/_es/Video.js +357 -0
  99. package/dist/packages/_es/common.js +136 -0
  100. package/dist/packages/_es/component.js +102 -0
  101. package/dist/packages/_es/index.js +11 -0
  102. package/dist/packages/_es/index2.js +36 -0
  103. package/dist/packages/_es/index3.js +13 -0
  104. package/dist/packages/_es/index4.js +64 -0
  105. package/dist/packages/_es/index5.js +692 -0
  106. package/dist/packages/_es/plugin-vue_export-helper.js +13 -0
  107. package/dist/packages/_es/pxCheck.js +9 -0
  108. package/dist/packages/_es/raf.js +19 -0
  109. package/dist/packages/_es/style.css +111 -0
  110. package/dist/packages/actionsheet/index.scss +73 -0
  111. package/dist/packages/address/index.scss +155 -0
  112. package/dist/packages/addresslist/index.scss +144 -0
  113. package/dist/packages/audio/index.scss +66 -0
  114. package/dist/packages/audiooperate/index.scss +13 -0
  115. package/dist/packages/avatar/index.scss +53 -0
  116. package/dist/packages/avatargroup/index.scss +14 -0
  117. package/dist/packages/backtop/index.scss +20 -0
  118. package/dist/packages/badge/index.scss +33 -0
  119. package/dist/packages/barrage/index.scss +48 -0
  120. package/dist/packages/button/index.scss +169 -0
  121. package/dist/packages/calendar/index.scss +212 -0
  122. package/dist/packages/calendaritem/index.scss +0 -0
  123. package/dist/packages/card/index.scss +97 -0
  124. package/dist/packages/cascader/index.scss +81 -0
  125. package/dist/packages/category/index.scss +38 -0
  126. package/dist/packages/categorypane/index.scss +124 -0
  127. package/dist/packages/cell/index.scss +76 -0
  128. package/dist/packages/cellgroup/index.scss +38 -0
  129. package/dist/packages/checkbox/index.scss +31 -0
  130. package/dist/packages/checkboxgroup/index.scss +0 -0
  131. package/dist/packages/circleprogress/index.scss +24 -0
  132. package/dist/packages/col/index.scss +24 -0
  133. package/dist/packages/collapse/index.scss +0 -0
  134. package/dist/packages/collapseitem/index.scss +143 -0
  135. package/dist/packages/comment/index.scss +353 -0
  136. package/dist/packages/countdown/index.scss +5 -0
  137. package/dist/packages/countup/index.scss +67 -0
  138. package/dist/packages/datepicker/index.scss +2 -0
  139. package/dist/packages/dialog/index.scss +65 -0
  140. package/dist/packages/divider/index.scss +54 -0
  141. package/dist/packages/drag/index.scss +18 -0
  142. package/dist/packages/ecard/index.scss +83 -0
  143. package/dist/packages/elevator/index.scss +73 -0
  144. package/dist/packages/empty/index.scss +33 -0
  145. package/dist/packages/fixednav/index.scss +134 -0
  146. package/dist/packages/form/index.scss +2 -0
  147. package/dist/packages/formitem/index.scss +70 -0
  148. package/dist/packages/grid/index.scss +10 -0
  149. package/dist/packages/griditem/index.scss +92 -0
  150. package/dist/packages/icon/index.scss +131 -0
  151. package/dist/packages/imagepreview/index.scss +49 -0
  152. package/dist/packages/indicator/index.scss +48 -0
  153. package/dist/packages/infiniteloading/index.scss +47 -0
  154. package/dist/packages/input/index.scss +126 -0
  155. package/dist/packages/inputnumber/index.scss +38 -0
  156. package/dist/packages/layout/index.scss +0 -0
  157. package/dist/packages/list/index.scss +24 -0
  158. package/dist/packages/locale/index.d.ts +3 -0
  159. package/dist/packages/locale/index.scss +1 -0
  160. package/dist/packages/locale/lang/baseLang.js +8 -0
  161. package/dist/packages/locale/lang/en-US.js +96 -0
  162. package/dist/packages/locale/lang/index.js +48 -0
  163. package/dist/packages/locale/lang/index.scss +1 -0
  164. package/dist/packages/locale/lang/zh-CN.js +96 -0
  165. package/dist/packages/locale/lang/zh-TW.js +96 -0
  166. package/dist/packages/locale/locale/index.d.ts +8 -0
  167. package/dist/packages/locale/locale/lang/baseLang.d.ts +87 -0
  168. package/dist/packages/locale/locale/lang/en-US.d.ts +88 -0
  169. package/dist/packages/locale/locale/lang/zh-CN.d.ts +88 -0
  170. package/dist/packages/locale/locale/lang/zh-TW.d.ts +88 -0
  171. package/dist/packages/menu/index.scss +49 -0
  172. package/dist/packages/menuitem/index.scss +47 -0
  173. package/dist/packages/navbar/index.scss +124 -0
  174. package/dist/packages/noticebar/index.scss +114 -0
  175. package/dist/packages/notify/index.scss +62 -0
  176. package/dist/packages/numberkeyboard/index.scss +109 -0
  177. package/dist/packages/oldpicker/index.scss +131 -0
  178. package/dist/packages/overlay/index.scss +22 -0
  179. package/dist/packages/pagination/index.scss +50 -0
  180. package/dist/packages/picker/index.scss +128 -0
  181. package/dist/packages/popover/index.scss +133 -0
  182. package/dist/packages/popup/index.scss +132 -0
  183. package/dist/packages/price/index.scss +59 -0
  184. package/dist/packages/progress/index.scss +104 -0
  185. package/dist/packages/pullrefresh/index.scss +71 -0
  186. package/dist/packages/radio/index.scss +59 -0
  187. package/dist/packages/radiogroup/index.scss +22 -0
  188. package/dist/packages/range/index.scss +202 -0
  189. package/dist/packages/rate/index.scss +35 -0
  190. package/dist/packages/row/index.scss +54 -0
  191. package/dist/packages/searchbar/index.scss +98 -0
  192. package/dist/packages/shortpassword/index.scss +169 -0
  193. package/dist/packages/sidenavbar/index.scss +14 -0
  194. package/dist/packages/sidenavbaritem/index.scss +10 -0
  195. package/dist/packages/signature/index.scss +14 -0
  196. package/dist/packages/skeleton/index.scss +57 -0
  197. package/dist/packages/sku/index.scss +147 -0
  198. package/dist/packages/step/index.scss +190 -0
  199. package/dist/packages/steps/index.scss +7 -0
  200. package/dist/packages/sticky/index.scss +5 -0
  201. package/dist/packages/subsidenavbar/index.scss +41 -0
  202. package/dist/packages/swipe/index.scss +22 -0
  203. package/dist/packages/swiper/index.scss +45 -0
  204. package/dist/packages/swiperitem/index.scss +3 -0
  205. package/dist/packages/switch/index.scss +60 -0
  206. package/dist/packages/tabbar/index.scss +27 -0
  207. package/dist/packages/tabbaritem/index.scss +79 -0
  208. package/dist/packages/table/index.scss +81 -0
  209. package/dist/packages/tabpane/index.scss +12 -0
  210. package/dist/packages/tabs/index.scss +166 -0
  211. package/dist/packages/tag/index.scss +48 -0
  212. package/dist/packages/textarea/index.scss +40 -0
  213. package/dist/packages/timedetail/index.scss +38 -0
  214. package/dist/packages/timepannel/index.scss +16 -0
  215. package/dist/packages/timeselect/index.scss +37 -0
  216. package/dist/packages/toast/index.scss +98 -0
  217. package/dist/packages/uploader/index.scss +157 -0
  218. package/dist/packages/video/index.scss +205 -0
  219. package/dist/smartips/attributes.json +2546 -0
  220. package/dist/smartips/tags.json +956 -0
  221. package/dist/style.css +1 -0
  222. package/dist/style.es.js +2 -0
  223. package/dist/styles/animation/drop.scss +24 -0
  224. package/dist/styles/animation/ease.scss +23 -0
  225. package/dist/styles/animation/fade.scss +20 -0
  226. package/dist/styles/animation/icon.scss +245 -0
  227. package/dist/styles/animation/index.scss +7 -0
  228. package/dist/styles/animation/rotate.scss +10 -0
  229. package/dist/styles/animation/zoom.scss +26 -0
  230. package/dist/styles/font/config.json +167 -0
  231. package/dist/styles/font/demo.css +539 -0
  232. package/dist/styles/font/demo_index.html +2879 -0
  233. package/dist/styles/font/iconfont.css +483 -0
  234. package/dist/styles/font/iconfont.eot +0 -0
  235. package/dist/styles/font/iconfont.js +63 -0
  236. package/dist/styles/font/iconfont.json +828 -0
  237. package/dist/styles/font/iconfont.svg +356 -0
  238. package/dist/styles/font/iconfont.ttf +0 -0
  239. package/dist/styles/font/iconfont.woff +0 -0
  240. package/dist/styles/font/iconfont.woff2 +0 -0
  241. package/dist/styles/mixins/index.scss +2 -0
  242. package/dist/styles/mixins/make-animation.scss +24 -0
  243. package/dist/styles/mixins/text-ellipsis.scss +20 -0
  244. package/dist/styles/themes/default.scss +97 -0
  245. package/dist/styles/themes/jdb.scss +97 -0
  246. package/dist/styles/themes/jdt.scss +97 -0
  247. package/dist/styles/variables-jdb.scss +844 -0
  248. package/dist/styles/variables-jdt.scss +750 -0
  249. package/dist/styles/variables.scss +774 -0
  250. package/dist/types/__VUE/actionsheet/index.d.ts +280 -0
  251. package/dist/types/__VUE/address/index.d.ts +396 -0
  252. package/dist/types/__VUE/addresslist/components/GeneralShell.d.ts +35 -0
  253. package/dist/types/__VUE/addresslist/components/ItemContents.d.ts +42 -0
  254. package/dist/types/__VUE/addresslist/components/LongPressShell.d.ts +47 -0
  255. package/dist/types/__VUE/addresslist/components/SwipeShell.d.ts +37 -0
  256. package/dist/types/__VUE/addresslist/index.d.ts +81 -0
  257. package/dist/types/__VUE/audio/index.d.ts +92 -0
  258. package/dist/types/__VUE/audiooperate/index.d.ts +68 -0
  259. package/dist/types/__VUE/avatar/index.d.ts +110 -0
  260. package/dist/types/__VUE/avatargroup/index.d.ts +93 -0
  261. package/dist/types/__VUE/backtop/index.d.ts +105 -0
  262. package/dist/types/__VUE/badge/index.d.ts +94 -0
  263. package/dist/types/__VUE/barrage/index.d.ts +80 -0
  264. package/dist/types/__VUE/button/index.d.ts +116 -0
  265. package/dist/types/__VUE/calendar/index.d.ts +155 -0
  266. package/dist/types/__VUE/calendaritem/index.d.ts +195 -0
  267. package/dist/types/__VUE/card/index.d.ts +90 -0
  268. package/dist/types/__VUE/cascader/cascader-item.d.ts +76 -0
  269. package/dist/types/__VUE/cascader/helper.d.ts +8 -0
  270. package/dist/types/__VUE/cascader/index.d.ts +240 -0
  271. package/dist/types/__VUE/cascader/tree.d.ts +16 -0
  272. package/dist/types/__VUE/cascader/types.d.ts +30 -0
  273. package/dist/types/__VUE/category/index.d.ts +38 -0
  274. package/dist/types/__VUE/categorypane/index.d.ts +45 -0
  275. package/dist/types/__VUE/cell/index.d.ts +109 -0
  276. package/dist/types/__VUE/cellgroup/index.d.ts +38 -0
  277. package/dist/types/__VUE/checkbox/index.d.ts +102 -0
  278. package/dist/types/__VUE/checkboxgroup/index.d.ts +39 -0
  279. package/dist/types/__VUE/circleprogress/index.d.ts +94 -0
  280. package/dist/types/__VUE/col/index.d.ts +45 -0
  281. package/dist/types/__VUE/collapse/index.d.ts +104 -0
  282. package/dist/types/__VUE/collapseitem/index.d.ts +83 -0
  283. package/dist/types/__VUE/comment/components/CmtBottom.d.ts +52 -0
  284. package/dist/types/__VUE/comment/components/CmtHeader.d.ts +47 -0
  285. package/dist/types/__VUE/comment/components/CmtImages.d.ts +51 -0
  286. package/dist/types/__VUE/comment/index.d.ts +110 -0
  287. package/dist/types/__VUE/countdown/index.d.ts +105 -0
  288. package/dist/types/__VUE/countdown/util.d.ts +6 -0
  289. package/dist/types/__VUE/countup/index.d.ts +216 -0
  290. package/dist/types/__VUE/datepicker/index.d.ts +356 -0
  291. package/dist/types/__VUE/datepicker/utils.d.ts +5 -0
  292. package/dist/types/__VUE/dialog/index.d.ts +306 -0
  293. package/dist/types/__VUE/divider/index.d.ts +47 -0
  294. package/dist/types/__VUE/drag/index.d.ts +61 -0
  295. package/dist/types/__VUE/ecard/index.d.ts +124 -0
  296. package/dist/types/__VUE/elevator/index.d.ts +71 -0
  297. package/dist/types/__VUE/empty/index.d.ts +47 -0
  298. package/dist/types/__VUE/fixednav/index.d.ts +96 -0
  299. package/dist/types/__VUE/form/common.d.ts +20 -0
  300. package/dist/types/__VUE/form/index.d.ts +32 -0
  301. package/dist/types/__VUE/form/types.d.ts +13 -0
  302. package/dist/types/__VUE/formitem/index.d.ts +120 -0
  303. package/dist/types/__VUE/formitem/types.d.ts +10 -0
  304. package/dist/types/__VUE/grid/common.d.ts +91 -0
  305. package/dist/types/__VUE/grid/index.d.ts +100 -0
  306. package/dist/types/__VUE/griditem/index.d.ts +80 -0
  307. package/dist/types/__VUE/icon/index.d.ts +74 -0
  308. package/dist/types/__VUE/imagepreview/index.d.ts +125 -0
  309. package/dist/types/__VUE/indicator/index.d.ts +70 -0
  310. package/dist/types/__VUE/infiniteloading/index.d.ts +144 -0
  311. package/dist/types/__VUE/input/index.d.ts +337 -0
  312. package/dist/types/__VUE/input/util.d.ts +5 -0
  313. package/dist/types/__VUE/inputnumber/index.d.ts +117 -0
  314. package/dist/types/__VUE/layout/index.d.ts +13 -0
  315. package/dist/types/__VUE/list/index.d.ts +56 -0
  316. package/dist/types/__VUE/menu/index.d.ts +51 -0
  317. package/dist/types/__VUE/menuitem/index.d.ts +77 -0
  318. package/dist/types/__VUE/navbar/index.d.ts +83 -0
  319. package/dist/types/__VUE/noticebar/index.d.ts +209 -0
  320. package/dist/types/__VUE/notify/index.d.ts +113 -0
  321. package/dist/types/__VUE/numberkeyboard/index.d.ts +124 -0
  322. package/dist/types/__VUE/oldpicker/Column.d.ts +96 -0
  323. package/dist/types/__VUE/oldpicker/commonProps.d.ts +22 -0
  324. package/dist/types/__VUE/oldpicker/index.d.ts +369 -0
  325. package/dist/types/__VUE/oldpicker/types.d.ts +24 -0
  326. package/dist/types/__VUE/overlay/index.d.ts +1614 -0
  327. package/dist/types/__VUE/pagination/index.d.ts +112 -0
  328. package/dist/types/__VUE/picker/Column.d.ts +90 -0
  329. package/dist/types/__VUE/picker/index.d.ts +352 -0
  330. package/dist/types/__VUE/picker/types.d.ts +26 -0
  331. package/dist/types/__VUE/popover/index.d.ts +242 -0
  332. package/dist/types/__VUE/popup/index.d.ts +1743 -0
  333. package/dist/types/__VUE/popup/use-lock-scroll.d.ts +5 -0
  334. package/dist/types/__VUE/price/index.d.ts +87 -0
  335. package/dist/types/__VUE/progress/index.d.ts +138 -0
  336. package/dist/types/__VUE/pullrefresh/index.d.ts +128 -0
  337. package/dist/types/__VUE/pullrefresh/use-touch.d.ts +20 -0
  338. package/dist/types/__VUE/pullrefresh/util.d.ts +6 -0
  339. package/dist/types/__VUE/radio/index.d.ts +90 -0
  340. package/dist/types/__VUE/radiogroup/index.d.ts +48 -0
  341. package/dist/types/__VUE/range/index.d.ts +156 -0
  342. package/dist/types/__VUE/rate/index.d.ts +142 -0
  343. package/dist/types/__VUE/row/index.d.ts +66 -0
  344. package/dist/types/__VUE/searchbar/index.d.ts +100 -0
  345. package/dist/types/__VUE/shortpassword/index.d.ts +137 -0
  346. package/dist/types/__VUE/sidenavbar/index.d.ts +36 -0
  347. package/dist/types/__VUE/sidenavbaritem/index.d.ts +41 -0
  348. package/dist/types/__VUE/signature/index.d.ts +74 -0
  349. package/dist/types/__VUE/skeleton/common.d.ts +63 -0
  350. package/dist/types/__VUE/skeleton/index.d.ts +117 -0
  351. package/dist/types/__VUE/sku/components/SkuHeader.d.ts +28 -0
  352. package/dist/types/__VUE/sku/components/SkuOperate.d.ts +70 -0
  353. package/dist/types/__VUE/sku/components/SkuSelect.d.ts +30 -0
  354. package/dist/types/__VUE/sku/components/SkuStepper.d.ts +67 -0
  355. package/dist/types/__VUE/sku/index.d.ts +310 -0
  356. package/dist/types/__VUE/step/index.d.ts +70 -0
  357. package/dist/types/__VUE/steps/index.d.ts +47 -0
  358. package/dist/types/__VUE/sticky/index.d.ts +63 -0
  359. package/dist/types/__VUE/subsidenavbar/index.d.ts +54 -0
  360. package/dist/types/__VUE/swipe/index.d.ts +69 -0
  361. package/dist/types/__VUE/swiper/index.d.ts +163 -0
  362. package/dist/types/__VUE/swiper/use-touch.d.ts +20 -0
  363. package/dist/types/__VUE/swiperitem/index.d.ts +18 -0
  364. package/dist/types/__VUE/switch/index.d.ts +136 -0
  365. package/dist/types/__VUE/tabbar/index.d.ts +84 -0
  366. package/dist/types/__VUE/tabbaritem/index.d.ts +108 -0
  367. package/dist/types/__VUE/table/common.d.ts +56 -0
  368. package/dist/types/__VUE/table/index.d.ts +76 -0
  369. package/dist/types/__VUE/table/renderColumn.d.ts +15 -0
  370. package/dist/types/__VUE/table/types.d.ts +19 -0
  371. package/dist/types/__VUE/tabpane/index.d.ts +47 -0
  372. package/dist/types/__VUE/tabs/common.d.ts +78 -0
  373. package/dist/types/__VUE/tabs/index.d.ts +126 -0
  374. package/dist/types/__VUE/tag/index.d.ts +89 -0
  375. package/dist/types/__VUE/textarea/index.d.ts +121 -0
  376. package/dist/types/__VUE/timedetail/index.d.ts +48 -0
  377. package/dist/types/__VUE/timepannel/index.d.ts +43 -0
  378. package/dist/types/__VUE/timeselect/index.d.ts +83 -0
  379. package/dist/types/__VUE/toast/index.d.ts +149 -0
  380. package/dist/types/__VUE/uploader/index.d.ts +258 -0
  381. package/dist/types/__VUE/uploader/uploader.d.ts +25 -0
  382. package/dist/types/__VUE/video/index.d.ts +123 -0
  383. package/dist/types/index.d.ts +3 -0
  384. package/dist/types/nutui.d.ts +99 -0
  385. package/package.json +1 -1
package/dist/styles/font/demo_index.html ADDED
@@ -0,0 +1,2879 @@
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>