GBRSGB/CZKJ.GBRS2.WebMVC/Views/Product/Detail.cshtml

@model ProductEntity
@section style{
    <link rel="stylesheet" href="@ConfigHelper.GetCDNPrefix()/assets/css/productDetail.css">
    <style type="text/css">
        .banner .no-image {
            height: 100px;
        }

        @@media (max-width: 768px) {
            .banner .no-image {
                height: 50px;
            }
        }
    </style>
}
<div class="banner">
    @if (!string.IsNullOrWhiteSpace(Model.MainImage))
    {
        <picture>
            <source srcset="@(!string.IsNullOrEmpty(Model.MobileMainImage) ? Model.MobileMainImage : Model.MainImage)" media="(max-width: 768px)">
            <img src="@Model.MainImage" alt="">
        </picture>
    }
    else
    {
        <div class="no-image"></div>
    }
</div>
<div class="product-nav">
    <div class="container">
        @if (!string.IsNullOrWhiteSpace(Model.Feature))
        {
            <span>
                <a href="#item1">产品特色</a>
            </span>
        }
        @if (!string.IsNullOrWhiteSpace(Model.Explain))
        {
            <span>
                <a href="#item2">产品说明</a>
            </span>
        }
        @if (!string.IsNullOrWhiteSpace(Model.Case))
        {
            <span>
                <a href="#item3">投保案例</a>
            </span>}
        @if (!string.IsNullOrWhiteSpace(Model.Rule))
        {
            <span>
                <a href="#item4">投保规则</a>
            </span>}
        @if (!string.IsNullOrWhiteSpace(Model.Flow))
        {
            <span>
                <a href="#item5">理赔流程</a>
            </span>}
        @if (!string.IsNullOrWhiteSpace(Model.Qa))
        {
            <span>
                <a href="#item6">产品Q&A</a>
            </span>}
        @if (!string.IsNullOrWhiteSpace(Model.Provision))
        {
            <span>
                <a href="#item7">产品条款</a>
            </span>
        }
        @if (!string.IsNullOrWhiteSpace(Model.Channel))
        {
            <span>
                <a href="#item8">如何购买</a>
            </span>
        }
    </div>
</div>
<div class="product-con">
    @if (!string.IsNullOrWhiteSpace(Model.Feature))
    {
        <div id="item1" class="panels" style="@(!string.IsNullOrWhiteSpace(Model.FeatureColor)?"background:"+Model.FeatureColor:"")">
            <div class="container">
                <div class="hidden-xs">@Html.Raw(Model.Feature)</div>
                <div class="visible-xs-block">@Html.Raw(!string.IsNullOrWhiteSpace(Model.MobileFeature) ? Model.MobileFeature : Model.Feature)</div>
            </div>
        </div>
    }
    @if (!string.IsNullOrWhiteSpace(Model.Explain))
    {
        <div id="item2" class="panels" style="@(!string.IsNullOrWhiteSpace(Model.ExplainColor)?"background:"+Model.ExplainColor:"")">
            <div class="container">
                <div class="hidden-xs">@Html.Raw(Model.Explain)</div>
                <div class="visible-xs-block">@Html.Raw(!string.IsNullOrWhiteSpace(Model.MobileExplain) ? Model.MobileExplain : Model.Explain)</div>
            </div>
        </div>
    }
    @if (!string.IsNullOrWhiteSpace(Model.Case))
    {
        <div id="item3" class="panels" style="@(!string.IsNullOrWhiteSpace(Model.CaseColor)?"background:"+Model.CaseColor:"")">
            <div class="container">
                <div class="hidden-xs">@Html.Raw(Model.Case)</div>
                <div class="visible-xs-block">@Html.Raw(!string.IsNullOrWhiteSpace(Model.MobileCase) ? Model.MobileCase : Model.Case)</div>
            </div>
        </div>
    }
    @if (!string.IsNullOrWhiteSpace(Model.Rule))
    {
        <div id="item4" class="panels" style="@(!string.IsNullOrWhiteSpace(Model.RuleColor)?"background:"+Model.RuleColor:"")">
            <div class="container">
                <div class="hidden-xs">@Html.Raw(Model.Rule)</div>
                <div class="visible-xs-block">@Html.Raw(!string.IsNullOrWhiteSpace(Model.MobileRule) ? Model.MobileRule : Model.Rule)</div>
            </div>
        </div>
    }
    @if (!string.IsNullOrWhiteSpace(Model.Flow))
    {
        <div id="item5" class="panels" style="@(!string.IsNullOrWhiteSpace(Model.FlowColor)?"background:"+Model.FlowColor:"")">
            <div class="container">
                <div class="hidden-xs">@Html.Raw(Model.Flow)</div>
                <div class="visible-xs-block">@Html.Raw(!string.IsNullOrWhiteSpace(Model.MobileFlow) ? Model.MobileFlow : Model.Flow)</div>
            </div>
        </div>
    }
    @if (!string.IsNullOrWhiteSpace(Model.Qa))
    {
        <div id="item6" class="panels" style="@(!string.IsNullOrWhiteSpace(Model.QaColor)?"background:"+Model.QaColor:"")">
            <div class="container">
                <div class="hidden-xs">@Html.Raw(Model.Qa)</div>
                <div class="visible-xs-block">@Html.Raw(!string.IsNullOrWhiteSpace(Model.MobileQA) ? Model.MobileQA : Model.Qa)</div>
            </div>
        </div>
    }
    @if (!string.IsNullOrWhiteSpace(Model.Provision))
    {
        <div id="item7" class="panels" style="@(!string.IsNullOrWhiteSpace(Model.ProvisionColor)?"background:"+Model.ProvisionColor:"")">
            <div class="container">
                <div class="hidden-xs">@Html.Raw(Model.Provision)</div>
                <div class="visible-xs-block">@Html.Raw(!string.IsNullOrWhiteSpace(Model.MobileProvision) ? Model.MobileProvision : Model.Provision)</div>
            </div>
        </div>
    }
    @if (!string.IsNullOrWhiteSpace(Model.Channel))
    {
        <div id="item8" class="panels" style="@(!string.IsNullOrWhiteSpace(Model.ChannelColor)?"background:"+Model.ChannelColor:"")">
            <div class="container">
                <div class="hidden-xs">@Html.Raw(Model.Channel)</div>
                <div class="visible-xs-block">@Html.Raw(!string.IsNullOrWhiteSpace(Model.MobileChannel) ? Model.MobileChannel : Model.Channel)</div>
            </div>
        </div>
    }
</div>
@section script{
    <script>
        window.dataMark = "0$15231983314041342$$15231983621571526$";
    </script>
}