将 ViewModel 传递到 CSS 文件中答案

【问题标题】：Passing a ViewModel into CSS File将 ViewModel 传递到 CSS 文件中
【发布时间】：2016-05-05 11:22:10
【问题描述】：

我阅读了 Dynamic CSS 并在 Stack Overflow 上找到了一种方法，并根据我的需要对其进行了调整。

数据被加载到模型中没有问题，但只要调试器点击视图，我就会收到错误：

对象不是对象的引用

基本控制器：

public ActionResult CssDynamic()
{
    Layout page = new Layout();
    var dummyCorpId = 80;

    page.Css = GetCss(dummyCorpId);

    var model = page;
    return new CssViewResult(model);
}

部分视图返回

public class CssViewResult : PartialViewResult
{
    private readonly object model;

    public CssViewResult(object model)
    {
        this.model = model;
    }

    public override void ExecuteResult(ControllerContext context)
    {
        context.HttpContext.Response.ContentType = "text/less";
        base.ExecuteResult(context);
    }
}

观点：

@model SpecCheck.Portals.Web.UI.ViewModels.Layout 

//BRAND COLOURS///////////////////////////////////////////////////////////
//One---------------------------------------------------------------------
@@brand1: #@Model.Css.CssBrandColor1;
@@brand1dark: darken(@@brand1, 25%);
@@brand1darker: darken(@@brand1, 50%);
@@brand1light: lighten(@@brand1, 25%);
@@brand1lighter: lighten(@@brand1, 50%);
//Two--------------------------------------------------------------------
@@brand2: #@Model.Css.CssBrandColor2;
@@brand2dark: darken(@@brand2, 25%);
@@brand2darker: darken(@@brand2, 50%);
@@brand2light: lighten(@@brand2, 25%);
@@brand2lighter: lighten(@@brand2, 50%);

//ADDITIONAL COLORS//////////////////////////////////////////////////////
//Mono--------------------------------------------------------------------
@@blk: #000000;
@@wht: #FFFFFF;
//Additional Bobcat Colours (Non-Brand)-----------------------------------
@@addColour1: #@Model.Css.CssAddColor1;
@@addColour2: #@Model.Css.CssAddColor2;
@@addColour3: #@Model.Css.CssAddColor3;
//Feedback Colors---------------------------------------------------------
@@success: #00cc00;
@@warning: #ffdb4d;
@@danger: #ff4d4d;

//TEXT////////////////////////////////////////////////////////////////////
//Properties--------------------------------------------------------------
@@fontcolour: @Model.Css.CssFontColor;
@@fontsize: @Model.Css.CssFontSize px;
@@fontfamily: @Model.Css.CssFontFamily;
@@fontweight: @Model.Css.CssFontWeight;

//BUTTONS/////////////////////////////////////////////////////////////////
.button {
    border: 0 none;
    border-radius: 2px 2px 2px 2px;
    color: @@brand1;
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 7px 10px;
    text-transform: none;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    width: auto;
    background: none repeat scroll 0 0 @@brand2;
    white-space: nowrap;
    font-variant: small-caps;
    &:hover {
    background-color: @@brand2darker;
    color: @@brand1lighter;
    text-decoration:underline;
    }
}

还有_Layout页面：

<link href="@Url.Action("CssDynamic", "Base")" rel="stylesheet" type="text/less"/>

【问题讨论】：

标签： c# css asp.net-mvc-4 razor

【解决方案1】：

据我了解，您需要创建一个自定义视图引擎，以便使用 razor 视图引擎呈现您的 css 文件。

这个 SO 答案有更多关于它的信息：Dynamic Stylesheets Using Razor

【讨论】：

在那个例子中 - 你会在哪里存储 CSSViewEngine 类？在模型或控制器中还是无关紧要？
你可以为此创建一个单独的项目，这样你就可以在其他项目中重用这个DLL，但实际上这并不重要。每当你觉得它更有意义时，就放它。