美文网首页
简易评论星级功能

简易评论星级功能

作者: 一枚小菜 | 来源:发表于2020-08-30 10:38 被阅读0次

先遍历五次,startb是实星,stara是空星

<view class="star">
    <view v-for="(item,index) in list" :key="index" @tap="star(index)">
        <image :src="num>index?startb:starta"></image>
    </view>
    <view>{{num}}分</view>
</view>
data() {
    return {
    list: [0, 1, 2, 3, 4],
    num: 0,
}}
star(i) {
      this.num = i + 1;
    }
效果

相关文章

  • php+mysql+html实现五角星评论功能

    五角星评论功能经常在一些文章内容底部评论见到,就比如淘宝上的星级评论,原理都差不多,html部分 index.ph...

  • 关于星级评论

    今天看到一个关于星级评论很厉害的插件 首先我们需要将需要的图片资源导入项目中。可以直接拖入项目中也可放在Asset...

  • 星级评论控件

    .m文件 #import "Start.h" @implementation Start -(void)setPe...

  • 简易评论

    var inp = document.getElementById('text'); //提示 var m = d...

  • iOS- 非整星的评分控件(支持小数)

    现在很多应用都有评分功能.当然我们项目也不例外,有了订单就有订单评论,订单评论里就有星级评分控件了! 一般来说, ...

  • 简易的星级评分

  • iOS星级评论条

    评论视图下载地址:https://git.oschina.net/qjz.com/StareComment/tre...

  • python实现简易登陆与评论功能

    我是一个计算机专业的渣渣,以前读书的时候,看见代码避之不及,所以编程基础可想而知,现在工作了,觉得会点编程,帮助提...

  • 什么是早期评论员计划?

    什么是早期评论员计划? 早期评论员计划鼓励已购买产品的客户分享他们对该产品的真实体验,无论是一星级评论还是五星级评...

  • 引导用户添加星级评论

    ///弹出好评 - (void)haoping { // if([SKStoreReviewController...

网友评论

      本文标题:简易评论星级功能

      本文链接:https://www.haomeiwen.com/subject/qwhusktx.html