TypeScript vue-svgicon.register函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中vue-svgicon.register函数的典型用法代码示例。如果您正苦于以下问题：TypeScript register函数的具体用法？TypeScript register怎么用？TypeScript register使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。

在下文中一共展示了register函数的9个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1:

import icon from 'vue-svgicon';

icon.register({
  user: {
    width: 64,
    height: 64,
    viewBox: '0 0 1024 1024',
    data: '<defs/><path pid="0" d="M504.951 511.98c93.49 0 169.28-74.002 169.28-165.26 0-91.276-75.79-165.248-169.28-165.248-93.486 0-169.287 73.972-169.279 165.248-.001 91.258 75.793 165.26 169.28 165.26zm77.6 55.098H441.466c-120.767 0-218.678 95.564-218.678 213.45V794.3c0 48.183 97.911 48.229 218.678 48.229H582.55c120.754 0 218.66-1.78 218.66-48.229v-13.77c0-117.887-97.898-213.45-218.66-213.45z"/>',
  },
});

开发者ID:qq449245884，项目名称:fising，代码行数:10，代码来源:user.ts

示例2:

import icon from 'vue-svgicon';

icon.register({
  example: {
    width: 64,
    height: 64,
    viewBox: '0 0 1024 1024',
    data: '<defs/><path pid="0" d="M770.56 460.8h250.88C998.4 220.16 803.84 25.6 563.2 2.56v250.88c104.96 20.48 186.88 102.4 207.36 207.36zM460.8 253.44V2.56C220.16 25.6 25.6 220.16 2.56 460.8h250.88c20.48-104.96 102.4-186.88 207.36-207.36zm102.4 517.12v250.88c243.2-23.04 435.2-217.6 460.8-460.8H773.12C750.08 668.16 668.16 750.08 563.2 770.56zM253.44 563.2H2.56c23.04 243.2 217.6 435.2 460.8 460.8V773.12C355.84 750.08 273.92 668.16 253.44 563.2zm0 0"/>',
  },
});

开发者ID:qq449245884，项目名称:fising，代码行数:10，代码来源:example.ts

示例3:

import icon from 'vue-svgicon';

icon.register({
  table: {
    width: 64,
    height: 64,
    viewBox: '0 0 1024 1024',
    data: '<defs/><path pid="0" d="M568.6 0h454.9v454.9H568.6V0zm0 568.6h454.9v454.9H568.6V568.6zM0 568.6h454.9v454.9H0V568.6zM0 0h454.9v454.9H0V0z"/>',
  },
});

开发者ID:qq449245884，项目名称:fising，代码行数:10，代码来源:table.ts

示例4:

import icon from 'vue-svgicon';

icon.register({
  eye: {
    width: 64,
    height: 64,
    viewBox: '0 0 1024 1024',
    data: '<defs/><path pid="0" d="M941.677 391.71c9.338-14.006 6.225-32.681-6.225-43.575-14.006-10.894-32.681-7.781-43.575 6.225-1.557 1.556-174.3 205.426-379.728 205.426-199.2 0-379.727-205.426-381.283-206.982-10.895-12.45-31.125-14.006-43.576-3.113-12.45 10.894-14.006 31.125-3.113 43.576 3.113 4.668 40.463 46.687 99.6 93.375l-79.37 82.482c-12.45 12.45-10.893 32.681 1.557 43.575 3.113 6.225 10.894 9.338 18.676 9.338 7.78 0 15.562-3.113 21.787-9.338l85.594-88.706c40.463 28.013 88.707 54.47 141.62 73.144l-32.682 110.495c-4.668 17.118 4.67 34.237 21.788 38.906h9.337c14.006 0 26.457-9.338 29.569-23.344l32.681-110.495c24.9 4.669 51.357 7.782 77.813 7.782s52.913-3.113 77.814-7.782l32.68 108.939c3.114 14.006 17.12 23.343 29.57 23.343 3.113 0 6.225 0 7.782-1.556 17.118-4.67 26.456-21.787 21.788-38.906L649.099 595.58c52.914-18.676 101.157-45.132 141.62-73.144l84.038 87.15c6.225 6.225 14.006 9.338 21.787 9.338 7.781 0 15.563-3.113 21.787-9.337 12.45-12.451 12.45-31.125 1.557-43.576l-79.37-82.481c63.808-46.689 101.16-91.82 101.16-91.82z"/>',
  },
});

