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個以上的物品，第五個物品會再次變成紅色等等。