一、需求演變及描述: 1. 有一個“客戶對公司的總體評價”的字段(evalutation)。字段為枚舉類型,0-5,對應關系為:0-暫無評價,1-很差,2-差,3-一般,4-好,5-很好 2. 后來需要根據評分使用星星來表現,一共5顆星,分為實星和空星,例如,當3分時,三顆星星被點亮,即3顆實 ...
lt template gt lt div class Rating gray gt lt i v for item,index in itemClasses :key index class fa :class item gt lt i gt lt div gt lt template gt lt script gt 星星長度 const LENGTH 星星對應的class const CLS ...
2019-07-02 22:18 0 482 推薦指數:
一、需求演變及描述: 1. 有一個“客戶對公司的總體評價”的字段(evalutation)。字段為枚舉類型,0-5,對應關系為:0-暫無評價,1-很差,2-差,3-一般,4-好,5-很好 2. 后來需要根據評分使用星星來表現,一共5顆星,分為實星和空星,例如,當3分時,三顆星星被點亮,即3顆實 ...
顯示評分和打分組件,可現實半顆星星效果 效果圖: 參數名 類型 說明 score Number 分數 ,默認0,保留一位小數 ...
寫了個評分組件,效果如下 組件Rate.js import React, { Component } from 'react' import './Rate.less' export default class Rate extends Component ...
最近的項目中有一個星級評分的需求, 自己就寫了一下, 由於可能一個頁面要用到多個,就采用了面向對象的寫法。 用到的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星級評論 ...