iconfont 使用

官网地址

iconfont-阿里巴巴矢量图标库

 常规操作:注册账号

首页

iconfont 使用_第1张图片

 搜索想要的图片

iconfont 使用_第2张图片

 

 加入购物车并添加项目没有就创建一个

iconfont 使用_第3张图片

 

在线生成链接

iconfont 使用_第4张图片

 复制生成的css

iconfont 使用_第5张图片

 在前端软件创建相关的wxss文件

iconfont 使用_第6张图片

 全局

@import "/static/iconfont/iconfont.wxss";

page {
  height: 100%;
}

页面引用

        
            
            购物车
        

效果展示

 

 

你可能感兴趣的:(iconfont,前端样式,wxss)