一、方法1 1、用到图片 2、结构和样式 li加了light的class就会变成亮星,就是换了背景位置,把空心的星星变成了实心的。所以js实现的时候点亮就是给li加一个light的类名。 效果: 3、交互js 这样设计的一个关键点在于,mouout时保存 ...
一、方法1 1、用到图片 2、结构和样式 li加了light的class就会变成亮星,就是换了背景位置,把空心的星星变成了实心的。所以js实现的时候点亮就是给li加一个light的类名。 效果: 3、交互js 这样设计的一个关键点在于,mouout时保存 ...
显示评分和打分组件,可现实半颗星星效果 效果图: 参数名 类型 说明 score Number 分数 ,默认0,保留一位小数 ...
概述 我们将以一个实战项目为主要内容,穿插讲解小程序的各种概念。因为没有UI和后端,所以,我们这里使用豆瓣电影的API和小程序豆瓣评分作为学习材料。最终我们将会完成一个类似下图的小程序 详细 代码下载:http ...
思路:每一趟比较时,依次取出数组中的某个数和后面的数比较 如果该数大于 后面的数 就交换 function fnSort(arr){ var t; for (var i = 0; ...
1.首先wxml 2..js 3.wxss ...
这个功能就类似于某宝在购物之后,对商品进行评价 先看一下效果 那么实现这个功能也很简单,新建一个my-rate组件,然后上代码 注意,你的项目必须支持less,这边样式用的less 在页面调用,首先引入上面的组件 这样就实现了一个封装评分的组件 ...
纳尼?什么星星外衣?好,直接上图比较能说清楚: 仔细看会发现规律:可以根据百分比/分值动态改变高亮星星的个数。 分步骤图: 这种效果,如果遇到一分一个星,没有半星(或者有也可以,直接加一个半星的类名)的情况,还可以通过添加多个结构实现。 但是再加上这星星都要渐变 ...
漂亮 动感 用户体验好 星星评分 核心实现:(样式-鼠标事件-动画展示-数据缓存) 核心实现,最新淘宝漂亮星星评分-JQUERY版 完毕! ...