欢迎来到CL境外营销平台,平台经营Instagram、Facebook、YouTube、TIKTOK、Twitter粉丝、点赞、播放量服务、客服微信:coolfensi 24小时在线欢迎咨询购买!
公告:
欢迎来到CL境外营销平台,平台经营Instagram、Facebook、YouTube、TIKTOK、Twitter粉丝、点赞、播放量服务、客服微信:coolfensi 24小时在线欢迎咨询购买!

Ins写评论 --INS刷粉丝网站

首页 Instagram   作者:coolfensi  2022年11月27日  热度:46  评论:0     
时间:2022-11-27 18:19   热度:46° 

单纯的信用评级,虽然是字符串,因此全力支持css表述大小不一,和色调,绝大部分市场需求用那个是能满足用户的,但很多文章则表示无法全力支持十进制,比如说2.5此种,彼时我也没在乎,即便带队标识符 无法明确要求太少

这两天闲了留下来 翻阅chan从前的提问,真的能扩充呵呵,多样成两个全力支持十进制,色调,大小不一,月亮数目,动画电影和优先选择的rate模块,因此全力支持vue和react

路子


全力支持十进制只不过很单纯,Mauvezin☆☆☆☆☆当大背景,接着把★★★★★放到下层,透过掌控width+overflow就能随心所欲全力支持十进制字,更为重要是2.5, 3.8也全力支持 即便他们长度用em基层单位

同时实现


路子有了,标识符就说到了 html

☆☆☆☆☆

css

效用如下表所示

长度设为其他十进制也很easy 比如说3.4

润色呵呵


加上色调,动画电影什么的

  • tiny-rate

  • vue-tiny-rate

  • react-tiny-rate

tiny-rate


最单纯的,只返回字符串,色调什么的自己表述把

npm install tiny-rate --save

vue-tiny-rate


先从npm安装到项目里

npm install vue-tiny-rate --save

在项目里导入Rate模块

react-tiny-rate


先从npm安装到项目里

npm install react-tiny-rate --save

在项目里导入Rate模块

vue和react保持统一的参数名,用起来基本一样

配置项


  • value {number|string}: 评几星,全力支持十进制 默认:0

  • readonly {boolean} : 是否是只读. 默认鼠标移上去,是有优先选择效用的 default:false

  • length {number|string}: 一共几个星默认:5

  • theme {color|enum(yellow,green,blue,red,purple,orange,black,wihte)}: 主题色.默认: yellow

  • size {number|string}: 月亮的大小不一. 注意要带上基层单位

  • animate {number|string}: 是否有动画电影(秒)default:0

Events


  • onRate: 选中星级后的回掉. vue和react使用的标识符分别如下表所示

1.Vue

2.React

写完这俩模块,我最大的感受是,人闲留下来真是第一生产力,这应该是东半球最小的信用评级模块了

至于为什么没有angular4版本的,因为我不会啊 等学了angular4再写把

ITins

看完文章有收获么? 想获取源码吗?

关注ITins->私信我->回复关键字信用评级模块->即可获得~~~