dongyong3554 2018-06-27 20:45
浏览 92
已采纳

小数范围与小数

I'm trying to add a class "semi" to a star rating system I'm making with Twig. I can't create custom functions so it need to be done "frontend".

What I tried is this:

 {% for i in range(0, 5, 0.5) | limit(5) %} {# limit to 5 stars #}
  {% set starClass = (productScore >= i ? "on" : "off")  %}
   <span class="star fa fa-star {{ starClass }}"></span>
 {% endfor %}

When productScore equals 3 I get a result like:

 <span class="star fa fa-star on"></span>
 <span class="star fa fa-star on"></span>
 <span class="star fa fa-star on"></span>
 <span class="star fa fa-star off"></span>
 <span class="star fa fa-star off"></span>

But how can I create a function that also add a classname semi when productScore equals 3.5??

 <span class="star fa fa-star on"></span>
 <span class="star fa fa-star on"></span>
 <span class="star fa fa-star on"></span>
 <span class="star fa fa-star semi"></span>
 <span class="star fa fa-star off"></span>

Somebody have any idea?

  • 写回答

1条回答 默认 最新

  • doudiewen9435 2018-06-28 04:30
    关注

    I would go with something like this

    {% set productScore = 3.5 %}
    {% for i in range(0, 4) %}
        {% set starClass = productScore - i >= 1 ? 'on' : (productScore - i >= 0.5 ? 'semi' : 'off') %}
        <span class="star fa fa-star {{ starClass }}"></span>
    {% endfor %}
    

    demo

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥50 vue3 + vite + electron打包找不到第三方包?
  • ¥30 关于用python写支付宝扫码付异步通知收不到的问题
  • ¥50 vue组件中无法正确接收并处理axios请求
  • ¥15 隐藏系统界面pdf的打印、下载按钮
  • ¥15 MATLAB联合adams仿真卡死如何解决(代码模型无问题)
  • ¥15 基于pso参数优化的LightGBM分类模型
  • ¥15 安装Paddleocr时报错无法解决
  • ¥15 python中transformers可以正常下载,但是没有办法使用pipeline
  • ¥50 分布式追踪trace异常问题
  • ¥15 人在外地出差,速帮一点点