Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/csharp/311.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
C# 根据卡片内容给卡片的背景上色-为什么它会跳过第一张卡片?_C#_Html_Css_Blazor_Blazor Server Side - Fatal编程技术网

C# 根据卡片内容给卡片的背景上色-为什么它会跳过第一张卡片?

C# 根据卡片内容给卡片的背景上色-为什么它会跳过第一张卡片?,c#,html,css,blazor,blazor-server-side,C#,Html,Css,Blazor,Blazor Server Side,我正试图根据内容更改卡的背景颜色,但它跳过了第一张卡/分区。如何防止在设置背景颜色时跳过第一张卡? @foreach(时间列表中的时间记录时间) { @如果(time.LogType==“工作”)cardColour=“#06065c”; else cardColour=“#5c0606”; @time.LogType } @代码{ 列表时间列表=新列表(); TimeLog times=新的TimeLog(); 串卡片颜色; 公共类时间日志 { 公共字符串日志类型{get;set;} } 受

我正试图根据内容更改卡的背景颜色,但它跳过了第一张卡/分区。如何防止在设置背景颜色时跳过第一张卡?

@foreach(时间列表中的时间记录时间)
{
@如果(time.LogType==“工作”)cardColour=“#06065c”;
else cardColour=“#5c0606”;
@time.LogType
}
@代码{
列表时间列表=新列表();
TimeLog times=新的TimeLog();
串卡片颜色;
公共类时间日志
{
公共字符串日志类型{get;set;}
}
受保护的重写异步任务OnInitializedAsync()
{
时间=新的TimeLog();
times.LogType=“工作”;
时间列表。添加(次);
时间=新的TimeLog();
times.LogType=“假期”;
时间列表。添加(次);
时间=新的TimeLog();
times.LogType=“工作”;
时间列表。添加(次);
时间=新的TimeLog();
times.LogType=“工作”;
时间列表。添加(次);
时间=新的TimeLog();
times.LogType=“假期”;
时间列表。添加(次);
时间=新的TimeLog();
times.LogType=“工作”;
时间列表。添加(次);
}
}

您需要用if语句包围div元素,或者只需将if语句放在div之前。它将跳过它,因为在使用cardColour变量后将对if进行求值。因此,它应该在1之前将你所有卡片的颜色去掉

        @if (time.LogType == "Work") cardColour = "#06065c";
        else cardColour = "#5c0606";
<div class="largeCard" id="cardstyle" style="background-color: @cardColour ">
    <div>

        <h6>@time.LogType</h6>
    </div>
</div>
@if(time.LogType==“Work”)cardColour=“#06065c”;
else cardColour=“#5c0606”;
@time.LogType

成功!非常感谢。
        @if (time.LogType == "Work") cardColour = "#06065c";
        else cardColour = "#5c0606";
<div class="largeCard" id="cardstyle" style="background-color: @cardColour ">
    <div>

        <h6>@time.LogType</h6>
    </div>
</div>