太原网站制作_太原网站建设_太原做网站_秘密武器开发者中心
历史搜索

uview2.0 自定义图标方法

游客2024-12-04 09:30:02

首先,到 iconfont 这个网站添加自己想要的图标,然后下载下来。

uview2.0 自定义图标方法 1

1.js 代码如下:

let path1 = "./iconfont.json";
let fs = require('fs');
const path = require('path');
let plays = JSON.parse(fs.readFileSync(path1));
const obj = {}
plays.glyphs.forEach((item)=>{
    obj['uicon-'+item.font_class] = '\'+'u'+item.unicode
})
console.log(obj);
let json = "export default" + JSON.stringify(obj)
json = json.replace(/\\/g,'\')
const r = path.resolve(__dirname,'icons.js');
fs.writeFile(r,  json, 'utf8', (err) => {
    if (err) {
        console.log('写入文件出错拉!具体错误:' + err)
        return message.error("写入路径失败,请重新输入!")
    } else {
        console.log('ok');
    }
});

iconfont.json就是之前在 iconfont 网站下载的 ttf 和 css 同级下的文件,执行上面文件 就可以生成一个可以使用的 icons.js 了:

node 1.js

执行后 我生成这样的:

export default{"uicon-WIFI":"ufda6","uicon-beizidangao":"ue853"}

然后把 icons.js 放到 common 文件夹下。

本文是由用户"游客"发布,所有内容的版权归原作者所有。没有经过书面许可,任何单位或个人不得以任何形式复制、转载、引用本网站的内容。否则将追究法律责任。

相关专题