开发者ID:qq449245884，项目名称:fising，代码行数:10，代码来源:eye.ts

示例5:

import icon from 'vue-svgicon';

icon.register({
  password: {
    width: 64,
    height: 64,
    viewBox: '0 0 1024 1024',
    data: '<defs/><path pid="0" d="M780.8 354.58H665.6v-42.89c0-72.31-19.85-193.3-153.6-193.3-138.87 0-153.6 135.05-153.6 193.3v42.89H243.2v-42.89C243.2 122.25 348.79 0 512 0s268.8 122.25 268.8 311.69v42.89zm-192 314.84c0-43.52-34.58-78.65-76.8-78.65s-76.8 35.13-76.8 78.65c0 29.46 15.4 54.47 38.44 67.82v89.64c0 21.74 17.25 39.7 38.4 39.7s38.4-17.96 38.4-39.7v-89.64c23-13.35 38.36-38.36 38.36-67.82zM896 512v393.61c0 65.26-51.87 118.39-115.2 118.39H243.2c-63.291 0-115.2-53.13-115.2-118.39V512c0-65.22 51.87-118.39 115.2-118.39h537.6c63.33 0 115.2 53.17 115.2 118.39z"/>',
  },
});

开发者ID:qq449245884，项目名称:fising，代码行数:10，代码来源:password.ts

示例6:

import icon from 'vue-svgicon';

icon.register({
  nested: {
    width: 227.93,
    height: 200,
    viewBox: '0 0 1167 1024',
    data: '<defs/><path pid="0" d="M.016 74.46a2.286 2.286 1440 1 0 145.836 0 2.286 2.286 1440 1 0-145.836 0zM291.72 1.524h875.081v145.837h-875.08zm0 364.639a2.286 2.286 1440 1 0 145.837 0 2.286 2.286 1440 1 0-145.837 0zm291.705-72.934H1166.8v145.836H583.425zM291.72 949.54a2.286 2.286 1440 1 0 145.837 0 2.286 2.286 1440 1 0-145.837 0zm291.705-72.902H1166.8v145.837H583.425zm0-218.802a2.286 2.286 1440 1 0 145.836 0 2.286 2.286 1440 1 0-145.836 0zm291.704-72.902h291.672V730.77H875.13z"/>',
  },
});

开发者ID:qq449245884，项目名称:fising，代码行数:10，代码来源:nested.ts

示例7:

import icon from 'vue-svgicon';

icon.register({
  link: {
    width: 200,
    height: 200,
    viewBox: '0 0 1024 1024',
    data: '<defs/><path pid="0" d="M912 1008.512H15.488V112h448.256v96H111.488v704.512H816V560.256h96z"/><path pid="1" d="M918.208 37.888l67.904 67.904L545.984 545.92l-67.904-67.84z"/><path pid="2" d="M1007.168 310.656h-96V112h-208V16h304z"/>',
  },
});

开发者ID:qq449245884，项目名称:fising，代码行数:10，代码来源:link.ts

示例8:

import icon from 'vue-svgicon';

