标签的样式。
我想根据用户选择的主题来设计我的巨型屏幕。我想使用 if 语句，但我不知道在 CSHTML 中执行此操作的正确方法。
我知道以下代码不正确，任何人都可以帮助我了解如何执行此操作吗？
这是我的代码：
themes = db.Themes.ToList();
foreach (var item in themes)
{
if (item.themeImage != null)
{
string imageBase = Convert.ToBase64String(item.themeImage);
imageSource1 = string.Format("data:image/gif;base64,{0}", imageBase);
}
if (theme == beach && item.themeID == 1)
{
<text>
<div class="jumbotron" id="@item.themeID" img src="@item.themeImage">
</text>
}
else if (theme == animals && item.themeID == 2)
{
<text>
<div class="jumbotron" id="@item.themeID" style="background-image:@imageSource1; background-size:cover">
</text>
}
else if (theme == kitchen && item.themeID == 3)
{
<text>
<div class="jumbotron" id="@item.themeID" style="background-image:@imageSource1; background-size:cover">
</text>
}
}
巨型屏幕的主题和样式应取决于用户的选择。
您可以创建一个小函数并调用它以获得正确的样式。
你可以在你的cshtml中做到这一点
。@{
string GetStylePerTheme(int themeId)
{
switch(themeId)
{
case 1:
return "color: red;";
case 2:
return "color: blue;";
default:
return "color: black;";
}
}
}
并将其用于 HTML（相同的 CSHTML）
<text>
<div class="jumbotron" id="@item.themeID" style="@GetStylePerTheme(item.themeID)">
</text>
现在，如果您希望它干净且可跨多个页面重用，请创建自定义帮助程序（实际上是一种简单的静态方法）
公共静态字符串 GetStylePerTheme（this HtmlHelper helper， int themeId） { 开关（主题 ID） { 案例1： 返回"颜色：红色;"; 案例2： 返回"颜色：蓝色;"; 违约： 返回"颜色：黑色;"; } }和 CSHTML
<text>
<div class="jumbotron" id="@item.themeID" style="@Html.GetStylePerTheme(item.themeID)">
</text>
扩展 HtmlHelper 是可选的。