Question

我有（.cshtml代码）的以下代码片段：

eventSources: [
{
    ...
    className: 'events-main',
    url: 'Home/GetEvents'.
    dataType: 'json',
    ...
}
],

eventRender: function (event, element, view) {
    if(event.imageurl != null)
    {
        className = 'mCS_img_loaded',
        // some more properties
    }

    else
    {
        className =  'no-image',
        // some moreproperties
    }
}

CSS类（StyleSheet.css）：

.calendar-events {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color:transparent!important;
}

.mCS_img_loaded{
    background-color: transparent!important;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.no-image{
    margin: 20px 0;
    text-align: center;
    font-size: 25px;
    text-align: center;
    background-color:black;
}

我希望calendar-events类适用于两种情况：imageurl是否存在。另外两个类mCS_img_loaded和no-image将根据if-else条件应用。

以这种方式编写代码时，我会将图像放在一个圆圈中，并在no-image背景中获取white的内容。我需要black背景。

我是否以正确的方式编写代码？

如何使用CSS类获得所需的输出？

0 个答案: