iconfont-阿里巴巴矢量图 使用方法

2019-01-17  本文已影响0人  次序

选择图标加入购物车,然后加入项目。


image.png

点击发起在线连接,把生成的在线连接复制到网页中
(每次添加图标都要用最新的连接)
复制图标的编码即可使用。

        <view>
            <text class="test">&#xe784;</text>
            <text class="test">&#xe628;</text>
            <text class="test">&#xe627;</text>
            <text class="test">&#xe783;</text>
            <text class="test">&#xe785;</text>
        </view>

<style>
    @font-face {
        font-family: 'iconfont';
        src: url('https://at.alicdn.com/t/font_1019382_qgglpg9yim.ttf') format('truetype');
    }

    .test {
        font-family: iconfont;
        margin-left: 20upx;
    }
</style>


image.png
上一篇下一篇

猜你喜欢

热点阅读