Question

目前，此刻我是从一个循环和上面的文字使用i class和下面的代码红圈显示器能够显示文本格式：

<div id="testwrap"> 
@foreach (mainnav mainnav in @Model) 
{ 
    if (mainnav.HasSideNav == 0) 
    { 
    <a style="color:red" href='@Url.Action("Content", new { id = mainnav.contentID })' class="ajax2">@mainnav.DisplayLabel</a> 
    } 
    else 
    { 
     <div class="col-sm-3 text-center feature"> 
     <i class="fa fa-tablet iconred"></i> 
    <a style="color:blue" href='@Url.Action("SideNavLevel1", new { id = mainnav.MNavSubID })' class="ajax2">@mainnav.DisplayLabel</a> 
    </div> 
    } 
} 
</div> 

我的目标是有图标是蓝色的，绿色，黄色，橙色等...

我试图添加一个计数器，但它不工作。

任何人都可以帮助我添加循环/计数器来改变iconred到iconblue等的位置吗？

Answer 1

您可以将您的颜色保存在一个数组中，并与计数器一起使用。

@{ 
    var counter = 0; 
    string[] colors = new string[] { "red", "blue", "orange","green" }; 
} 

<div id="testwrap"> 

    @foreach (var mainnav in YourCollection) 
    { 
     if (mainnav.HasSideNav == 0) 
     { 
      <a style="color: red" href='#' class="ajax2">@mainnav.DisplayLabel</a> 
     } 
     else 
     { 
      <div class="col-sm-3 text-center feature"> 
       <i class="fa fa-tablet icon@(colors[counter])"></i> 
       <a style="color: blue" href='#' class="ajax2">@mainnav.DisplayLabel</a> 
      </div> 
     } 
     counter++; 
     if (counter == 4) 
     { 
      counter = 0; 
     }  
    } 
</div> 

如果您的收藏中有4个以上的物品，第五个物品会再次变成红色等等。