zoukankan      html  css  js  c++  java
  • 怎么根据返回数量,来渲染点赞星星的个数变高量?

     <script>
            //假设后台返回的数量为3
            var arr = [false, false, false, false, false]
            arr.splice(0, 3)
            console.log(arr) //[false,false]
            for (var i = 0; i < 3; i++) {
                arr.unshift(true)
    
            }
            console.log(arr, '输出最后一个') // [true, true, true, false, false]
        </script>

    如果用vue或者是avalon,最好直接在html中去判断,其中

    el.score表示的是返回数,然后根据三元表达式去选取class。。。。能用html的千万别用js,麻烦!!!!
     <p style="display: inline-block;">
          <span ms-class="['fishqc-report-xing-small',el.score >=1 ?'fishqc-report-xing-active':'fishqc-report-xing' ]"></span>
          <span ms-class="['fishqc-report-xing-small',el.score >=2 ?'fishqc-report-xing-active':'fishqc-report-xing' ]"></span>
          <span ms-class="['fishqc-report-xing-small',el.score >=3 ?'fishqc-report-xing-active':'fishqc-report-xing' ]"></span>
          <span ms-class="['fishqc-report-xing-small',el.score >=4 ?'fishqc-report-xing-active':'fishqc-report-xing' ]"></span>
          <span ms-class="['fishqc-report-xing-small',el.score >=5 ?'fishqc-report-xing-active':'fishqc-report-xing' ]"></span>
     </p>
  • 相关阅读:
    拥有最多糖果的孩子
    求1+2+…+n
    网络-中间代理
    Header中的Referer属性表示
    ios13.4post请求出现网错错误 network err
    10.8&10.10
    9.23&9.27
    9.16&9.19
    校内模拟赛划水报告(9.9,9.11)
    男人八题 划水题解
  • 原文地址:https://www.cnblogs.com/antyhouse/p/8484543.html
Copyright © 2011-2022 走看看