我創建了一個 CSHTML 電子郵件模板檔案，用于在特定事件即將結束時發送警報（即在結束前 10 分鐘發送警報，然后在結束前 5 分鐘發送警報，等等）。我想通過顏色突出顯示事件的型別（因為可以有多個）以區分訊息。我目前擁有的是：
<strong style="color: {event color}">@alert.event</strong> is scheduled to end: <strong>@endEasternTime
我希望能夠根據@alert.event 中的值設定{event color}，但我不確定是否可以。我試圖在檔案中創建一個腳本，但我不確定如何將其回傳值放入樣式標記中：
<script>
// Get the root element
var r = document.querySelector(':root');
// Create a function for getting a variable value
function getEventColor(event) {
// Get the styles (properties and values) for the root
var rs = getComputedStyle(r);
// Get the color associated with the event (default is the border color)
return (event === "event1"
? rs.getPropertyValue('--evt1Color')
: (event === "event2"
? rs.getPropertyValue('--evt2Color')
: (event === "event3"
? rs.getPropertyValue('--evt3Color')
: rs.getPropertyValue('--bdrColor')
)
)
);
}
</script>
請注意，我在檔案中創建了 HTML 變數以將顏色與檔案中的其他樣式（例如border-color）相匹配——出于空間考慮和清晰度，我不打算在這里展示。
有沒有辦法做到這一點？如果不使用上面的行內 CSS，我可以使用上面的腳本方法之類的東西動態更新類或id，如果是這樣，最好的方法是什么。我很感激任何幫助。
uj5u.com熱心網友回復：
你可以使用 if... else...
@if (@alert.event == value1)
{
<strong class="color1">
}
else if (@alert.event == value2)
{
<strong class="color2">
}
else {
<strong class="colorn">
}
或者更簡單的方法是根據您的事件命名類并使用 CSS 添加顏色。
<strong class="event @alert.event">
標簽有 2 個類（事件和生成的值）
讓我們說@alert.event = "test"，然后將 CSS 添加到類中，如下所示。
.event.test {
color: <color code>
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/370138.html
標籤：javascript C＃ 网站 剃刀
上一篇：ProductScreen.js:12Uncaught(inpromise)TypeError:cannotreadpropertiesofundefined(reading'params&
下一篇：將陣列轉換為物件陣列