关于微信小程序:微信小程序项目中使用icon图标

91次阅读

共计 478 个字符,预计需要花费 2 分钟才能阅读完成。

成果:

步骤:
1、先让 ui 负责人把你的账号退出到我的项目中,退出到我的项目中后就能够在 icon 图标库中看到该我的项目

2、在小程序中应用
新建一个 view,在下面加一个 class,复制 icon 名字下来即可,留神格局,格局为 iconfont icon 名。

iconfont 这个前缀不是固定的,依据 icon 名字来,icon 的前缀为 my-icon-xxxx,那么前缀就是 my-icon
没有前缀或者设置了前缀,个别都是应用 iconfont,依据我的项目视状况而定,这里以 my-icon 举例。
my-icon my-icon-fontxxx // 前缀 icon 名

// 应用 icon
 <view class="fontxxx my-icon my-icon-fontxxx"></view>

// 设置 icon 款式
  .fontxxx {
    font-size:30rpx;
    color:blue;
  }


下面演示的是曾经引入了 icon 的状况,如果没有引入则须要在 iconfont 图标库下载图标至本地,而后将文件外部的 iconfont.css 更名为 iconfont.wxss,放入到根文件夹的 style 中即可失常应用。

正文完
 0