Full-featured Vue 评分组件

最新推荐文章于 2025-08-13 21:05:35 发布

转载最新推荐文章于 2025-08-13 21:05:35 发布 · 94 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000013319915

文章标签：

#javascript #ViewUI

本文介绍了一个基于Vue的评分组件，支持半星、清除选择、文案展示等功能，并提供自定义颜色、字符及图片选项。该组件还支持hover时改变value，内含三种样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

分享一下最近写的 vue 的评分组件

Features: 支持半星、可清除、文案展示、只读、自定义颜色、自定义字符及图片等、支持 hover 的时候改变 value、内置三种样式，以及非常好看

DEMO： https://vue-cute-rate.netlify...

Github： https://github.com/luyilin/vu...

Enjoy ~

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33725126

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vuestarrating一个Vue2x简单高度自定义的星星评级组件

08-08

vue-star-rating一个Vue 2.x.简单高度自定义的星星评级组件

VUE 学习总结之简单的Rate评分组件

郭郭的博客

07-14

9000

说明本组件基于element-ui的图标库（星星图标）第一步： vue + webpack + element-ui框架第二步：创建Rate.vue文件，实现双向绑定分数第三部：使用组件代码在app.vue中引入组件 <Rate v-model='value' size="32px"> <span>{{value}} 分&...

参与评论您还未登录，请先登录后发表或查看评论

kokk：从markdown文件创建漂亮的文档。您也可以将vue组件插入文档

02-02

柯克这是另一个将组件插入文档的，源代码在examples/insertComponent 。 vue-cute-rate的，由kokk提供支持。介绍 KOKK是一种工具，可获取Markdown文件并将其呈现为漂亮的一页文档。不仅如此，您还可以在文档中插入vue组件。在此，它使用将两个演示插入文档中，看起来很酷，对吧？ :winking_face: 该设计受启发！我喜欢显示文档的优雅方式。这个名字的灵感来自Kokkoku :woman_dancing: 安装 yarn add kokk --save CDN： | （可作为window.Kokk ）快速开始创建一个HTML文件： index.html ，它将成为您的文档网站的主页： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt

UaExpert—A Full-Featured OPC UA Client Version 1.5.1

11-09

Free version of UaExpert comes with following Plugins: Win32 x86 sp1 v1.5.1-331 OPC UA Data Access View OPC UA Alarms&Conditions View ...OPC UA Historical Trend View ...XMLNodeSet-Export View ...

high-perf-full-featured.zip_high

09-22

"high-perf-full-featured.zip_high" 文件很可能包含了一系列实现这一目标的示例设计。这些设计可能涵盖了硬件优化、软件工程以及系统集成等多个方面，旨在为开发人员提供实践指导和灵感。在硬件优化方面，高性能...

KikoPlay:KikoPlay - NOT ONLY A Full-Featured Danmu Player 不仅仅是全功能弹幕播放器

05-12

KikoPlay - NOT ONLY A Full-Featured Danmu Player 不仅仅是全功能弹幕播放器特性 OpenGL渲染，流畅的弹幕体验 libmpv播放内核，保留mpv灵活的参数设置，支持实时进度条预览树形播放列表，可随意组织视频文件 ...

opentoonz, OpenToonz - An open-source full-featured 2D animation creation software.zip

10-11

opentoonz, OpenToonz - An open-source full-featured 2D animation creation software

世上最简单的vue教程

ratel的博客

12-11

2538

一、需要了解的基本知识 node.js Node.js是一个Javascript运行环境(runtime)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快，性能非常好。 Node.j...

ice-rate Vue评分组件

iceking

05-14

647

ice-star vue评分组件使用方式 1.安装 npm i ice-star 2.main.js中全局注册组件 import IceStar from 'ice-star'; Vue.use(IceStar); 3.使用组件 <ice-star :max="5" :count="count" @change="change" defa...

vue星级评分组件源码

前端大白话

07-06

2768

vue星级评分组件源码 &amp;lt;template&amp;gt; &amp;lt;p&amp;gt; &amp;lt;span v-for=&quot;Class in starArr&quot; :class=&quot;Class&quot; &amp;gt;&amp;lt;/span&amp;gt;

如何使用Vue封装星星评分组件

sslcsq的博客

05-30

1851

一 <template> <div> <div class="star mb-10" :class="starType"> <span class="star-item" v-for = "(itemClass,i) in itemClassess" :class="itemClass" :key="i" ></span&g

vue实现评分效果

lhysunshine的博客

03-08

3751

各大框架都有评分特效用起来也很方便心血来潮用vue简单写个评分组件 <body> <div id="app"> <star :count="10" v-model="myscore"></star> </div> </body> <script src="https://cdn.j...

Vue 星级评分组件

weixin_43294092的博客

05-28

1689

Vue 星级评分组件描述：其实很早就有想做一个星级评分的组价了，并且想写一些组件的代码库，就是在自己没事的时候造一些轮子，在工作的时候直接 Ctrl + C 和 Ctrl + V。别人还在苦苦加班写东西的时候，你已经开开心心下班，该干嘛干嘛去了...

vue 富文本编辑器 Editor 使用

zongzi494的博客

07-19

4721

富文本编辑器

vue星星评分（带小数点）

qq_38269004的博客

11-15

2765

首先我们要先引入vue.js文件 css部分 &lt;style&gt; main{ position:relative; } .star_line{ /* 设置强制不换行 */ width-space: nowrap; overflow: hidden; position: absolute; } .star{ display: inline...

electron进程间通信- 从渲染进程到主进程