{{scoreContent}} .。uniapp实现滑动评分效果。" />

锐客网

  1. 首页 > it技术 > >

uniapp实现滑动评分效果

本文实例为大家分享了uniapp实现滑动评分的具体代码，供大家参考，具体内容如下
uniapp开发、 滑动评分、点击评分

.starLen{margin-right: 10rpx; display: inline-block; }.star{width:30rpx; height:30rpx; }.scoreContent{margin-left: 100rpx; display: inline-block; color: #fff; }

代码中的距离都是按照10px/2，转为5rpx，（如果使用其他单位，请自行转换）
var starMinX = 110，最左边的星星离屏幕左边的距离
var starWidth = 15 ，为星星的宽度
var starLen = 5，为两个星星之间相隔的距离。
示例效果：

uniapp实现滑动评分效果
文章图片

【uniapp实现滑动评分效果】以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

    推荐阅读


    上一篇：Java实现多选批量删除功能（vue+Element）

    下一篇：Java修改图片大小尺寸的简单实现