【 微信小程序 】图标的使用

图标的使用

阿里巴巴矢量库

• 搜索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>