这个功能就类似于某宝在购物之后，对商品进行评价 先看一下效果 那么实现这个功能也很简单，新建一个my-rate组件，然后上代码 注意，你的项目必须支持less，这边样式用的less 在页面调用，首先引入上面的组件 这样就实现了一个封装评分的组件 ...

<template> <div class="Rating-gray"> <i v-for="(item,index) in it ...

github源码地址：https://github.com/13476075014/node-vue/blob/master/mynodeproject/13.sell/sell/src/components/star/star.vue 一：实现的思路： 　　通过评分的分数，来算出高亮 ...

设计需求如下，根据使用功能块的不同，有三种大小的评分设计。 由于需求中的设计样式与功能基本一致，只是在不同显示区域的大小有些区别。还有就是一些功能上的，如：多事件监听，只读。 那么完全可以把上述的不同作为properties传入自定义组件，来实现不同的需求功能。 那么就先配置好自定义 ...

一、方法1 1、用到图片 2、结构和样式 li加了light的class就会变成亮星，就是换了背景位置，把空心的星星变成了实心的。所以js实现的时候点亮就是给li加一个light的类名。 效果： 3、交互js 这样设计的一个关键点在于，mouout时保存 ...

...

写了个评分组件，效果如下 组件Rate.js import React, { Component } from 'react' import './Rate.less' export default class Rate extends Component ...

一、需求演变及描述： 1. 有一个“客户对公司的总体评价”的字段（evalutation）。字段为枚举类型，0-5，对应关系为：0-暂无评价，1-很差，2-差，3-一般，4-好，5-很好 2. 后来需要根据评分使用星星来表现，一共5颗星，分为实星和空星，例如，当3分时，三颗星星被点亮，即3颗实 ...