python - 如何使用 django for 标签在 10 种不同的背景颜色之间旋转

标签 python css django

我有一个 django 模板,该页面将填充消息。我希望消息在 10 种颜色之间轮换。所以 1:red 2:blue .......10:yellow 1:red 。因此,如果我有 20 条消息,您将看到每种颜色两次。

这是我的 stream.html

{% extends "index.html" %}
{% load staticfiles %}
{% block content %}
{% for secret in secrets%}

<section id="blue" class="container-fluid text-blue">
  <div class="container">

    <div class="col-md-12 text-center">

      <h3 class="">{{secret.secretmessage}}</h3>

    </div>
  </div> <!-- /container -->
</section>
{% endfor %}
{% endblock %}

这是我的看法:

def stream(request):
    h = Secrets.object.all()
    context     =   locals()
    template    =   'stream.html'

    return render_to_response(template, context)

因为我不能在模板中声明变量,所以我不得不寻找这个解决方案。提前致谢

最佳答案

我做了以下操作并且效果很好:

{% extends "index.html" %}
{% load staticfiles %}
{% block content %}
{% for secret in secrets%}
<tr class="{% cycle "lightgreen" "purple" "darkgreen" "lightblue" "darkblue" "yellow" as rowcolors %}"></tr>
<section id="{{rowcolors}}" class="container-fluid messages">
  <div class="container">

    <div class="col-md-12 text-center">



      <h3 class="">{{secret.secretmessage}}</h3>

    </div>
  </div> <!-- /container -->
</section>

{% endfor %}
{% endblock %}

谢谢里卡多

关于python - 如何使用 django for 标签在 10 种不同的背景颜色之间旋转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26350340/

相关文章:

css - Firefox 不会像 Chrome 和 Internet Explorer 那样显示表格行

python - 在带有参数列表和赋值的长行中,pep8 的正确缩进是什么

python - tar (Unix) 和 tarfile (Python) 之间的根本区别是什么?

python - 了解 Blum Blum Shub 算法。 (Python 实现)

python - 因未知原因收到 TypeError

python - 使用 mongodb (mongoengine) 和 redis 测试 django

python - Django Celery apply_async 不起作用

python - networkX node_connected_component 未针对定向类型实现

javascript - 如何使位于一个 "top panel"内但位于不同 Angular 落的 2 个 div 在更改窗口大小时不相互重叠?

html - 我的页脚 DIV 不会位于页面底部