uniapp 使用iconfont图标

UNI-APP添加顶部导航栏并且更换图标

UNI-APP 使用 ICONFONT

 

注意：

（1）iconfont.css文件内需配置https://at.alicdn.com/t/，具体如下：

@font-face {font-family: "iconfont";
  src: url('https://at.alicdn.com/t/iconfont.eot?t=1570849575671'); /* IE9 */
  src: url('https://at.alicdn.com/t/iconfont.eot?t=1570849575671#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/iconfont.woff?t=1570849575671') format('woff'),
  url('https://at.alicdn.com/t/iconfont.ttf?t=1570849575671') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('https://at.alicdn.com/t/iconfont.svg?t=1570849575671#iconfont') format('svg'); /* iOS 4.1- */
}

（2）调用图标时需要写成"\u***"

按钮上显示的文字。使用字体图标时 unicode 字符表示必须 '\u' 开头，如 "\ue123"（注意不能写成"\e123"）。

 

 

附上iconfont官网：https://www.iconfont.cn/