rating(评价)组件可以简单分为三部分:
一.评分等信息
二.评价组件
三.评价详细信息
一.rating的第一部分
说下第一部分的结构,分左右,左边是综合评分,右边是商品评分、送达时间等。
二.第二部分
要引入的
1.props接收seller信息
2.记得引入星星组件,
3.注意上图的兼容性问题,iphone5的屏幕小,要响应式,
第一部分右边也要简单设置
iphone5的屏幕小,太宽恐怕折行,星星和评分本在一行,恐评分到下一行
可调整padding-left
二、第二部分
1.引入ratingselect组件
之前已经做好了,引入。还需添加方法,和在food.vue中的方法类似。
2.声明变量
3.不同之处在于这里从ratings的接口获取信息,做出响应。此处的ratings和food的ratings不同
4.添加方法
三、评价详细信息
1.dom
css:注意层级
2.过滤时间戳,转化为具体的时间