<template> <div class="Rating-gray"> <i v-for="(item,index) in it ...
写了个评分组件,效果如下 组件Rate.js import React, Component from react import . Rate.less export default class Rate extends Component state count: this.props.number , num: this.props.def , enter: , leave: this.pro ...
2019-07-05 10:17 0 541 推荐指数:
<template> <div class="Rating-gray"> <i v-for="(item,index) in it ...
显示评分和打分组件,可现实半颗星星效果 效果图: 参数名 类型 说明 score Number 分数 ,默认0,保留一位小数 ...
一、需求演变及描述: 1. 有一个“客户对公司的总体评价”的字段(evalutation)。字段为枚举类型,0-5,对应关系为:0-暂无评价,1-很差,2-差,3-一般,4-好,5-很好 2. 后来需要根据评分使用星星来表现,一共5颗星,分为实星和空星,例如,当3分时,三颗星星被点亮,即3颗实 ...
各种偏门捷径实现如图所示的评分组件 一、低配版 没错,只需一行代码就能实现评分(狗头) 虽然星星的样式一言难尽,也没有星星的交互,但这种实现方式你想到过吗? 二、标准版 rc-rate 的实现思路,ant-design 就是用的这个 rate 组件 ...
这个功能就类似于某宝在购物之后,对商品进行评价 先看一下效果 那么实现这个功能也很简单,新建一个my-rate组件,然后上代码 注意,你的项目必须支持less,这边样式用的less 在页面调用,首先引入上面的组件 这样就实现了一个封装评分的组件 ...
设计需求如下,根据使用功能块的不同,有三种大小的评分设计。 由于需求中的设计样式与功能基本一致,只是在不同显示区域的大小有些区别。还有就是一些功能上的,如:多事件监听,只读。 那么完全可以把上述的不同作为properties传入自定义组件,来实现不同的需求功能。 那么就先配置好自定义 ...
问题背景 在工作中遇到了这样一个场景,写了个通用的弹窗组件,却在同一个页面中多次使用了该组件。当点击打开弹窗时,可想而知,一次性打开了多个弹窗,而业务需求只需要打开一个。 我个人在解决问题过程中的一些已废弃思路 我首先想到的是能不能像mobx的@observer一样用一个 ...