海创软件组-2020913-vue的注意小知识点

怎么让底部组件有时候显示有时候隐藏

例如这个界面的底部,在外卖、搜索、订单、我的这四个路由的时候是显示的,但是当跳转到登录/注册页面的时候就隐藏起来

海创软件组-2020913-vue的注意小知识点
海创软件组-2020913-vue的注意小知识点

首先要找到三种图片,全亮的星星,半星,灰色的星星
抽出成一个组件,让有需要的地方可以引用

并且在父组件引入的时候需要将评分传给star组件

定义一个数组来接收要使用什么样子的星星,之后在span中循环出来,并且设置什么属性的使用什么样子的星星
而且需要知道多少评分需要设置什么样的星星
例如: 3.2: 3(全) + 0(半) + 2(灰)
3.5: 3 + 1 + 1
接收父组件的score
定义一个方法starClasses ()
整数scoreInt部分就是多少个全星,如果score-scoreInt>0.5那么就是一个全星,之后使用while(n<5)将灰色的星星循环出来,在computed中计算这个方法
完整代码

来源:chainnnn

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年8月10日
下一篇 2020年8月10日

相关推荐