uniapp提供了很多扩展组件,使用很方便。
今天来看一下打分评分组件:https://ext.dcloud.net.cn/plugin?name=uni-rate
使用很简单,如下所示:
<!-- 需要在 script 中绑定 value 变量 -->
<uni-rate v-model="value" @change="onChange"/>
<!-- 不支持滑动手势选择评分 -->
<uni-rate :touchable="false" :value="5"/>
<!-- 设置尺寸大小 -->
<uni-rate :size="18" :value="5"/>
<!-- 设置评分数 -->
<uni-rate :max="10" :value="5" />
<!-- 设置星星间隔 -->
<uni-rate :value="4" :margin="20" />
<!-- 设置颜色 -->
<uni-rate :value="3" color="#bbb" active-color="red" />
<!-- 选择半星 -->
<uni-rate allow-half :value="3.5" />
<!-- 只读状态 -->
<uni-rate :readonly="true" :value="2" />
<!-- 禁用状态 -->
<uni-rate :disabled="true" disabledColor="#ccc" :value="3" />
<!-- 未选中的星星为镂空状态 -->
<uni-rate :value="3" :is-fill="false" />
功能很强大,使用很方便!
如果我们想个性话一点,不使用五星,想使用其它图标,怎么办呢?
直接在uni-rate组件源码中,修改成自己想要的图标就可以了!
当然,如果想更好的实现这个功能,就是给这个组件添加一个属性,把图标类型传进去。
-
追格小程序V1.9.0发布用户注销功能与积分阅读帖子(模块)追格小程序是一个积木式小程序搭建框架,基于uniapp+WordPress开发的微信小程序,代码免费开源不加密且支持二开,安装追格相应扩展模块(模块支持按需购买),简单配置即可快速搭建不限于圈子社区、知识付费、活动报名、资讯等类型小程序。
-
api scope is not declared in the privacy agreement程序功能突然失效了……
-
微信小程序蜘蛛是什么微信小程序蜘蛛是什么
-
微信小程序页面无法分享微信小程序页面无法分享
-
追格小程序图文发帖和个人资料无法上传图片的解决办法追格小程序:图文发帖、个人资料无法上传图片的解决办法
-
使用追格小程序创建活动报名小程序使用追格小程序创建活动报名小程序
暂无评论,抢个沙发...