【活动方案】 https://www.tapd.cn/39598945/prong/stories/view/1139598945001000109

Host/Views/Product/Index.cshtml

@@ -208,7 +208,34 @@
         border-left-color: transparent;
         border-bottom-color: transparent;
     }
+    .packageitem4{
+        position: relative;
+    }
+    .packageitem4::before {
+        position: absolute;
+        top: 0.3rem;
+        left: -0.5rem;
+        z-index: 1;
+        padding-right: 0.625rem;
+        font-weight: bold;
+        line-height: 0px;
+        color: white;
+        height: 0px;
+        border: 1.0rem solid #f64e3d;
+        border-right-color: transparent;
+        content: "八折";
+        box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
+    }
 
+    .packageitem4::after {
+        content: "";
+        position: absolute;
+        top: 2.1875rem;
+        left: -0.5rem;
+        border: 0.25rem solid #f64e3d;
+        border-left-color: transparent;
+        border-bottom-color: transparent;
+    }
 </style>
 <!-- ad -->
 <div class="container-fluid ad">
@@ -217,15 +244,15 @@
 @*新布局*@
 <p class="text-center tit"><img src="~/img/titi_choose.png"></p>
 <div class="main-page">
-    <div class="left">
-        <div class="nav-back"></div>
-        <div class="nav">
+    <div class="left" style="width: 175px;">
+        <div class="nav-back" style="width: 175px;"></div>
+        <div class="nav" style="width:175px;">
             @foreach (var item in Model)
             {
-                @if(item.Product.Id == 5 || item.Product.Id == 14|| item.Product.Id == 1|| item.Product.Id == 2){
-                    <div class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id" a-pkg-id="@(item.Packages.FirstOrDefault(m=>m.Status==1).Id)">@item.Product.Name <span style="color: #f64e3d;font-weight:bold;">活动</span></div>
+                @if(item.Product.Id != 4 && item.Product.Id != 13){
+                    <div class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id" a-pkg-id="@(item.Packages.FirstOrDefault(m=>m.Status==1).Id)">@item.Product.Name <span style="color: #f64e3d;font-weight:bold;font-size:12px;float:right;padding-right: 5px;">送1月</span></div>
                 } else {
-                    <div class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id" a-pkg-id="@(item.Packages.FirstOrDefault(m=>m.Status==1).Id)">@item.Product.Name</div>
+                    <div class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id" a-pkg-id="@(item.Packages.FirstOrDefault(m=>m.Status==1).Id)">@item.Product.Name <span style="color: #f64e3d;font-weight:bold;font-size:12px;float:right;padding-right: 5px;">八折</span></div>
                 }
             }
 
@@ -271,6 +298,12 @@
                     @if(item.Product.Id == 5){
                         <p class="youhuiNew">月卡赠送10天，双月卡赠送1个月，新开和续费都有赠送，活动截止时间2020年11月25日。<br>（同一个IP账号仅限一次，每位会员不限账号数量，您可购买多个IP账号都有赠送）</p>
                     }
+                    @if(item.Product.Id == 13){
+                        <p class="youhuiNew">全部套餐8折聚惠，天卡除外，新开和续费都有8折，活动截止时间11月20日<br>（同一个IP账号不限次数，您可对同一账号多次续费都有赠送，每位会员不限账号数量，您可购买多个IP账号都有赠送）</p>
+                    }
+                    @if(item.Product.Id == 4){
+                        <p class="youhuiNew">全部套餐8折聚惠，天卡除外，新开和续费都有8折，活动截止时间11月20日<br>（同一个IP账号不限次数，您可对同一账号多次续费都有赠送，每位会员不限账号数量，您可购买多个IP账号都有赠送）</p>
+                    }
                     @if(item.Product.Id == 14){
                         <p class="youhuiNew">月卡赠送7天，双月卡赠送1个月，仅限新开账号，续费帐号不赠送，活动截止时间2020年12月1日。<br>（同一个IP账号仅限一次，每位会员不限账号数量，您可购买多个IP账号都有赠送）</p>
                     }
@@ -280,20 +313,26 @@
                     @if(item.Product.Id == 2){
                         <p class="youhuiNew">月卡赠送7天，季卡赠送1个月，新开和续费都有赠送，活动截止时间2020年11月15日<br>（同一个IP账号不限次数，您可对同一账号多次续费都有赠送，每位会员不限账号数量，您可购买多个IP账号都有赠送）</p>
                     }
+                    @if(item.Product.Id == 6){
+                        <p class="youhuiNew">双月卡赠送1个月，新开和续费都有赠送，活动截止时间2020年11月15日<br>（同一个IP账号不限次数，您可对同一账号多次续费都有赠送，每位会员不限账号数量，您可购买多个IP账号都有赠送）</p>
+                    }
+                    @if(item.Product.Id == 8||item.Product.Id == 7||item.Product.Id == 9||item.Product.Id == 3||item.Product.Id == 10||item.Product.Id == 16||item.Product.Id == 15){
+                        <p class="youhuiNew">双月卡赠送1个月，新开和续费都有赠送，活动截止时间2020年11月15日<br>（同一个IP账号不限次数，您可对同一账号多次续费都有赠送，每位会员不限账号数量，您可购买多个IP账号都有赠送）</p>
+                    }
                     
                     @*<p class="text-center nameSmall">—<span>@item.Product.Name</span>—</p>*@
                     <div class="card" style="margin-top:30px;">
-                        @foreach (var package in item.Packages.Where(m => m.IsTest == 0 && m.Status == 1))
+                        @foreach (var package in item.Packages.Where(m => m.IsTest == 0 && m.Status == 1).OrderBy(m => m.TenantId))
                         {
-                            @if(package.Id == 86||package.Id == 88||package.Id == 47||package.Id == 49){
+                            @if(package.Id == 86||package.Id == 88||package.Id == 47||package.Id == 49||package.Id == 25||(package.Id>103)){
                                 
                                 <div class="item packageitem packageitem86" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
 
                                     <p><span class="price">@package.Price</span>元</p>
-                                    <p class="yuanjia">原价：<span>@package.LinePrice</span>元</p>
+                                    <p class="yuanjia" style="color: #FF9900;">原价：<span>@package.LinePrice</span>元</p>
                                     <p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
                                     <div class="pkgNameCard" style="background-color:#f64e3d">
-                                        <p class="tianka">@package.Name</p>
+                                        <p class="tianka" style="font-size:17px;">@package.Name</p>
                                         <p class="qixian">@package.Profile</p>
                                     </div>
                                     <img src="~/img/check.png" class="cardCheck">
@@ -302,10 +341,23 @@
                                 <div class="item packageitem packageitem19" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
 
                                     <p><span class="price">@package.Price</span>元</p>
-                                    <p class="yuanjia">原价：<span>@package.LinePrice</span>元</p>
+                                    <p class="yuanjia" style="color: #FF9900;">原价：<span>@package.LinePrice</span>元</p>
                                     <p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
                                     <div class="pkgNameCard" style="background-color:#f64e3d">
-                                        <p class="tianka">@package.Name</p>
+                                        <p class="tianka" style="font-size:17px;">@package.Name</p>
+                                        <p class="qixian">@package.Profile</p>
+                                    </div>
+                                    <img src="~/img/check.png" class="cardCheck">
+                                </div>
+
+                            } else if(package.Id == 63||package.Id == 64||package.Id == 65||package.Id == 66||package.Id == 67||package.Id == 13||package.Id == 14||package.Id == 15||package.Id == 16) {
+                                <div class="item packageitem packageitem4" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
+
+                                    <p><span class="price">@package.Price</span>元</p>
+                                    <p class="yuanjia" style="color: #FF9900;">原价：<span>@package.LinePrice</span>元</p>
+                                    <p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
+                                    <div class="pkgNameCard" style="background-color:#f64e3d">
+                                        <p class="tianka" style="font-size:17px;">@package.Name</p>
                                         <p class="qixian">@package.Profile</p>
                                     </div>
                                     <img src="~/img/check.png" class="cardCheck">
@@ -315,10 +367,10 @@
                                 <div class="item packageitem packageitem71" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
 
                                     <p><span class="price">@package.Price</span>元</p>
-                                    <p class="yuanjia">原价：<span>@package.LinePrice</span>元</p>
+                                    <p class="yuanjia" style="color: #FF9900;">原价：<span>@package.LinePrice</span>元</p>
                                     <p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
                                     <div class="pkgNameCard" style="background-color:#f64e3d">
-                                        <p class="tianka">@package.Name</p>
+                                        <p class="tianka" style="font-size:17px;">@package.Name</p>
                                         <p class="qixian">@package.Profile</p>
                                     </div>
                                     <img src="~/img/check.png" class="cardCheck">
@@ -329,10 +381,10 @@
                                 <div class="item packageitem" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
 
                                     <p><span class="price">@package.Price</span>元</p>
-                                    <p class="yuanjia">原价：<span>@package.LinePrice</span>元</p>
+                                    <p class="yuanjia" style="color: #FF9900;">原价：<span>@package.LinePrice</span>元</p>
                                     <p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
                                     <div class="pkgNameCard">
-                                        <p class="tianka">@package.Name</p>
+                                        <p class="tianka" style="font-size:17px;">@package.Name</p>
                                         <p class="qixian">@package.Profile</p>
                                     </div>
                                     <img src="~/img/check.png" class="cardCheck">