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

成果:

步骤:
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中即可失常应用。

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理