uView Icon 图标

基于字体的图标集,包含了大多数常见场景的图标。

#平台差异说明

App(vue) App(nvue) H5 小程序

#基本使用

注意

因为在nvue下暂时无法解决自定义图标的问题,所以此功能暂缓推出。

icon下载地址

通过形式来调用,设置name参数为图标名即可。其中color默认为#606266size默认为16px


copy

#修改图标的样式

  • 通过color参数修改图标的颜色
  • 通过size参数修改图标的大小,单位为px

copy

#图片图标

这里说的图片图标,指的是小图标,起作用定位为"icon"图标作用,而非大尺寸的图片展示场景,理论上,这个小图标应该为png格式的正方形图标。

上面说到,给组件的name参数传入一个图片的名称即可显示字体图标,这些名称中不能带有/斜杠符号,否则会被认为是传入了图片图标,同时,size参数 也被设置为这个图片图标的宽度,由于是图片,诸如颜色color等参数都会失效。

你可能感兴趣的:(vue.js,前端,javascript,微信小程序)