Question

我到处寻找答案，但无济于事。如果已经在其他地方回答了，那么我道歉。

这是我目前的代码：

    @{
      foreach (var item in Model.Activities)
      {
          <div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 over-f-hidden">
              <div class="block-main">
                  <div class="block-inner green">
                      <br />
                      <h5>@item.ActivityName</h5>
                      <h4><span><a href="@Url.Action("ScanRequest","Home",new { id = item.id })" style="text-decoration: none">SELECT THIS ACTIVITY</a></span></h4>
                      <br />
                  </div>
              </div>
          </div>
      }
  }

另外，我有三个CSS类：

.red
.green
.yellow

在我的代码中，对于class =“block-inner green”，我想从我的三个类列表中随机选择的类替换“green”。重复很好。

在我的视图正文中，我添加了这个：

    @{ 
        string[] color = { "red", "yellow", "green" };
    }

但是我不知道如何使用Razor将该数组的随机成员称为div的类。

有没有办法在View中严格完成此操作？

提前感谢您提供的任何帮助。

Answer 1

 @{ 
   string[] color = { "red", "yellow", "green" };
   Random  RD=new Random();
  }
 @foreach (var item in Model.Activities)
  { 
   <div class="block-inner @(color[RD.next(0,2)])">...</div>
  }

剃刀 - 从数组中应用随机CSS类

1 个答案: