美文网首页
微信小程序如何使用阿里图库

微信小程序如何使用阿里图库

作者: 郭的妻 | 来源:发表于2019-01-02 14:59 被阅读7次
     1.在阿里图库的下载图标代码
    
     2.将iconfont.css 文件中的css代码复制到你要用的wxss当中
            @font-face {
    font-family: "iconfont";
    src: url('iconfont.eot?t=1544693275711');
    /* IE9*/
    src: url('iconfont.eot?t=1544693275711#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAASMAAsAAAAABtQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY7d0bzY21hcAAAAYAAAABLAAABcOYpsq1nbHlmAAABzAAAANkAAADg8pRfYmhlYWQAAAKoAAAALwAAADYTj9IzaGhlYQAAAtgAAAAcAAAAJAfeA4NobXR4AAAC9AAAAAgAAAAICAAAAGxvY2EAAAL8AAAABgAAAAYAcAAAbWF4cAAAAwQAAAAeAAAAIAEOAFJuYW1lAAADJAAAAUUAAAJtPlT+fXBvc3QAAARsAAAAHwAAADDU+2pveJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeMj5lZG7438AQw9zA0AAUZgTJAQDdIwvjeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf8r4/z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQAo5glpAHicY2BiYPjfy/yFuZjBgMGVgYFRj5GPUVxMlI+RXY9R3Y7R3EhMXMyOUU0dCJWV2IHCbCLickAVRuZASTNTE1Z1NT5GEXlGMXFjI3NGO6B+dkY25g+M4vLCjEys77du+cDK+mGLZ6slr6wwM4+jb2BYamxkl5q6ulpXZOyp2KhONfW/zzdwy4lybxCTZZQVZbzFzSQqy/NPnYlxjYAwszi/iNDW9yAjgAbp63IyS8pyGcvIIOlWV+uMik0VW7qCm1FclnuFCKMw4yJuWXEmrn9xjAwMAN5EMSUAAAB4nGNgZGBgAOLk5KnL4vltvjJwszCAwA0Ld2kE/b+XhYG5GMjlYGACiQIAAu0IpgB4nGNgZGBgbvjfwBDDwgACQJKRARUwAQBHCAJrBAAAAAQAAAAAAAAAAHAAAHicY2BkYGBgYnADYgYwi4GBCwgZGP6D+QwAD4QBYQAAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicY2BigAAuBuyAiZGJkZmBLaU0Mz2/lIEBABCkAqkA') format('woff'), url('iconfont.ttf?t=1544693275711') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('iconfont.svg?t=1544693275711#iconfont') format('svg');
    /* iOS 4.1- */
    }
    
    .iconfont {
    font-family: "iconfont" !important;
    font-size: 15px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
    
    .icon-duigou:before {
    content: "\e501";
    }
    
     3.在wxml的中引用
          例: <icon class="iconfont icon-duigou"></icon>

    相关文章

      网友评论

          本文标题:微信小程序如何使用阿里图库

          本文链接:https://www.haomeiwen.com/subject/swyzlqtx.html