在前面的几篇文章中,我们实现的基本效果如下
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8f12ad72c5fe868ee9056c5a1cb41e5f.png)
接下来,我们添加项目中的其他组件,先来看看评分组件怎么添加吧
添加评分组件
一. 抽离评分组件Rating.vue
考虑到评分这个部分,在以后的项目文件中应该经常用到,所以我们在这里把评分组件抽离出来,为Rating.vue
1. iconfont库中找“五角星”
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/0ba2c05d229f1b3e478244382ccb18f1.png)
将新生成的代码,替换掉 /public/index.vue 中的 link 标签
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/68b65aec10da6be404ed7377ac07131b.png)
2. 实现评分组件样式
- 在 src/components/ 文件夹中添加 Rating.vue 组件
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6002a545ad91d2e6d087c746bca84bb6.png)
- 在 父