图标的使用
阿里巴巴矢量库
- 搜索icon
- 添加到购物车
- 添加至项目
- Font class 生成在线链接
- 复制在线链接 点开 复制代码 保存到代码文件夹里面
<template>
// 使用
// 阿里巴巴矢量库
<view class="iconfont icon-search"></view>
<view class="iconfont icon-user"></view>
</template>
<script>
export default{
}
</script>
<style>
// 引入 @import "存放路径"
@import "../../static/font/iconfont.css";
</style>
icon插件
插件市场
搜索icons 使用HBUilderX导入插件
<template>
// 使用
// icon插件
<uni-icons type="search" size="36" color="red"></uni-icons>
<uni-icons type="person" size="36" color="green"></uni-icons>
/*
type 图标图案
size 字体大小
color 颜色
*/
</template>
<script>
export default{
}
</script>
<style>
</style>