demo.html 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <title>IconFont</title>
  6. <link rel="stylesheet" href="demo.css">
  7. <link rel="stylesheet" href="iconfont.css">
  8. </head>
  9. <body>
  10. <div class="main">
  11. <h1>IconFont 图标</h1>
  12. <ul class="icon_lists clear">
  13. <li>
  14. <i class="icon iconfont">&#xd61e;</i>
  15. <div class="name">定位</div>
  16. <div class="code">&amp;#xd61e;</div>
  17. <div class="fontclass">.dingwei</div>
  18. </li>
  19. <li>
  20. <i class="icon iconfont">&#xd61a;</i>
  21. <div class="name">打钩</div>
  22. <div class="code">&amp;#xd61a;</div>
  23. <div class="fontclass">.dagou</div>
  24. </li>
  25. <li>
  26. <i class="icon iconfont">&#xd619;</i>
  27. <div class="name">时钟</div>
  28. <div class="code">&amp;#xd619;</div>
  29. <div class="fontclass">.shizhong</div>
  30. </li>
  31. <li>
  32. <i class="icon iconfont">&#xe600;</i>
  33. <div class="name">个人中心</div>
  34. <div class="code">&amp;#xe600;</div>
  35. <div class="fontclass">.gerenzhongxin</div>
  36. </li>
  37. <li>
  38. <i class="icon iconfont">&#xd60c;</i>
  39. <div class="name">指导标准</div>
  40. <div class="code">&amp;#xd60c;</div>
  41. <div class="fontclass">.zhidao</div>
  42. </li>
  43. <li>
  44. <i class="icon iconfont">&#xe61d;</i>
  45. <div class="name">失败</div>
  46. <div class="code">&amp;#xe61d;</div>
  47. <div class="fontclass">.shibai</div>
  48. </li>
  49. <li>
  50. <i class="icon iconfont">&#xd603;</i>
  51. <div class="name">星</div>
  52. <div class="code">&amp;#xd603;</div>
  53. <div class="fontclass">.star</div>
  54. </li>
  55. <li>
  56. <i class="icon iconfont">&#xd633;</i>
  57. <div class="name">关闭</div>
  58. <div class="code">&amp;#xd633;</div>
  59. <div class="fontclass">.guanbi</div>
  60. </li>
  61. <li>
  62. <i class="icon iconfont">&#xd682;</i>
  63. <div class="name">书</div>
  64. <div class="code">&amp;#xd682;</div>
  65. <div class="fontclass">.shu</div>
  66. </li>
  67. <li>
  68. <i class="icon iconfont">&#xd61b;</i>
  69. <div class="name">时间</div>
  70. <div class="code">&amp;#xd61b;</div>
  71. <div class="fontclass">.shijian</div>
  72. </li>
  73. <li>
  74. <i class="icon iconfont">&#xd601;</i>
  75. <div class="name">投诉</div>
  76. <div class="code">&amp;#xd601;</div>
  77. <div class="fontclass">.tousu</div>
  78. </li>
  79. <li>
  80. <i class="icon iconfont">&#xd612;</i>
  81. <div class="name">我的分组</div>
  82. <div class="code">&amp;#xd612;</div>
  83. <div class="fontclass">.wodefenzu</div>
  84. </li>
  85. <li>
  86. <i class="icon iconfont">&#xd60e;</i>
  87. <div class="name">女</div>
  88. <div class="code">&amp;#xd60e;</div>
  89. <div class="fontclass">.nv</div>
  90. </li>
  91. <li>
  92. <i class="icon iconfont">&#xd630;</i>
  93. <div class="name">加</div>
  94. <div class="code">&amp;#xd630;</div>
  95. <div class="fontclass">.jia</div>
  96. </li>
  97. <li>
  98. <i class="icon iconfont">&#xd610;</i>
  99. <div class="name">二维码</div>
  100. <div class="code">&amp;#xd610;</div>
  101. <div class="fontclass">.erweima</div>
  102. </li>
  103. <li>
  104. <i class="icon iconfont">&#xd61c;</i>
  105. <div class="name">群主、群聊</div>
  106. <div class="code">&amp;#xd61c;</div>
  107. <div class="fontclass">.qunliao</div>
  108. </li>
  109. <li>
  110. <i class="icon iconfont">&#xd60f;</i>
  111. <div class="name">添加好友</div>
  112. <div class="code">&amp;#xd60f;</div>
  113. <div class="fontclass">.tianjia</div>
  114. </li>
  115. <li>
  116. <i class="icon iconfont">&#xd61d;</i>
  117. <div class="name">时间</div>
  118. <div class="code">&amp;#xd61d;</div>
  119. <div class="fontclass">.time</div>
  120. </li>
  121. <li>
  122. <i class="icon iconfont">&#xd632;</i>
  123. <div class="name">刷新</div>
  124. <div class="code">&amp;#xd632;</div>
  125. <div class="fontclass">.shuaxin</div>
  126. </li>
  127. <li>
  128. <i class="icon iconfont">&#xd604;</i>
  129. <div class="name">头像</div>
  130. <div class="code">&amp;#xd604;</div>
  131. <div class="fontclass">.user</div>
  132. </li>
  133. <li>
  134. <i class="icon iconfont">&#xd658;</i>
  135. <div class="name">主页</div>
  136. <div class="code">&amp;#xd658;</div>
  137. <div class="fontclass">.homehouser</div>
  138. </li>
  139. <li>
  140. <i class="icon iconfont">&#xd615;</i>
  141. <div class="name">8</div>
  142. <div class="code">&amp;#xd615;</div>
  143. <div class="fontclass">.tupian</div>
  144. </li>
  145. <li>
  146. <i class="icon iconfont">&#xd613;</i>
  147. <div class="name">9</div>
  148. <div class="code">&amp;#xd613;</div>
  149. <div class="fontclass">.benzi</div>
  150. </li>
  151. <li>
  152. <i class="icon iconfont">&#xd614;</i>
  153. <div class="name">11</div>
  154. <div class="code">&amp;#xd614;</div>
  155. <div class="fontclass">.dianhua</div>
  156. </li>
  157. <li>
  158. <i class="icon iconfont">&#xd635;</i>
  159. <div class="name">对话</div>
  160. <div class="code">&amp;#xd635;</div>
  161. <div class="fontclass">.duihua</div>
  162. </li>
  163. <li>
  164. <i class="icon iconfont">&#xe605;</i>
  165. <div class="name">医生</div>
  166. <div class="code">&amp;#xe605;</div>
  167. <div class="fontclass">.yisheng</div>
  168. </li>
  169. <li>
  170. <i class="icon iconfont">&#xd634;</i>
  171. <div class="name">随访</div>
  172. <div class="code">&amp;#xd634;</div>
  173. <div class="fontclass">.suifang</div>
  174. </li>
  175. <li>
  176. <i class="icon iconfont">&#xe606;</i>
  177. <div class="name">sc</div>
  178. <div class="code">&amp;#xe606;</div>
  179. <div class="fontclass">.sc</div>
  180. </li>
  181. <li>
  182. <i class="icon iconfont">&#xd60d;</i>
  183. <div class="name">男</div>
  184. <div class="code">&amp;#xd60d;</div>
  185. <div class="fontclass">.nan</div>
  186. </li>
  187. <li>
  188. <i class="icon iconfont">&#xd616;</i>
  189. <div class="name">历史充值</div>
  190. <div class="code">&amp;#xd616;</div>
  191. <div class="fontclass">.licheng</div>
  192. </li>
  193. <li>
  194. <i class="icon iconfont">&#xe619;</i>
  195. <div class="name">体征参数</div>
  196. <div class="code">&amp;#xe619;</div>
  197. <div class="fontclass">.tizhengcanshu</div>
  198. </li>
  199. <li>
  200. <i class="icon iconfont">&#xd622;</i>
  201. <div class="name">drafts</div>
  202. <div class="code">&amp;#xd622;</div>
  203. <div class="fontclass">.fuwu</div>
  204. </li>
  205. <li>
  206. <i class="icon iconfont">&#xd621;</i>
  207. <div class="name">read mode</div>
  208. <div class="code">&amp;#xd621;</div>
  209. <div class="fontclass">.baogao</div>
  210. </li>
  211. <li>
  212. <i class="icon iconfont">&#xd602;</i>
  213. <div class="name">iconfont-pingjia</div>
  214. <div class="code">&amp;#xd602;</div>
  215. <div class="fontclass">.pingjia</div>
  216. </li>
  217. <li>
  218. <i class="icon iconfont">&#xd657;</i>
  219. <div class="name">用户</div>
  220. <div class="code">&amp;#xd657;</div>
  221. <div class="fontclass">.yonghu</div>
  222. </li>
  223. <li>
  224. <i class="icon iconfont">&#xd611;</i>
  225. <div class="name">教育</div>
  226. <div class="code">&amp;#xd611;</div>
  227. <div class="fontclass">.book</div>
  228. </li>
  229. <li>
  230. <i class="icon iconfont">&#xd605;</i>
  231. <div class="name">垃圾</div>
  232. <div class="code">&amp;#xd605;</div>
  233. <div class="fontclass">.laji</div>
  234. </li>
  235. <li>
  236. <i class="icon iconfont">&#xe604;</i>
  237. <div class="name">用户</div>
  238. <div class="code">&amp;#xe604;</div>
  239. <div class="fontclass">.yonghu1</div>
  240. </li>
  241. <li>
  242. <i class="icon iconfont">&#xd606;</i>
  243. <div class="name">成功</div>
  244. <div class="code">&amp;#xd606;</div>
  245. <div class="fontclass">.ok</div>
  246. </li>
  247. <li>
  248. <i class="icon iconfont">&#xd600;</i>
  249. <div class="name">信息</div>
  250. <div class="code">&amp;#xd600;</div>
  251. <div class="fontclass">.xinxi</div>
  252. </li>
  253. <li>
  254. <i class="icon iconfont">&#xd609;</i>
  255. <div class="name">药箱</div>
  256. <div class="code">&amp;#xd609;</div>
  257. <div class="fontclass">.yaoxiang</div>
  258. </li>
  259. <li>
  260. <i class="icon iconfont">&#xd607;</i>
  261. <div class="name">nan</div>
  262. <div class="code">&amp;#xd607;</div>
  263. <div class="fontclass">.nan1</div>
  264. </li>
  265. <li>
  266. <i class="icon iconfont">&#xd608;</i>
  267. <div class="name">nv</div>
  268. <div class="code">&amp;#xd608;</div>
  269. <div class="fontclass">.nv1</div>
  270. </li>
  271. <li>
  272. <i class="icon iconfont">&#xd60a;</i>
  273. <div class="name">nan2</div>
  274. <div class="code">&amp;#xd60a;</div>
  275. <div class="fontclass">.nan2</div>
  276. </li>
  277. <li>
  278. <i class="icon iconfont">&#xd60b;</i>
  279. <div class="name">nv2</div>
  280. <div class="code">&amp;#xd60b;</div>
  281. <div class="fontclass">.nv2</div>
  282. </li>
  283. <li>
  284. <i class="icon iconfont">&#xd617;</i>
  285. <div class="name">干预</div>
  286. <div class="code">&amp;#xd617;</div>
  287. <div class="fontclass">.ganyu</div>
  288. </li>
  289. <li>
  290. <i class="icon iconfont">&#xd618;</i>
  291. <div class="name">随访</div>
  292. <div class="code">&amp;#xd618;</div>
  293. <div class="fontclass">.suifang1</div>
  294. </li>
  295. <li>
  296. <i class="icon iconfont">&#xd61f;</i>
  297. <div class="name">圈子</div>
  298. <div class="code">&amp;#xd61f;</div>
  299. <div class="fontclass">.quanzi</div>
  300. </li>
  301. <li>
  302. <i class="icon iconfont">&#xd620;</i>
  303. <div class="name">添加好友</div>
  304. <div class="code">&amp;#xd620;</div>
  305. <div class="fontclass">.tianjiahaoyou</div>
  306. </li>
  307. <li>
  308. <i class="icon iconfont">&#xd623;</i>
  309. <div class="name">签约</div>
  310. <div class="code">&amp;#xd623;</div>
  311. <div class="fontclass">.qianyue</div>
  312. </li>
  313. <li>
  314. <i class="icon iconfont">&#xd624;</i>
  315. <div class="name">咨询</div>
  316. <div class="code">&amp;#xd624;</div>
  317. <div class="fontclass">.zixun</div>
  318. </li>
  319. <li>
  320. <i class="icon iconfont">&#xd625;</i>
  321. <div class="name">sousou</div>
  322. <div class="code">&amp;#xd625;</div>
  323. <div class="fontclass">.sousou</div>
  324. </li>
  325. <li>
  326. <i class="icon iconfont">&#xe609;</i>
  327. <div class="name">编辑</div>
  328. <div class="code">&amp;#xe609;</div>
  329. <div class="fontclass">.bianji</div>
  330. </li>
  331. <li>
  332. <i class="icon iconfont">&#xd627;</i>
  333. <div class="name">名片</div>
  334. <div class="code">&amp;#xd627;</div>
  335. <div class="fontclass">.mingpian</div>
  336. </li>
  337. <li>
  338. <i class="icon iconfont">&#xd626;</i>
  339. <div class="name">统计</div>
  340. <div class="code">&amp;#xd626;</div>
  341. <div class="fontclass">.tongji</div>
  342. </li>
  343. <li>
  344. <i class="icon iconfont">&#xd628;</i>
  345. <div class="name">团队</div>
  346. <div class="code">&amp;#xd628;</div>
  347. <div class="fontclass">.tuandui</div>
  348. </li>
  349. <li>
  350. <i class="icon iconfont">&#xd629;</i>
  351. <div class="name">我的评价</div>
  352. <div class="code">&amp;#xd629;</div>
  353. <div class="fontclass">.wodepingjia</div>
  354. </li>
  355. <li>
  356. <i class="icon iconfont">&#xd62a;</i>
  357. <div class="name">上传图片</div>
  358. <div class="code">&amp;#xd62a;</div>
  359. <div class="fontclass">.shangchuan</div>
  360. </li>
  361. <li>
  362. <i class="icon iconfont">&#xd62b;</i>
  363. <div class="name">拍摄</div>
  364. <div class="code">&amp;#xd62b;</div>
  365. <div class="fontclass">.paishe</div>
  366. </li>
  367. <li>
  368. <i class="icon iconfont">&#xd62c;</i>
  369. <div class="name">加表情</div>
  370. <div class="code">&amp;#xd62c;</div>
  371. <div class="fontclass">.jiabiaoqing</div>
  372. </li>
  373. <li>
  374. <i class="icon iconfont">&#xd62d;</i>
  375. <div class="name">加图片</div>
  376. <div class="code">&amp;#xd62d;</div>
  377. <div class="fontclass">.jiatupian</div>
  378. </li>
  379. <li>
  380. <i class="icon iconfont">&#xd62e;</i>
  381. <div class="name">键盘</div>
  382. <div class="code">&amp;#xd62e;</div>
  383. <div class="fontclass">.jianpan</div>
  384. </li>
  385. <li>
  386. <i class="icon iconfont">&#xd62f;</i>
  387. <div class="name">语音</div>
  388. <div class="code">&amp;#xd62f;</div>
  389. <div class="fontclass">.yuyin</div>
  390. </li>
  391. <li>
  392. <i class="icon iconfont">&#xd631;</i>
  393. <div class="name">pen</div>
  394. <div class="code">&amp;#xd631;</div>
  395. <div class="fontclass">.bi</div>
  396. </li>
  397. <li>
  398. <i class="icon iconfont">&#xd671;</i>
  399. <div class="name">sousuo</div>
  400. <div class="code">&amp;#xd671;</div>
  401. <div class="fontclass">.sousuo</div>
  402. </li>
  403. <li>
  404. <i class="icon iconfont">&#xd662;</i>
  405. <div class="name">guanbi</div>
  406. <div class="code">&amp;#xd662;</div>
  407. <div class="fontclass">.guanbi1</div>
  408. </li>
  409. <li>
  410. <i class="icon iconfont">&#xd679;</i>
  411. <div class="name">M-yonghu</div>
  412. <div class="code">&amp;#xd679;</div>
  413. <div class="fontclass">.yonghu2</div>
  414. </li>
  415. <li>
  416. <i class="icon iconfont">&#xe601;</i>
  417. <div class="name">图片</div>
  418. <div class="code">&amp;#xe601;</div>
  419. <div class="fontclass">.tupian-copy</div>
  420. </li>
  421. <li>
  422. <i class="icon iconfont">&#xe61a;</i>
  423. <div class="name">病史</div>
  424. <div class="code">&amp;#xe61a;</div>
  425. <div class="fontclass">.bingshi</div>
  426. </li>
  427. <li>
  428. <i class="icon iconfont">&#xd661;</i>
  429. <div class="name">搜索</div>
  430. <div class="code">&amp;#xd661;</div>
  431. <div class="fontclass">.sousuo1</div>
  432. </li>
  433. <li>
  434. <i class="icon iconfont">&#xe603;</i>
  435. <div class="name">搜索</div>
  436. <div class="code">&amp;#xe603;</div>
  437. <div class="fontclass">.sousuo2</div>
  438. </li>
  439. <li>
  440. <i class="icon iconfont">&#xe636;</i>
  441. <div class="name">密码</div>
  442. <div class="code">&amp;#xe636;</div>
  443. <div class="fontclass">.mima</div>
  444. </li>
  445. <li>
  446. <i class="icon iconfont">&#xd637;</i>
  447. <div class="name">手机</div>
  448. <div class="code">&amp;#xd637;</div>
  449. <div class="fontclass">.shouji</div>
  450. </li>
  451. <li>
  452. <i class="icon iconfont">&#xd638;</i>
  453. <div class="name">注销</div>
  454. <div class="code">&amp;#xd638;</div>
  455. <div class="fontclass">.zhuxiao</div>
  456. </li>
  457. <li>
  458. <i class="icon iconfont">&#xe607;</i>
  459. <div class="name">二维码</div>
  460. <div class="code">&amp;#xe607;</div>
  461. <div class="fontclass">.erweima1</div>
  462. </li>
  463. <li>
  464. <i class="icon iconfont">&#xd702;</i>
  465. <div class="name">语音</div>
  466. <div class="code">&amp;#xd702;</div>
  467. <div class="fontclass">.yuyin1</div>
  468. </li>
  469. <li>
  470. <i class="icon iconfont">&#xe608;</i>
  471. <div class="name">播放</div>
  472. <div class="code">&amp;#xe608;</div>
  473. <div class="fontclass">.bofang</div>
  474. </li>
  475. <li>
  476. <i class="icon iconfont">&#xd666;</i>
  477. <div class="name">home</div>
  478. <div class="code">&amp;#xd666;</div>
  479. <div class="fontclass">.home</div>
  480. </li>
  481. <li>
  482. <i class="icon iconfont">&#xe618;</i>
  483. <div class="name">切换</div>
  484. <div class="code">&amp;#xe618;</div>
  485. <div class="fontclass">.qiehuan</div>
  486. </li>
  487. <li>
  488. <i class="icon iconfont">&#xe61e;</i>
  489. <div class="name">卡</div>
  490. <div class="code">&amp;#xe61e;</div>
  491. <div class="fontclass">.card</div>
  492. </li>
  493. <li>
  494. <i class="icon iconfont">&#xe60a;</i>
  495. <div class="name">咨询</div>
  496. <div class="code">&amp;#xe60a;</div>
  497. <div class="fontclass">.zixun1</div>
  498. </li>
  499. <li>
  500. <i class="icon iconfont">&#xe60b;</i>
  501. <div class="name">资讯</div>
  502. <div class="code">&amp;#xe60b;</div>
  503. <div class="fontclass">.zixun2</div>
  504. </li>
  505. <li>
  506. <i class="icon iconfont">&#xe60c;</i>
  507. <div class="name">分诊</div>
  508. <div class="code">&amp;#xe60c;</div>
  509. <div class="fontclass">.fenzhen</div>
  510. </li>
  511. <li>
  512. <i class="icon iconfont">&#xe60d;</i>
  513. <div class="name">简介</div>
  514. <div class="code">&amp;#xe60d;</div>
  515. <div class="fontclass">.jianjie</div>
  516. </li>
  517. <li>
  518. <i class="icon iconfont">&#xe60e;</i>
  519. <div class="name">养护</div>
  520. <div class="code">&amp;#xe60e;</div>
  521. <div class="fontclass">.yanghu</div>
  522. </li>
  523. <li>
  524. <i class="icon iconfont">&#xe60f;</i>
  525. <div class="name">孕妇</div>
  526. <div class="code">&amp;#xe60f;</div>
  527. <div class="fontclass">.yunfu</div>
  528. </li>
  529. <li>
  530. <i class="icon iconfont">&#xe610;</i>
  531. <div class="name">养护</div>
  532. <div class="code">&amp;#xe610;</div>
  533. <div class="fontclass">.yanghu1</div>
  534. </li>
  535. <li>
  536. <i class="icon iconfont">&#xe611;</i>
  537. <div class="name">免费咨询</div>
  538. <div class="code">&amp;#xe611;</div>
  539. <div class="fontclass">.mianfeizixun</div>
  540. </li>
  541. <li>
  542. <i class="icon iconfont">&#xd660;</i>
  543. <div class="name">留言_线</div>
  544. <div class="code">&amp;#xd660;</div>
  545. <div class="fontclass">.liuyanxian</div>
  546. </li>
  547. <li>
  548. <i class="icon iconfont">&#xe602;</i>
  549. <div class="name">语音库</div>
  550. <div class="code">&amp;#xe602;</div>
  551. <div class="fontclass">.yuyinku</div>
  552. </li>
  553. <li>
  554. <i class="icon iconfont">&#xd659;</i>
  555. <div class="name">指南</div>
  556. <div class="code">&amp;#xd659;</div>
  557. <div class="fontclass">.zhinan</div>
  558. </li>
  559. <li>
  560. <i class="icon iconfont">&#xe612;</i>
  561. <div class="name">电话咨询</div>
  562. <div class="code">&amp;#xe612;</div>
  563. <div class="fontclass">.dianhuazixun</div>
  564. </li>
  565. <li>
  566. <i class="icon iconfont">&#xe633;</i>
  567. <div class="name">病例-报告上传</div>
  568. <div class="code">&amp;#xe633;</div>
  569. <div class="fontclass">.binglibaogaoshangchuan</div>
  570. </li>
  571. <li>
  572. <i class="icon iconfont">&#xd643;</i>
  573. <div class="name">电子健康档案</div>
  574. <div class="code">&amp;#xd643;</div>
  575. <div class="fontclass">.dianzijiankangdangan</div>
  576. </li>
  577. <li>
  578. <i class="icon iconfont">&#xd642;</i>
  579. <div class="name">健康记录</div>
  580. <div class="code">&amp;#xd642;</div>
  581. <div class="fontclass">.jiankangjilu</div>
  582. </li>
  583. <li>
  584. <i class="icon iconfont">&#xd641;</i>
  585. <div class="name">健康知识</div>
  586. <div class="code">&amp;#xd641;</div>
  587. <div class="fontclass">.jiankangzhishi</div>
  588. </li>
  589. <li>
  590. <i class="icon iconfont">&#xd646;</i>
  591. <div class="name">健康指标</div>
  592. <div class="code">&amp;#xd646;</div>
  593. <div class="fontclass">.jiankangzhibiao</div>
  594. </li>
  595. <li>
  596. <i class="icon iconfont">&#xd647;</i>
  597. <div class="name">设备绑定</div>
  598. <div class="code">&amp;#xd647;</div>
  599. <div class="fontclass">.shebeibangding</div>
  600. </li>
  601. <li>
  602. <i class="icon iconfont">&#xd656;</i>
  603. <div class="name">视频问诊记录</div>
  604. <div class="code">&amp;#xd656;</div>
  605. <div class="fontclass">.shipinwenzhenjilu</div>
  606. </li>
  607. <li>
  608. <i class="icon iconfont">&#xd650;</i>
  609. <div class="name">问药记录</div>
  610. <div class="code">&amp;#xd650;</div>
  611. <div class="fontclass">.wenyaojilu</div>
  612. </li>
  613. <li>
  614. <i class="icon iconfont">&#xd651;</i>
  615. <div class="name">我的预约</div>
  616. <div class="code">&amp;#xd651;</div>
  617. <div class="fontclass">.wodeyuyue</div>
  618. </li>
  619. <li>
  620. <i class="icon iconfont">&#xd652;</i>
  621. <div class="name">我的咨询</div>
  622. <div class="code">&amp;#xd652;</div>
  623. <div class="fontclass">.wodezixun</div>
  624. </li>
  625. <li>
  626. <i class="icon iconfont">&#xd653;</i>
  627. <div class="name">医生指导</div>
  628. <div class="code">&amp;#xd653;</div>
  629. <div class="fontclass">.yishengzhidao</div>
  630. </li>
  631. <li>
  632. <i class="icon iconfont">&#xd655;</i>
  633. <div class="name">用药记录</div>
  634. <div class="code">&amp;#xd655;</div>
  635. <div class="fontclass">.yongyaojilu</div>
  636. </li>
  637. <li>
  638. <i class="icon iconfont">&#xd648;</i>
  639. <div class="name">我的家庭</div>
  640. <div class="code">&amp;#xd648;</div>
  641. <div class="fontclass">.wodejiating</div>
  642. </li>
  643. <li>
  644. <i class="icon iconfont">&#xd645;</i>
  645. <div class="name">我的资料</div>
  646. <div class="code">&amp;#xd645;</div>
  647. <div class="fontclass">.wodeziliao</div>
  648. </li>
  649. <li>
  650. <i class="icon iconfont">&#xd649;</i>
  651. <div class="name">健康管理</div>
  652. <div class="code">&amp;#xd649;</div>
  653. <div class="fontclass">.jiankangguanli</div>
  654. </li>
  655. <li>
  656. <i class="icon iconfont">&#xd654;</i>
  657. <div class="name">我的随访</div>
  658. <div class="code">&amp;#xd654;</div>
  659. <div class="fontclass">.wodesuifang1</div>
  660. </li>
  661. <li>
  662. <i class="icon iconfont">&#xd667;</i>
  663. <div class="name">zixun</div>
  664. <div class="code">&amp;#xd667;</div>
  665. <div class="fontclass">.zixun3</div>
  666. </li>
  667. <li>
  668. <i class="icon iconfont">&#xd664;</i>
  669. <div class="name">guanlian</div>
  670. <div class="code">&amp;#xd664;</div>
  671. <div class="fontclass">.guanlian</div>
  672. </li>
  673. <li>
  674. <i class="icon iconfont">&#xd665;</i>
  675. <div class="name">wdgzz</div>
  676. <div class="code">&amp;#xd665;</div>
  677. <div class="fontclass">.wdgzz</div>
  678. </li>
  679. <li>
  680. <i class="icon iconfont">&#xd663;</i>
  681. <div class="name">jkglbl</div>
  682. <div class="code">&amp;#xd663;</div>
  683. <div class="fontclass">.jkglbl</div>
  684. </li>
  685. <li>
  686. <i class="icon iconfont">&#xd668;</i>
  687. <div class="name">bianji</div>
  688. <div class="code">&amp;#xd668;</div>
  689. <div class="fontclass">.bianji1</div>
  690. </li>
  691. <li>
  692. <i class="icon iconfont">&#xd669;</i>
  693. <div class="name">celiang</div>
  694. <div class="code">&amp;#xd669;</div>
  695. <div class="fontclass">.celiang</div>
  696. </li>
  697. <li>
  698. <i class="icon iconfont">&#xd670;</i>
  699. <div class="name">dianji</div>
  700. <div class="code">&amp;#xd670;</div>
  701. <div class="fontclass">.dianji</div>
  702. </li>
  703. <li>
  704. <i class="icon iconfont">&#xe613;</i>
  705. <div class="name">转诊</div>
  706. <div class="code">&amp;#xe613;</div>
  707. <div class="fontclass">.zhuanzhen</div>
  708. </li>
  709. <li>
  710. <i class="icon iconfont">&#xe61b;</i>
  711. <div class="name">健康指导</div>
  712. <div class="code">&amp;#xe61b;</div>
  713. <div class="fontclass">.jiankangzhidao</div>
  714. </li>
  715. <li>
  716. <i class="icon iconfont">&#xe614;</i>
  717. <div class="name">患者</div>
  718. <div class="code">&amp;#xe614;</div>
  719. <div class="fontclass">.huanzhe</div>
  720. </li>
  721. <li>
  722. <i class="icon iconfont">&#xe615;</i>
  723. <div class="name">患者设置</div>
  724. <div class="code">&amp;#xe615;</div>
  725. <div class="fontclass">.huanzheshezhi</div>
  726. </li>
  727. <li>
  728. <i class="icon iconfont">&#xe616;</i>
  729. <div class="name">相机</div>
  730. <div class="code">&amp;#xe616;</div>
  731. <div class="fontclass">.xiangji</div>
  732. </li>
  733. <li>
  734. <i class="icon iconfont">&#xe617;</i>
  735. <div class="name">邀请</div>
  736. <div class="code">&amp;#xe617;</div>
  737. <div class="fontclass">.yaoqing</div>
  738. </li>
  739. <li>
  740. <i class="icon iconfont">&#xe61c;</i>
  741. <div class="name">解约</div>
  742. <div class="code">&amp;#xe61c;</div>
  743. <div class="fontclass">.jieyue</div>
  744. </li>
  745. <li>
  746. <i class="icon iconfont">&#xe61f;</i>
  747. <div class="name">提醒-01</div>
  748. <div class="code">&amp;#xe61f;</div>
  749. <div class="fontclass">.tixing01</div>
  750. </li>
  751. <li>
  752. <i class="icon iconfont">&#xe620;</i>
  753. <div class="name">验证码-01</div>
  754. <div class="code">&amp;#xe620;</div>
  755. <div class="fontclass">.yanzhengma01</div>
  756. </li>
  757. <li>
  758. <i class="icon iconfont">&#xe621;</i>
  759. <div class="name">身份证-01</div>
  760. <div class="code">&amp;#xe621;</div>
  761. <div class="fontclass">.shenfenzheng01</div>
  762. </li>
  763. <li>
  764. <i class="icon iconfont">&#xe622;</i>
  765. <div class="name">手机</div>
  766. <div class="code">&amp;#xe622;</div>
  767. <div class="fontclass">.shouji1</div>
  768. </li>
  769. </ul>
  770. <div class="helps">
  771. 第一步:使用font-face声明字体
  772. <pre>
  773. @font-face {font-family: 'iconfont';
  774. src: url('iconfont.eot'); /* IE9*/
  775. src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  776. url('iconfont.woff') format('woff'), /* chrome、firefox */
  777. url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  778. url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
  779. }
  780. </pre>
  781. 第二步:定义使用iconfont的样式
  782. <pre>
  783. .iconfont{
  784. font-family:"iconfont" !important;
  785. font-size:16px;font-style:normal;
  786. -webkit-font-smoothing: antialiased;
  787. -webkit-text-stroke-width: 0.2px;
  788. -moz-osx-font-smoothing: grayscale;}
  789. </pre>
  790. 第三步:挑选相应图标并获取字体编码,应用于页面
  791. <pre>
  792. &lt;i class="iconfont"&gt;&amp;#x33;&lt;/i&gt;
  793. </pre>
  794. </div>
  795. </div>
  796. </body>
  797. </html>