1. 创建新分支
码云上创建功能分支:index-icons
,把该分支拉到本地,然后切换到该分支:
在
components
下创建Icons.vue
,取名HomeIcons
,
在Home
组件中引入并注册Icons
组件:
设置元素icon的样式,高度自适应为父元素宽度的一半:
2. 显示八个小图标
– 先观察其中的一个小图标icon的位置和样式:
图标区域页面布局
最新推荐文章于 2022-05-19 20:59:31 发布
1. 创建新分支
码云上创建功能分支:index-icons
,把该分支拉到本地,然后切换到该分支:
在
components
下创建Icons.vue
,取名HomeIcons
,
在Home
组件中引入并注册Icons
组件:
设置元素icon的样式,高度自适应为父元素宽度的一半:
2. 显示八个小图标
– 先观察其中的一个小图标icon的位置和样式: