一、方法1 1、用到图片 2、结构和样式 li加了light的class就会变成亮星,就是换了背景位置,把空心的星星变成了实心的。所以js实现的时候点亮就是给li加一个light的类名。 效果: 3、交互js 这样设计的一个关键点在于,mouout时保存 ...
星期六加班,教育后台也要有星级评分等级的需求,醉了 基本知道些怎么做,网上也随便找了找,没什么合意的,毕竟需求不同,也不能完全一样不是。学习之,改之 Directive CSS .rating color: a a a margin: padding: text align: center ul.rating display: inline block .rating li list style ...
2016-09-24 15:02 0 2346 推荐指数:
一、方法1 1、用到图片 2、结构和样式 li加了light的class就会变成亮星,就是换了背景位置,把空心的星星变成了实心的。所以js实现的时候点亮就是给li加一个light的类名。 效果: 3、交互js 这样设计的一个关键点在于,mouout时保存 ...
这个功能就类似于某宝在购物之后,对商品进行评价 先看一下效果 那么实现这个功能也很简单,新建一个my-rate组件,然后上代码 注意,你的项目必须支持less,这边样式用的less 在页面调用,首先引入上面的组件 这样就实现了一个封装评分的组件 ...
的全星有几颗,有没有半星,灰色星星有几颗,通过背景图片实现,例如: 评分 : 4.6 分 ...
以下是显示后的图片,相信在很多网站上都能看到这种效果,目前我知道两种实现方式 1、background-position加上一张图片 图片:http://www.brookstone.com/webassets/pwr/engine/images/stars.gif ...
...
概述 我们将以一个实战项目为主要内容,穿插讲解小程序的各种概念。因为没有UI和后端,所以,我们这里使用豆瓣电影的API和小程序豆瓣评分作为学习材料。最终我们将会完成一个类似下图的小程序 详细 代码下载:http ...
显示评分和打分组件,可现实半颗星星效果 效果图: 参数名 类型 说明 score Number 分数 ,默认0,保留一位小数 ...
现在做网页已经不仅限于实现功能了,更多的是要实现功能的同时追求更加美观的实现。比如页面上让用户评分的功能,你完全可以放5个RdioButton让用户选择分数,也可以用DropDownList来实现,但那样不如用五个星星来得炫来得直观。 像这样的星星评分插件用得非常普遍 ...