<template> <div class="Rating-gray"> <i v-for="(item,index) in it ...
一 需求演变及描述: . 有一个 客户对公司的总体评价 的字段 evalutation 。字段为枚举类型, ,对应关系为: 暂无评价, 很差, 差, 一般, 好, 很好 . 后来需要根据评分使用星星来表现,一共 颗星,分为实星和空星,例如,当 分时,三颗星星被点亮,即 颗实星 颗空星。 二 开发前准备: . 用于描述星星的图标,也可以是图片,我这里使用 iconfont . 新建一个星级评分组件, ...
2018-09-28 16:14 0 1008 推荐指数:
<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 ...
显示评分和打分组件,可现实半颗星星效果 效果图: 参数名 类型 说明 score Number 分数 ,默认0,保留一位小数 ...
最近的项目中有一个星级评分的需求, 自己就写了一下, 由于可能一个页面要用到多个,就采用了面向对象的写法。 用到的png图片也放到这里。 js要用到jquery。 css: js: 由于我这里的需求只有点 ...
星星图片来源于https://www.iconfont.cn/search/index?searchType=icon&q=%E6%98%9F ...
鼠标点击后可保留颜色。 页面效果如下: ...
前面有一篇原生js实现星级评分 。可能覆盖面不是很广,现在给出一个jquery实现的星级评分。 Html代码 <div class="star"> <span>jQuery星级评论 ...
各种偏门捷径实现如图所示的评分组件 一、低配版 没错,只需一行代码就能实现评分(狗头) 虽然星星的样式一言难尽,也没有星星的交互,但这种实现方式你想到过吗? 二、标准版 rc-rate 的实现思路,ant-design 就是用的这个 rate 组件 ...