icon.register({
  form: {
    width: 64,
    height: 64,
    viewBox: '0 0 1024 1024',
    data: '<defs/><path pid="0" d="M942.827 80.337c-11.424-11.407-26.41-17.118-41.377-17.118-14.985 0-29.952 5.71-41.36 17.118L719.393 221.015l-19.441 19.441-18.374 18.376-112.06 112.078-193.52 193.502v84.392h81.156l95.418-95.436 213.398-213.4 3.142-3.142h-.02l9.98-9.977 163.756-163.776c22.87-22.814 22.87-59.887 0-82.736z"/><path pid="1" d="M793.542 367.521l-213.4 213.418-95.416 95.438L473.3 687.8H337V548.265l11.425-11.426 193.519-193.5 112.06-112.08 11.424-11.424H64.02V960.78h740.946V356.117l-8.359 8.358z"/>',
  },
});

开发者ID:qq449245884，项目名称:fising，代码行数:10，代码来源:form.ts

示例9:

import icon from 'vue-svgicon';

icon.register({
  tree: {
    width: 64,
    height: 64,
    viewBox: '0 0 1024 1024',
    data: '<defs/><path pid="0" d="M1013.703 693.345c6.865 6.865 10.297 14.874 10.297 24.027v205.944c0 9.916-3.432 18.115-10.297 24.599-6.865 6.483-15.255 9.725-25.171 9.725H782.588c-9.153 0-17.162-3.242-24.027-9.725-6.865-6.483-10.297-14.683-10.297-24.599V717.372c0-6.102 1.526-11.823 4.577-17.162s7.246-9.534 12.586-12.586 11.06-4.577 17.162-4.577h77.801V546.896c0-4.577-1.144-8.772-3.432-12.586s-5.339-6.865-9.153-9.153-8.009-3.432-12.585-3.432H543.464v161.323h77.801c9.153 0 17.162 3.432 24.027 10.297s10.297 14.874 10.297 24.027v205.944c0 6.102-1.526 11.823-4.577 17.162s-7.246 9.534-12.585 12.585-11.06 4.577-17.162 4.577H415.321c-6.102 0-11.823-1.526-17.162-4.577s-9.725-7.246-13.158-12.585-5.149-11.06-5.149-17.162V717.372c0-9.153 3.432-17.162 10.297-24.027s15.255-10.297 25.171-10.297h76.657V521.725H188.782c-7.628 0-13.92 2.479-18.878 7.437s-7.437 10.869-7.437 17.734v136.152h77.801c9.916 0 18.115 3.432 24.599 10.297s9.725 14.874 9.725 24.027v205.944c0 9.916-3.242 18.115-9.725 24.599-6.483 6.483-14.683 9.725-24.599 9.725H34.324c-3.814 0-7.437-.572-10.869-1.716-3.432-1.144-6.483-2.67-9.153-4.577-2.67-1.907-5.149-4.386-7.437-7.437-2.288-3.051-4.004-6.293-5.149-9.725C.572 930.753 0 927.13 0 923.316V717.372c0-3.051.381-6.102 1.144-9.153s1.907-5.721 3.432-8.009 3.432-4.577 5.721-6.865 4.577-4.195 6.865-5.721 4.958-2.67 8.009-3.432 6.102-1.144 9.153-1.144h77.801V495.41c0-6.865 2.479-12.776 7.437-17.734s10.869-7.437 17.734-7.437h354.682V342.096h-76.657c-9.916 0-18.306-3.432-25.171-10.297s-10.297-14.874-10.297-24.027V101.828c0-9.916 3.432-18.306 10.297-25.171s15.255-10.297 25.171-10.297h205.944c6.102 0 11.823 1.716 17.162 5.149 5.339 3.432 9.534 7.818 12.585 13.158 3.051 5.339 4.577 11.06 4.577 17.162v205.944c0 9.153-3.432 17.162-10.297 24.027s-14.874 10.297-24.027 10.297h-77.801V470.24H885.56c7.628 0 13.92 2.479 18.878 7.437s7.437 10.869 7.437 17.734v187.638h76.657c9.916-.001 18.306 3.431 25.171 10.296z"/>',
  },
});

开发者ID:qq449245884，项目名称:fising，代码行数:10，代码来源:tree.ts

注：本文中的vue-svgicon.register函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。