使用矢量图标 - icon

知识点

• 在页面中加入矢量(SVG)图标

官网

https://heroicons.dev/

实战演习

<svg class="w-6 h-6 inline-block" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 4v12l-4-2-4 2V4M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg>
<button class="btn_primary">确定</button>
<button class="btn_secondary">确定</button>
<button class="btn_success">确定</button>
<button class="btn_danger">确定</button>
<button class="btn_info">确定</button>

课程文件

https://github.com/komavideo/LearnTailwindCSS

小马视频频道

http://komavideo.com

小马部落

https://discord.gg/VSKw72P