33 lines
1.1 KiB
JavaScript
33 lines
1.1 KiB
JavaScript
import React from 'react';
|
|
var iconJson = require("../font/iconfont.json");
|
|
import { IconFont } from '@zhst/icon';
|
|
import "./index.less";
|
|
import { message } from '@zhst/meta';
|
|
var demo = function demo() {
|
|
var iconArr = iconJson['glyphs'];
|
|
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("ul", {
|
|
className: 'demo-ul'
|
|
}, iconArr.map(function (item) {
|
|
var font_class = item.font_class,
|
|
name = item.name;
|
|
var fontName = "icon-".concat(font_class);
|
|
return /*#__PURE__*/React.createElement("li", {
|
|
className: 'demo-li'
|
|
}, /*#__PURE__*/React.createElement(IconFont, {
|
|
styles: {
|
|
marginBottom: 20
|
|
},
|
|
icon: fontName,
|
|
size: 32,
|
|
onIconClick: function onIconClick() {
|
|
navigator.clipboard.writeText(fontName);
|
|
message.success("\u590D\u5236".concat(fontName, "\u6210\u529F"));
|
|
}
|
|
}), /*#__PURE__*/React.createElement("div", {
|
|
className: "demo-li-name"
|
|
}, name), /*#__PURE__*/React.createElement("div", {
|
|
className: "demo-li-name"
|
|
}, fontName));
|
|
})));
|
|
};
|
|
export default demo; |