icon.html 36 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>{block name="title"}{$title|default=''}{if !empty($title)} · {/if}{:sysconf('site_name')}{/block}</title>
  6. <meta name="renderer" content="webkit">
  7. <meta name="format-detection" content="telephone=no">
  8. <meta name="apple-mobile-web-app-capable" content="yes">
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  11. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
  12. <link rel="stylesheet" href="__ROOT__/static/theme/css/iconfont.css?at={:date('md')}">
  13. <link rel="stylesheet" href="__ROOT__/static/plugs/layui/css/layui.css?v={:date('ymd')}">
  14. <style> ::-webkit-input-placeholder {
  15. color: #aaa
  16. }
  17. ::-webkit-scrollbar {
  18. width: 3px;
  19. height: 3px
  20. }
  21. ::-webkit-scrollbar-track {
  22. background: #ccc
  23. }
  24. ::-webkit-scrollbar-thumb {
  25. background-color: #666
  26. }
  27. ::selection {
  28. background-color: #ec494e;
  29. color: #fff
  30. }
  31. ::-moz-selection {
  32. background-color: #ec494e;
  33. color: #fff
  34. }
  35. :-webkit-autofill {
  36. -webkit-box-shadow: 0 0 0 1000px white inset;
  37. -webkit-text-fill-color: #333
  38. }
  39. ul li {
  40. width: 20%;
  41. height: 65px;
  42. display: block;
  43. float: left;
  44. margin-right: -1px;
  45. margin-left: -2px;
  46. margin-bottom: -2px;
  47. cursor: pointer;
  48. font-size: 14px;
  49. overflow: hidden;
  50. text-align: center;
  51. padding: 15px 0 10px 0;
  52. border: 1px solid #e2e2e2;
  53. background-color: #efefef;
  54. user-select: none;
  55. -ms-user-select: none;
  56. -moz-user-select: none;
  57. -webkit-user-select: none;
  58. transition: all .2s linear;
  59. -o-transition: all .2s linear;
  60. -moz-transition: all .2s linear;
  61. -webkit-transition: all .2s linear
  62. }
  63. ul li:hover {
  64. color: #fff;
  65. background-color: #563d7c
  66. }
  67. ul li:hover i, ul li:hover div {
  68. color: #fff;
  69. }
  70. ul li i {
  71. color: #333;
  72. display: inline-block;
  73. font-size: 30px !important
  74. }
  75. ul li div {
  76. color: #333;
  77. height: 35px;
  78. font-size: 13px;
  79. line-height: 35px;
  80. white-space: nowrap
  81. } </style>
  82. </head>
  83. <body>
  84. <ul>
  85. <li>
  86. <i class="layui-icon layui-icon-heart-fill"></i>
  87. <div class="icon-title">layui-icon-heart-fill</div>
  88. </li>
  89. <li>
  90. <i class="layui-icon layui-icon-heart"></i>
  91. <div class="icon-title">layui-icon-heart</div>
  92. </li>
  93. <li>
  94. <i class="layui-icon layui-icon-light"></i>
  95. <div class="icon-title">layui-icon-light</div>
  96. </li>
  97. <li>
  98. <i class="layui-icon layui-icon-time"></i>
  99. <div class="icon-title">layui-icon-time</div>
  100. </li>
  101. <li>
  102. <i class="layui-icon layui-icon-bluetooth"></i>
  103. <div class="icon-title">layui-icon-bluetooth</div>
  104. </li>
  105. <li>
  106. <i class="layui-icon layui-icon-at"></i>
  107. <div class="icon-title">layui-icon-at</div>
  108. </li>
  109. <li>
  110. <i class="layui-icon layui-icon-mute"></i>
  111. <div class="icon-title">layui-icon-mute</div>
  112. </li>
  113. <li>
  114. <i class="layui-icon layui-icon-mike"></i>
  115. <div class="icon-title">layui-icon-mike</div>
  116. </li>
  117. <li>
  118. <i class="layui-icon layui-icon-key"></i>
  119. <div class="icon-title">layui-icon-key</div>
  120. </li>
  121. <li>
  122. <i class="layui-icon layui-icon-gift"></i>
  123. <div class="icon-title">layui-icon-gift</div>
  124. </li>
  125. <li>
  126. <i class="layui-icon layui-icon-email"></i>
  127. <div class="icon-title">layui-icon-email</div>
  128. </li>
  129. <li>
  130. <i class="layui-icon layui-icon-rss"></i>
  131. <div class="icon-title">layui-icon-rss</div>
  132. </li>
  133. <li>
  134. <i class="layui-icon layui-icon-wifi"></i>
  135. <div class="icon-title">layui-icon-wifi</div>
  136. </li>
  137. <li>
  138. <i class="layui-icon layui-icon-logout"></i>
  139. <div class="icon-title">layui-icon-logout</div>
  140. </li>
  141. <li>
  142. <i class="layui-icon layui-icon-android"></i>
  143. <div class="icon-title">layui-icon-android</div>
  144. </li>
  145. <li>
  146. <i class="layui-icon layui-icon-ios"></i>
  147. <div class="icon-title">layui-icon-ios</div>
  148. </li>
  149. <li>
  150. <i class="layui-icon layui-icon-windows"></i>
  151. <div class="icon-title">layui-icon-windows</div>
  152. </li>
  153. <li>
  154. <i class="layui-icon layui-icon-transfer"></i>
  155. <div class="icon-title">layui-icon-transfer</div>
  156. </li>
  157. <li>
  158. <i class="layui-icon layui-icon-service"></i>
  159. <div class="icon-title">layui-icon-service</div>
  160. </li>
  161. <li>
  162. <i class="layui-icon layui-icon-subtraction"></i>
  163. <div class="icon-title">layui-icon-subtraction</div>
  164. </li>
  165. <li>
  166. <i class="layui-icon layui-icon-addition"></i>
  167. <div class="icon-title">layui-icon-addition</div>
  168. </li>
  169. <li>
  170. <i class="layui-icon layui-icon-slider"></i>
  171. <div class="icon-title">layui-icon-slider</div>
  172. </li>
  173. <li>
  174. <i class="layui-icon layui-icon-print"></i>
  175. <div class="icon-title">layui-icon-print</div>
  176. </li>
  177. <li>
  178. <i class="layui-icon layui-icon-export"></i>
  179. <div class="icon-title">layui-icon-export</div>
  180. </li>
  181. <li>
  182. <i class="layui-icon layui-icon-cols"></i>
  183. <div class="icon-title">layui-icon-cols</div>
  184. </li>
  185. <li>
  186. <i class="layui-icon layui-icon-screen-restore"></i>
  187. <div class="icon-title">layui-icon-screen-restore</div>
  188. </li>
  189. <li>
  190. <i class="layui-icon layui-icon-screen-full"></i>
  191. <div class="icon-title">layui-icon-screen-full</div>
  192. </li>
  193. <li>
  194. <i class="layui-icon layui-icon-rate-half"></i>
  195. <div class="icon-title">layui-icon-rate-half</div>
  196. </li>
  197. <li>
  198. <i class="layui-icon layui-icon-rate"></i>
  199. <div class="icon-title">layui-icon-rate</div>
  200. </li>
  201. <li>
  202. <i class="layui-icon layui-icon-rate-solid"></i>
  203. <div class="icon-title">layui-icon-rate-solid</div>
  204. </li>
  205. <li>
  206. <i class="layui-icon layui-icon-cellphone"></i>
  207. <div class="icon-title">layui-icon-cellphone</div>
  208. </li>
  209. <li>
  210. <i class="layui-icon layui-icon-vercode"></i>
  211. <div class="icon-title">layui-icon-vercode</div>
  212. </li>
  213. <li>
  214. <i class="layui-icon layui-icon-login-wechat"></i>
  215. <div class="icon-title">layui-icon-login-wechat</div>
  216. </li>
  217. <li>
  218. <i class="layui-icon layui-icon-login-qq"></i>
  219. <div class="icon-title">layui-icon-login-qq</div>
  220. </li>
  221. <li>
  222. <i class="layui-icon layui-icon-login-weibo"></i>
  223. <div class="icon-title">layui-icon-login-weibo</div>
  224. </li>
  225. <li>
  226. <i class="layui-icon layui-icon-password"></i>
  227. <div class="icon-title">layui-icon-password</div>
  228. </li>
  229. <li>
  230. <i class="layui-icon layui-icon-username"></i>
  231. <div class="icon-title">layui-icon-username</div>
  232. </li>
  233. <li>
  234. <i class="layui-icon layui-icon-refresh-3"></i>
  235. <div class="icon-title">layui-icon-refresh-3</div>
  236. </li>
  237. <li>
  238. <i class="layui-icon layui-icon-auz"></i>
  239. <div class="icon-title">layui-icon-auz</div>
  240. </li>
  241. <li>
  242. <i class="layui-icon layui-icon-spread-left"></i>
  243. <div class="icon-title">layui-icon-spread-left</div>
  244. </li>
  245. <li>
  246. <i class="layui-icon layui-icon-shrink-right"></i>
  247. <div class="icon-title">layui-icon-shrink-right</div>
  248. </li>
  249. <li>
  250. <i class="layui-icon layui-icon-snowflake"></i>
  251. <div class="icon-title">layui-icon-snowflake</div>
  252. </li>
  253. <li>
  254. <i class="layui-icon layui-icon-tips"></i>
  255. <div class="icon-title">layui-icon-tips</div>
  256. </li>
  257. <li>
  258. <i class="layui-icon layui-icon-note"></i>
  259. <div class="icon-title">layui-icon-note</div>
  260. </li>
  261. <li>
  262. <i class="layui-icon layui-icon-home"></i>
  263. <div class="icon-title">layui-icon-home</div>
  264. </li>
  265. <li>
  266. <i class="layui-icon layui-icon-senior"></i>
  267. <div class="icon-title">layui-icon-senior</div>
  268. </li>
  269. <li>
  270. <i class="layui-icon layui-icon-refresh"></i>
  271. <div class="icon-title">layui-icon-refresh</div>
  272. </li>
  273. <li>
  274. <i class="layui-icon layui-icon-refresh-1"></i>
  275. <div class="icon-title">layui-icon-refresh-1</div>
  276. </li>
  277. <li>
  278. <i class="layui-icon layui-icon-flag"></i>
  279. <div class="icon-title">layui-icon-flag</div>
  280. </li>
  281. <li>
  282. <i class="layui-icon layui-icon-theme"></i>
  283. <div class="icon-title">layui-icon-theme</div>
  284. </li>
  285. <li>
  286. <i class="layui-icon layui-icon-notice"></i>
  287. <div class="icon-title">layui-icon-notice</div>
  288. </li>
  289. <li>
  290. <i class="layui-icon layui-icon-website"></i>
  291. <div class="icon-title">layui-icon-website</div>
  292. </li>
  293. <li>
  294. <i class="layui-icon layui-icon-console"></i>
  295. <div class="icon-title">layui-icon-console</div>
  296. </li>
  297. <li>
  298. <i class="layui-icon layui-icon-face-surprised"></i>
  299. <div class="icon-title">layui-icon-face-surprised</div>
  300. </li>
  301. <li>
  302. <i class="layui-icon layui-icon-set"></i>
  303. <div class="icon-title">layui-icon-set</div>
  304. </li>
  305. <li>
  306. <i class="layui-icon layui-icon-template-1"></i>
  307. <div class="icon-title">layui-icon-template-1</div>
  308. </li>
  309. <li>
  310. <i class="layui-icon layui-icon-app"></i>
  311. <div class="icon-title">layui-icon-app</div>
  312. </li>
  313. <li>
  314. <i class="layui-icon layui-icon-template"></i>
  315. <div class="icon-title">layui-icon-template</div>
  316. </li>
  317. <li>
  318. <i class="layui-icon layui-icon-praise"></i>
  319. <div class="icon-title">layui-icon-praise</div>
  320. </li>
  321. <li>
  322. <i class="layui-icon layui-icon-tread"></i>
  323. <div class="icon-title">layui-icon-tread</div>
  324. </li>
  325. <li>
  326. <i class="layui-icon layui-icon-male"></i>
  327. <div class="icon-title">layui-icon-male</div>
  328. </li>
  329. <li>
  330. <i class="layui-icon layui-icon-female"></i>
  331. <div class="icon-title">layui-icon-female</div>
  332. </li>
  333. <li>
  334. <i class="layui-icon layui-icon-camera"></i>
  335. <div class="icon-title">layui-icon-camera</div>
  336. </li>
  337. <li>
  338. <i class="layui-icon layui-icon-camera-fill"></i>
  339. <div class="icon-title">layui-icon-camera-fill</div>
  340. </li>
  341. <li>
  342. <i class="layui-icon layui-icon-more"></i>
  343. <div class="icon-title">layui-icon-more</div>
  344. </li>
  345. <li>
  346. <i class="layui-icon layui-icon-more-vertical"></i>
  347. <div class="icon-title">layui-icon-more-vertical</div>
  348. </li>
  349. <li>
  350. <i class="layui-icon layui-icon-rmb"></i>
  351. <div class="icon-title">layui-icon-rmb</div>
  352. </li>
  353. <li>
  354. <i class="layui-icon layui-icon-dollar"></i>
  355. <div class="icon-title">layui-icon-dollar</div>
  356. </li>
  357. <li>
  358. <i class="layui-icon layui-icon-diamond"></i>
  359. <div class="icon-title">layui-icon-diamond</div>
  360. </li>
  361. <li>
  362. <i class="layui-icon layui-icon-fire"></i>
  363. <div class="icon-title">layui-icon-fire</div>
  364. </li>
  365. <li>
  366. <i class="layui-icon layui-icon-return"></i>
  367. <div class="icon-title">layui-icon-return</div>
  368. </li>
  369. <li>
  370. <i class="layui-icon layui-icon-location"></i>
  371. <div class="icon-title">layui-icon-location</div>
  372. </li>
  373. <li>
  374. <i class="layui-icon layui-icon-read"></i>
  375. <div class="icon-title">layui-icon-read</div>
  376. </li>
  377. <li>
  378. <i class="layui-icon layui-icon-survey"></i>
  379. <div class="icon-title">layui-icon-survey</div>
  380. </li>
  381. <li>
  382. <i class="layui-icon layui-icon-face-smile"></i>
  383. <div class="icon-title">layui-icon-face-smile</div>
  384. </li>
  385. <li>
  386. <i class="layui-icon layui-icon-face-cry"></i>
  387. <div class="icon-title">layui-icon-face-cry</div>
  388. </li>
  389. <li>
  390. <i class="layui-icon layui-icon-cart-simple"></i>
  391. <div class="icon-title">layui-icon-cart-simple</div>
  392. </li>
  393. <li>
  394. <i class="layui-icon layui-icon-cart"></i>
  395. <div class="icon-title">layui-icon-cart</div>
  396. </li>
  397. <li>
  398. <i class="layui-icon layui-icon-next"></i>
  399. <div class="icon-title">layui-icon-next</div>
  400. </li>
  401. <li>
  402. <i class="layui-icon layui-icon-prev"></i>
  403. <div class="icon-title">layui-icon-prev</div>
  404. </li>
  405. <li>
  406. <i class="layui-icon layui-icon-upload-drag"></i>
  407. <div class="icon-title">layui-icon-upload-drag</div>
  408. </li>
  409. <li>
  410. <i class="layui-icon layui-icon-upload"></i>
  411. <div class="icon-title">layui-icon-upload</div>
  412. </li>
  413. <li>
  414. <i class="layui-icon layui-icon-download-circle"></i>
  415. <div class="icon-title">layui-icon-download-circle</div>
  416. </li>
  417. <li>
  418. <i class="layui-icon layui-icon-component"></i>
  419. <div class="icon-title">layui-icon-component</div>
  420. </li>
  421. <li>
  422. <i class="layui-icon layui-icon-file-b"></i>
  423. <div class="icon-title">layui-icon-file-b</div>
  424. </li>
  425. <li>
  426. <i class="layui-icon layui-icon-user"></i>
  427. <div class="icon-title">layui-icon-user</div>
  428. </li>
  429. <li>
  430. <i class="layui-icon layui-icon-find-fill"></i>
  431. <div class="icon-title">layui-icon-find-fill</div>
  432. </li>
  433. <li>
  434. <i class="layui-icon layui-icon-loading layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i>
  435. <div class="icon-title">layui-icon-loading</div>
  436. </li>
  437. <li>
  438. <i class="layui-icon layui-icon-loading-1 layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i>
  439. <div class="icon-title">layui-icon-loading-1</div>
  440. </li>
  441. <li>
  442. <i class="layui-icon layui-icon-add-1"></i>
  443. <div class="icon-title">layui-icon-add-1</div>
  444. </li>
  445. <li>
  446. <i class="layui-icon layui-icon-play"></i>
  447. <div class="icon-title">layui-icon-play</div>
  448. </li>
  449. <li>
  450. <i class="layui-icon layui-icon-pause"></i>
  451. <div class="icon-title">layui-icon-pause</div>
  452. </li>
  453. <li>
  454. <i class="layui-icon layui-icon-headset"></i>
  455. <div class="icon-title">layui-icon-headset</div>
  456. </li>
  457. <li>
  458. <i class="layui-icon layui-icon-video"></i>
  459. <div class="icon-title">layui-icon-video</div>
  460. </li>
  461. <li>
  462. <i class="layui-icon layui-icon-voice"></i>
  463. <div class="icon-title">layui-icon-voice</div>
  464. </li>
  465. <li>
  466. <i class="layui-icon layui-icon-speaker"></i>
  467. <div class="icon-title">layui-icon-speaker</div>
  468. </li>
  469. <li>
  470. <i class="layui-icon layui-icon-fonts-del"></i>
  471. <div class="icon-title">layui-icon-fonts-del</div>
  472. </li>
  473. <li>
  474. <i class="layui-icon layui-icon-fonts-code"></i>
  475. <div class="icon-title">layui-icon-fonts-code</div>
  476. </li>
  477. <li>
  478. <i class="layui-icon layui-icon-fonts-html"></i>
  479. <div class="icon-title">layui-icon-fonts-html</div>
  480. </li>
  481. <li>
  482. <i class="layui-icon layui-icon-fonts-strong"></i>
  483. <div class="icon-title">layui-icon-fonts-strong</div>
  484. </li>
  485. <li>
  486. <i class="layui-icon layui-icon-unlink"></i>
  487. <div class="icon-title">layui-icon-unlink</div>
  488. </li>
  489. <li>
  490. <i class="layui-icon layui-icon-picture"></i>
  491. <div class="icon-title">layui-icon-picture</div>
  492. </li>
  493. <li>
  494. <i class="layui-icon layui-icon-link"></i>
  495. <div class="icon-title">layui-icon-link</div>
  496. </li>
  497. <li>
  498. <i class="layui-icon layui-icon-face-smile-b"></i>
  499. <div class="icon-title">layui-icon-face-smile-b</div>
  500. </li>
  501. <li>
  502. <i class="layui-icon layui-icon-align-left"></i>
  503. <div class="icon-title">layui-icon-align-left</div>
  504. </li>
  505. <li>
  506. <i class="layui-icon layui-icon-align-right"></i>
  507. <div class="icon-title">layui-icon-align-right</div>
  508. </li>
  509. <li>
  510. <i class="layui-icon layui-icon-align-center"></i>
  511. <div class="icon-title">layui-icon-align-center</div>
  512. </li>
  513. <li>
  514. <i class="layui-icon layui-icon-fonts-u"></i>
  515. <div class="icon-title">layui-icon-fonts-u</div>
  516. </li>
  517. <li>
  518. <i class="layui-icon layui-icon-fonts-i"></i>
  519. <div class="icon-title">layui-icon-fonts-i</div>
  520. </li>
  521. <li>
  522. <i class="layui-icon layui-icon-tabs"></i>
  523. <div class="icon-title">layui-icon-tabs</div>
  524. </li>
  525. <li>
  526. <i class="layui-icon layui-icon-radio"></i>
  527. <div class="icon-title">layui-icon-radio</div>
  528. </li>
  529. <li>
  530. <i class="layui-icon layui-icon-circle"></i>
  531. <div class="icon-title">layui-icon-circle</div>
  532. </li>
  533. <li>
  534. <i class="layui-icon layui-icon-edit"></i>
  535. <div class="icon-title">layui-icon-edit</div>
  536. </li>
  537. <li>
  538. <i class="layui-icon layui-icon-share"></i>
  539. <div class="icon-title">layui-icon-share</div>
  540. </li>
  541. <li>
  542. <i class="layui-icon layui-icon-delete"></i>
  543. <div class="icon-title">layui-icon-delete</div>
  544. </li>
  545. <li>
  546. <i class="layui-icon layui-icon-form"></i>
  547. <div class="icon-title">layui-icon-form</div>
  548. </li>
  549. <li>
  550. <i class="layui-icon layui-icon-cellphone-fine"></i>
  551. <div class="icon-title">layui-icon-cellphone-fine</div>
  552. </li>
  553. <li>
  554. <i class="layui-icon layui-icon-dialogue"></i>
  555. <div class="icon-title">layui-icon-dialogue</div>
  556. </li>
  557. <li>
  558. <i class="layui-icon layui-icon-fonts-clear"></i>
  559. <div class="icon-title">layui-icon-fonts-clear</div>
  560. </li>
  561. <li>
  562. <i class="layui-icon layui-icon-layer"></i>
  563. <div class="icon-title">layui-icon-layer</div>
  564. </li>
  565. <li>
  566. <i class="layui-icon layui-icon-date"></i>
  567. <div class="icon-title">layui-icon-date</div>
  568. </li>
  569. <li>
  570. <i class="layui-icon layui-icon-water"></i>
  571. <div class="icon-title">layui-icon-water</div>
  572. </li>
  573. <li>
  574. <i class="layui-icon layui-icon-code-circle"></i>
  575. <div class="icon-title">layui-icon-code-circle</div>
  576. </li>
  577. <li>
  578. <i class="layui-icon layui-icon-carousel"></i>
  579. <div class="icon-title">layui-icon-carousel</div>
  580. </li>
  581. <li>
  582. <i class="layui-icon layui-icon-prev-circle"></i>
  583. <div class="icon-title">layui-icon-prev-circle</div>
  584. </li>
  585. <li>
  586. <i class="layui-icon layui-icon-layouts"></i>
  587. <div class="icon-title">layui-icon-layouts</div>
  588. </li>
  589. <li>
  590. <i class="layui-icon layui-icon-util"></i>
  591. <div class="icon-title">layui-icon-util</div>
  592. </li>
  593. <li>
  594. <i class="layui-icon layui-icon-templeate-1"></i>
  595. <div class="icon-title">layui-icon-templeate-1</div>
  596. </li>
  597. <li>
  598. <i class="layui-icon layui-icon-upload-circle"></i>
  599. <div class="icon-title">layui-icon-upload-circle</div>
  600. </li>
  601. <li>
  602. <i class="layui-icon layui-icon-tree"></i>
  603. <div class="icon-title">layui-icon-tree</div>
  604. </li>
  605. <li>
  606. <i class="layui-icon layui-icon-table"></i>
  607. <div class="icon-title">layui-icon-table</div>
  608. </li>
  609. <li>
  610. <i class="layui-icon layui-icon-chart"></i>
  611. <div class="icon-title">layui-icon-chart</div>
  612. </li>
  613. <li>
  614. <i class="layui-icon layui-icon-chart-screen"></i>
  615. <div class="icon-title">layui-icon-chart-screen</div>
  616. </li>
  617. <li>
  618. <i class="layui-icon layui-icon-engine"></i>
  619. <div class="icon-title">layui-icon-engine</div>
  620. </li>
  621. <li>
  622. <i class="layui-icon layui-icon-triangle-d"></i>
  623. <div class="icon-title">layui-icon-triangle-d</div>
  624. </li>
  625. <li>
  626. <i class="layui-icon layui-icon-triangle-r"></i>
  627. <div class="icon-title">layui-icon-triangle-r</div>
  628. </li>
  629. <li>
  630. <i class="layui-icon layui-icon-file"></i>
  631. <div class="icon-title">layui-icon-file</div>
  632. </li>
  633. <li>
  634. <i class="layui-icon layui-icon-set-sm"></i>
  635. <div class="icon-title">layui-icon-set-sm</div>
  636. </li>
  637. <li>
  638. <i class="layui-icon layui-icon-reduce-circle"></i>
  639. <div class="icon-title">layui-icon-reduce-circle</div>
  640. </li>
  641. <li>
  642. <i class="layui-icon layui-icon-add-circle"></i>
  643. <div class="icon-title">layui-icon-add-circle</div>
  644. </li>
  645. <li>
  646. <i class="layui-icon layui-icon-404"></i>
  647. <div class="icon-title">layui-icon-404</div>
  648. </li>
  649. <li>
  650. <i class="layui-icon layui-icon-about"></i>
  651. <div class="icon-title">layui-icon-about</div>
  652. </li>
  653. <li>
  654. <i class="layui-icon layui-icon-up"></i>
  655. <div class="icon-title">layui-icon-up</div>
  656. </li>
  657. <li>
  658. <i class="layui-icon layui-icon-down"></i>
  659. <div class="icon-title">layui-icon-down</div>
  660. </li>
  661. <li>
  662. <i class="layui-icon layui-icon-left"></i>
  663. <div class="icon-title">layui-icon-left</div>
  664. </li>
  665. <li>
  666. <i class="layui-icon layui-icon-right"></i>
  667. <div class="icon-title">layui-icon-right</div>
  668. </li>
  669. <li>
  670. <i class="layui-icon layui-icon-circle-dot"></i>
  671. <div class="icon-title">layui-icon-circle-dot</div>
  672. </li>
  673. <li>
  674. <i class="layui-icon layui-icon-search"></i>
  675. <div class="icon-title">layui-icon-search</div>
  676. </li>
  677. <li>
  678. <i class="layui-icon layui-icon-set-fill"></i>
  679. <div class="icon-title">layui-icon-set-fill</div>
  680. </li>
  681. <li>
  682. <i class="layui-icon layui-icon-group"></i>
  683. <div class="icon-title">layui-icon-group</div>
  684. </li>
  685. <li>
  686. <i class="layui-icon layui-icon-friends"></i>
  687. <div class="icon-title">layui-icon-friends</div>
  688. </li>
  689. <li>
  690. <i class="layui-icon layui-icon-reply-fill"></i>
  691. <div class="icon-title">layui-icon-reply-fill</div>
  692. </li>
  693. <li>
  694. <i class="layui-icon layui-icon-menu-fill"></i>
  695. <div class="icon-title">layui-icon-menu-fill</div>
  696. </li>
  697. <li>
  698. <i class="layui-icon layui-icon-log"></i>
  699. <div class="icon-title">layui-icon-log</div>
  700. </li>
  701. <li>
  702. <i class="layui-icon layui-icon-picture-fine"></i>
  703. <div class="icon-title">layui-icon-picture-fine</div>
  704. </li>
  705. <li>
  706. <i class="layui-icon layui-icon-face-smile-fine"></i>
  707. <div class="icon-title">layui-icon-face-smile-fine</div>
  708. </li>
  709. <li>
  710. <i class="layui-icon layui-icon-list"></i>
  711. <div class="icon-title">layui-icon-list</div>
  712. </li>
  713. <li>
  714. <i class="layui-icon layui-icon-release"></i>
  715. <div class="icon-title">layui-icon-release</div>
  716. </li>
  717. <li>
  718. <i class="layui-icon layui-icon-ok"></i>
  719. <div class="icon-title">layui-icon-ok</div>
  720. </li>
  721. <li>
  722. <i class="layui-icon layui-icon-help"></i>
  723. <div class="icon-title">layui-icon-help</div>
  724. </li>
  725. <li>
  726. <i class="layui-icon layui-icon-chat"></i>
  727. <div class="icon-title">layui-icon-chat</div>
  728. </li>
  729. <li>
  730. <i class="layui-icon layui-icon-top"></i>
  731. <div class="icon-title">layui-icon-top</div>
  732. </li>
  733. <li>
  734. <i class="layui-icon layui-icon-star"></i>
  735. <div class="icon-title">layui-icon-star</div>
  736. </li>
  737. <li>
  738. <i class="layui-icon layui-icon-star-fill"></i>
  739. <div class="icon-title">layui-icon-star-fill</div>
  740. </li>
  741. <li>
  742. <i class="layui-icon layui-icon-close-fill"></i>
  743. <div class="icon-title">layui-icon-close-fill</div>
  744. </li>
  745. <li>
  746. <i class="layui-icon layui-icon-close"></i>
  747. <div class="icon-title">layui-icon-close</div>
  748. </li>
  749. <li>
  750. <i class="layui-icon layui-icon-ok-circle"></i>
  751. <div class="icon-title">layui-icon-ok-circle</div>
  752. </li>
  753. <li>
  754. <i class="layui-icon layui-icon-add-circle-fine"></i>
  755. <div class="icon-title">layui-icon-add-circle-fine</div>
  756. </li>
  757. </ul>
  758. <ul>
  759. <li>
  760. <i class="iconfont iconfont-shoplight"></i>
  761. <div class="icon-title">iconfont-shoplight</div>
  762. </li>
  763. <li>
  764. <i class="iconfont iconfont-wxapp"></i>
  765. <div class="icon-title">iconfont-wxapp</div>
  766. </li>
  767. <li>
  768. <i class="iconfont iconfont-yinliang"></i>
  769. <div class="code-name">iconfont-yinliang</div>
  770. </li>
  771. <li>
  772. <i class="iconfont iconfont-pick"></i>
  773. <div class="icon-title">iconfont-pick</div>
  774. </li>
  775. <li>
  776. <i class="iconfont iconfont-camerarotate"></i>
  777. <div class="icon-title">iconfont-camerarotate</div>
  778. </li>
  779. <li>
  780. <i class="iconfont iconfont-phone_light"></i>
  781. <div class="icon-title">iconfont-phone_light</div>
  782. </li>
  783. <li>
  784. <i class="iconfont iconfont-light"></i>
  785. <div class="icon-title">iconfont-light</div>
  786. </li>
  787. <li>
  788. <i class="iconfont iconfont-barcode"></i>
  789. <div class="icon-title">iconfont-barcode</div>
  790. </li>
  791. <li>
  792. <i class="iconfont iconfont-change"></i>
  793. <div class="icon-title">iconfont-change</div>
  794. </li>
  795. <li>
  796. <i class="iconfont iconfont-searchlist"></i>
  797. <div class="icon-title">iconfont-searchlist</div>
  798. </li>
  799. <li>
  800. <i class="iconfont iconfont-down"></i>
  801. <div class="icon-title">iconfont-down</div>
  802. </li>
  803. <li>
  804. <i class="iconfont iconfont-countdown"></i>
  805. <div class="icon-title">iconfont-countdown</div>
  806. </li>
  807. <li>
  808. <i class="iconfont iconfont-notice"></i>
  809. <div class="icon-title">iconfont-notice</div>
  810. </li>
  811. <li>
  812. <i class="iconfont iconfont-upstage"></i>
  813. <div class="icon-title">iconfont-upstage</div>
  814. </li>
  815. <li>
  816. <i class="iconfont iconfont-brand"></i>
  817. <div class="icon-title">iconfont-brand</div>
  818. </li>
  819. <li>
  820. <i class="iconfont iconfont-choiceness"></i>
  821. <div class="icon-title">iconfont-choiceness</div>
  822. </li>
  823. <li>
  824. <i class="iconfont iconfont-warn_light"></i>
  825. <div class="icon-title">iconfont-warn_light</div>
  826. </li>
  827. <li>
  828. <i class="iconfont iconfont-creative"></i>
  829. <div class="icon-title">iconfont-creative</div>
  830. </li>
  831. <li>
  832. <i class="iconfont iconfont-new"></i>
  833. <div class="icon-title">iconfont-new</div>
  834. </li>
  835. <li>
  836. <i class="iconfont iconfont-cameraadd"></i>
  837. <div class="icon-title">iconfont-cameraadd</div>
  838. </li>
  839. <li>
  840. <i class="iconfont iconfont-at"></i>
  841. <div class="icon-title">iconfont-at</div>
  842. </li>
  843. <li>
  844. <i class="iconfont iconfont-mark"></i>
  845. <div class="icon-title">iconfont-mark</div>
  846. </li>
  847. <li>
  848. <i class="iconfont iconfont-file"></i>
  849. <div class="icon-title">iconfont-file</div>
  850. </li>
  851. <li>
  852. <i class="iconfont iconfont-community"></i>
  853. <div class="icon-title">iconfont-community</div>
  854. </li>
  855. <li>
  856. <i class="iconfont iconfont-calendar"></i>
  857. <div class="icon-title">iconfont-calendar</div>
  858. </li>
  859. <li>
  860. <i class="iconfont iconfont-cut"></i>
  861. <div class="icon-title">iconfont-cut</div>
  862. </li>
  863. <li>
  864. <i class="iconfont iconfont-tag"></i>
  865. <div class="icon-title">iconfont-tag</div>
  866. </li>
  867. <li>
  868. <i class="iconfont iconfont-group"></i>
  869. <div class="icon-title">iconfont-group</div>
  870. </li>
  871. <li>
  872. <i class="iconfont iconfont-all"></i>
  873. <div class="icon-title">iconfont-all</div>
  874. </li>
  875. <li>
  876. <i class="iconfont iconfont-hot"></i>
  877. <div class="icon-title">iconfont-hot</div>
  878. </li>
  879. <li>
  880. <i class="iconfont iconfont-upload"></i>
  881. <div class="icon-title">iconfont-upload</div>
  882. </li>
  883. <li>
  884. <i class="iconfont iconfont-safe"></i>
  885. <div class="icon-title">iconfont-safe</div>
  886. </li>
  887. <li>
  888. <i class="iconfont iconfont-sponsor"></i>
  889. <div class="icon-title">iconfont-sponsor</div>
  890. </li>
  891. <li>
  892. <i class="iconfont iconfont-goodsfavor"></i>
  893. <div class="icon-title">iconfont-goodsfavor</div>
  894. </li>
  895. <li>
  896. <i class="iconfont iconfont-musicfill"></i>
  897. <div class="icon-title">iconfont-musicfill</div>
  898. </li>
  899. <li>
  900. <i class="iconfont iconfont-emojilight"></i>
  901. <div class="icon-title">iconfont-emojilight</div>
  902. </li>
  903. <li>
  904. <i class="iconfont iconfont-appreciate"></i>
  905. <div class="icon-title">iconfont-appreciate</div>
  906. </li>
  907. <li>
  908. <i class="iconfont iconfont-edit"></i>
  909. <div class="icon-title">iconfont-edit</div>
  910. </li>
  911. <li>
  912. <i class="iconfont iconfont-favor"></i>
  913. <div class="icon-title">iconfont-favor</div>
  914. </li>
  915. <li>
  916. <i class="iconfont iconfont-phone"></i>
  917. <div class="icon-title">iconfont-phone</div>
  918. </li>
  919. <li>
  920. <i class="iconfont iconfont-circle"></i>
  921. <div class="icon-title">iconfont-circle</div>
  922. </li>
  923. <li>
  924. <i class="iconfont iconfont-taxi"></i>
  925. <div class="icon-title">iconfont-taxi</div>
  926. </li>
  927. <li>
  928. <i class="iconfont iconfont-time"></i>
  929. <div class="icon-title">iconfont-time</div>
  930. </li>
  931. <li>
  932. <i class="iconfont iconfont-mail"></i>
  933. <div class="icon-title">iconfont-mail</div>
  934. </li>
  935. <li>
  936. <i class="iconfont iconfont-warn"></i>
  937. <div class="icon-title">iconfont-warn</div>
  938. </li>
  939. <li>
  940. <i class="iconfont iconfont-camera"></i>
  941. <div class="icon-title">iconfont-camera</div>
  942. </li>
  943. <li>
  944. <i class="iconfont iconfont-comment"></i>
  945. <div class="icon-title">iconfont-comment</div>
  946. </li>
  947. <li>
  948. <i class="iconfont iconfont-medal"></i>
  949. <div class="icon-title">iconfont-medal</div>
  950. </li>
  951. <li>
  952. <i class="iconfont iconfont-like"></i>
  953. <div class="icon-title">iconfont-like</div>
  954. </li>
  955. <li>
  956. <i class="iconfont iconfont-notification"></i>
  957. <div class="icon-title">iconfont-notification</div>
  958. </li>
  959. <li>
  960. <i class="iconfont iconfont-news"></i>
  961. <div class="icon-title">iconfont-news</div>
  962. </li>
  963. <li>
  964. <i class="iconfont iconfont-ask"></i>
  965. <div class="icon-title">iconfont-ask</div>
  966. </li>
  967. <li>
  968. <i class="iconfont iconfont-evaluate"></i>
  969. <div class="icon-title">iconfont-evaluate</div>
  970. </li>
  971. <li>
  972. <i class="iconfont iconfont-wang"></i>
  973. <div class="icon-title">iconfont-wang</div>
  974. </li>
  975. <li>
  976. <i class="iconfont iconfont-moneybag"></i>
  977. <div class="icon-title">iconfont-moneybag</div>
  978. </li>
  979. <li>
  980. <i class="iconfont iconfont-cascades"></i>
  981. <div class="icon-title">iconfont-cascades</div>
  982. </li>
  983. <li>
  984. <i class="iconfont iconfont-discover"></i>
  985. <div class="icon-title">iconfont-discover</div>
  986. </li>
  987. <li>
  988. <i class="iconfont iconfont-subscription"></i>
  989. <div class="icon-title">iconfont-subscription</div>
  990. </li>
  991. <li>
  992. <i class="iconfont iconfont-list"></i>
  993. <div class="icon-title">iconfont-list</div>
  994. </li>
  995. <li>
  996. <i class="iconfont iconfont-scan"></i>
  997. <div class="icon-title">iconfont-scan</div>
  998. </li>
  999. <li>
  1000. <i class="iconfont iconfont-community_light"></i>
  1001. <div class="icon-title">iconfont-community_light</div>
  1002. </li>
  1003. <li>
  1004. <i class="iconfont iconfont-question"></i>
  1005. <div class="icon-title">iconfont-question</div>
  1006. </li>
  1007. <li>
  1008. <i class="iconfont iconfont-pic"></i>
  1009. <div class="icon-title">iconfont-pic</div>
  1010. </li>
  1011. <li>
  1012. <i class="iconfont iconfont-we_fill_light"></i>
  1013. <div class="icon-title">iconfont-we_fill_light</div>
  1014. </li>
  1015. <li>
  1016. <i class="iconfont iconfont-skin_light"></i>
  1017. <div class="icon-title">iconfont-skin_light</div>
  1018. </li>
  1019. <li>
  1020. <i class="iconfont iconfont-refund"></i>
  1021. <div class="icon-title">iconfont-refund</div>
  1022. </li>
  1023. <li>
  1024. <i class="iconfont iconfont-cart"></i>
  1025. <div class="icon-title">iconfont-cart</div>
  1026. </li>
  1027. <li>
  1028. <i class="iconfont iconfont-qrcode"></i>
  1029. <div class="icon-title">iconfont-qrcode</div>
  1030. </li>
  1031. <li>
  1032. <i class="iconfont iconfont-remind"></i>
  1033. <div class="icon-title">iconfont-remind</div>
  1034. </li>
  1035. <li>
  1036. <i class="iconfont iconfont-hot_light"></i>
  1037. <div class="icon-title">iconfont-hot_light</div>
  1038. </li>
  1039. <li>
  1040. <i class="iconfont iconfont-profile"></i>
  1041. <div class="icon-title">iconfont-profile</div>
  1042. </li>
  1043. <li>
  1044. <i class="iconfont iconfont-comment_light"></i>
  1045. <div class="icon-title">iconfont-comment_light</div>
  1046. </li>
  1047. <li>
  1048. <i class="iconfont iconfont-appreciate_light"></i>
  1049. <div class="icon-title">iconfont-appreciate_light</div>
  1050. </li>
  1051. <li>
  1052. <i class="iconfont iconfont-message"></i>
  1053. <div class="icon-title">iconfont-message</div>
  1054. </li>
  1055. <li>
  1056. <i class="iconfont iconfont-wang_light"></i>
  1057. <div class="icon-title">iconfont-wang_light</div>
  1058. </li>
  1059. <li>
  1060. <i class="iconfont iconfont-vip"></i>
  1061. <div class="icon-title">iconfont-vip</div>
  1062. </li>
  1063. <li>
  1064. <i class="iconfont iconfont-weibo"></i>
  1065. <div class="icon-title">iconfont-weibo</div>
  1066. </li>
  1067. <li>
  1068. <i class="iconfont iconfont-goods_favor_light"></i>
  1069. <div class="icon-title">iconfont-goods_favor_light</div>
  1070. </li>
  1071. <li>
  1072. <i class="iconfont iconfont-activity"></i>
  1073. <div class="icon-title">iconfont-activity</div>
  1074. </li>
  1075. <li>
  1076. <i class="iconfont iconfont-goods_new_light"></i>
  1077. <div class="icon-title">iconfont-goods_new_light</div>
  1078. </li>
  1079. <li>
  1080. <i class="iconfont iconfont-goods_light"></i>
  1081. <div class="icon-title">iconfont-goods_light</div>
  1082. </li>
  1083. <li>
  1084. <i class="iconfont iconfont-medal_light"></i>
  1085. <div class="icon-title">iconfont-medal_light</div>
  1086. </li>
  1087. <li>
  1088. <i class="iconfont iconfont-news_light"></i>
  1089. <div class="icon-title">iconfont-news_light</div>
  1090. </li>
  1091. <li>
  1092. <i class="iconfont iconfont-explore"></i>
  1093. <div class="icon-title">iconfont-explore</div>
  1094. </li>
  1095. <li>
  1096. <i class="iconfont iconfont-present"></i>
  1097. <div class="icon-title">iconfont-present</div>
  1098. </li>
  1099. <li>
  1100. <i class="iconfont iconfont-global_light"></i>
  1101. <div class="icon-title">iconfont-global_light</div>
  1102. </li>
  1103. <li>
  1104. <i class="iconfont iconfont-game"></i>
  1105. <div class="icon-title">iconfont-game</div>
  1106. </li>
  1107. <li>
  1108. <i class="iconfont iconfont-redpacket"></i>
  1109. <div class="icon-title">iconfont-redpacket</div>
  1110. </li>
  1111. <li>
  1112. <i class="iconfont iconfont-similar"></i>
  1113. <div class="icon-title">iconfont-similar</div>
  1114. </li>
  1115. <li>
  1116. <i class="iconfont iconfont-location"></i>
  1117. <div class="icon-title">iconfont-location</div>
  1118. </li>
  1119. <li>
  1120. <i class="iconfont iconfont-recharge"></i>
  1121. <div class="icon-title">iconfont-recharge</div>
  1122. </li>
  1123. <li>
  1124. <i class="iconfont iconfont-vipcard"></i>
  1125. <div class="icon-title">iconfont-vipcard</div>
  1126. </li>
  1127. <li>
  1128. <i class="iconfont iconfont-voice"></i>
  1129. <div class="icon-title">iconfont-voice</div>
  1130. </li>
  1131. <li>
  1132. <i class="iconfont iconfont-voicefill"></i>
  1133. <div class="icon-title">iconfont-voicefill</div>
  1134. </li>
  1135. <li>
  1136. <i class="iconfont iconfont-wifi"></i>
  1137. <div class="icon-title">iconfont-wifi</div>
  1138. </li>
  1139. <li>
  1140. <i class="iconfont iconfont-wefill"></i>
  1141. <div class="icon-title">iconfont-wefill</div>
  1142. </li>
  1143. <li>
  1144. <i class="iconfont iconfont-we"></i>
  1145. <div class="icon-title">iconfont-we</div>
  1146. </li>
  1147. </ul>
  1148. <script src="__ROOT__/static/plugs/jquery/jquery.min.js" type="text/javascript"></script>
  1149. <script>
  1150. $(function () {
  1151. $('li').on('click', function (className) {
  1152. if ((className = $(this).find('i').get(0).className)) {
  1153. top.$('[name="{$field}"]').val(className).trigger('change');
  1154. top.layer.close(top.layer.getFrameIndex(window.name));
  1155. }
  1156. });
  1157. });
  1158. </script>
  1159. </body>
  1160. </html>