2020-10-07 20:25:03 +08:00
|
|
|
|
@using Hncore.Pass.Vpn.Response.Product
|
|
|
|
|
|
@using Microsoft.Extensions.Configuration
|
|
|
|
|
|
@using Hncore.Pass.BaseInfo.Response
|
|
|
|
|
|
@using Hncore.Infrastructure.Serializer;
|
|
|
|
|
|
@inject IConfiguration m_Configuration
|
2020-11-28 15:51:34 +08:00
|
|
|
|
@inject Hncore.Pass.Vpn.Service.ProductAccountService m_AccountService
|
2020-10-07 20:25:03 +08:00
|
|
|
|
@model List<ProductWithPackageResponse>
|
|
|
|
|
|
@{
|
|
|
|
|
|
ViewData["Title"] = "购买产品";
|
|
|
|
|
|
UserLoginModel user = null;
|
|
|
|
|
|
if (this.Context.Request.Cookies.TryGetValue("userInfo", out string userCookie))
|
|
|
|
|
|
{
|
|
|
|
|
|
user = userCookie.FromJsonTo<UserLoginModel>();
|
|
|
|
|
|
}
|
|
|
|
|
|
var pid = this.Context.Request.Query.ContainsKey("id") ? this.Context.Request.Query["id"].ToString() : "";
|
|
|
|
|
|
var defaultProduct = Model.Select(m => m.Product).FirstOrDefault();
|
|
|
|
|
|
if (pid == "")
|
|
|
|
|
|
{
|
|
|
|
|
|
pid = Model.Select(m => m.Product).FirstOrDefault().Id.ToString();
|
|
|
|
|
|
}
|
|
|
|
|
|
else
|
|
|
|
|
|
{
|
|
|
|
|
|
defaultProduct = Model.Select(m => m.Product).FirstOrDefault(m => m.Id.ToString() == pid);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var productPackages = Model.Where(m => m.Product.Id == defaultProduct.Id).FirstOrDefault().Packages.Where(p => p.Status == 1 && p.IsTest == 0);//.Select(m => m.Packages.Where(p => p.Status == 1 && p.IsTest == 0).FirstOrDefault());
|
|
|
|
|
|
|
|
|
|
|
|
var defaultPackage = productPackages.FirstOrDefault();// Model.Where(m => m.Product.Id == defaultProduct.Id).Select(m => m.Packages.FirstOrDefault()).FirstOrDefault();
|
|
|
|
|
|
|
|
|
|
|
|
var baseUrl = m_Configuration["BaseInfoUrl"];
|
2020-11-28 15:51:34 +08:00
|
|
|
|
var restTimes = "3次";
|
|
|
|
|
|
var restStatus = "注册即送";
|
|
|
|
|
|
if (user != null){
|
|
|
|
|
|
restStatus = "剩余次数";
|
|
|
|
|
|
restTimes = await m_AccountService.GetRestTestCount(user.Id)+"次";
|
|
|
|
|
|
}
|
2020-10-07 20:25:03 +08:00
|
|
|
|
Func<string, string> P = (path) => $"{baseUrl}{path}";
|
|
|
|
|
|
}
|
|
|
|
|
|
<style>
|
|
|
|
|
|
.productName {
|
|
|
|
|
|
font-style: oblique;
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
font-size: 32px;
|
|
|
|
|
|
color: #f49119;
|
|
|
|
|
|
}
|
|
|
|
|
|
.pkgNameCard {
|
|
|
|
|
|
background: #223da4;
|
|
|
|
|
|
height: 90px;
|
|
|
|
|
|
padding: 15px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.clear {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.clearfix:after {
|
|
|
|
|
|
content: ".";
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
|
height: 0;
|
|
|
|
|
|
clear: both
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-page {
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
|
width: 1170px;
|
|
|
|
|
|
padding-bottom:50px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-page .left {
|
|
|
|
|
|
width:15%;
|
|
|
|
|
|
border-right: 1px #ccc solid;
|
|
|
|
|
|
margin-top: 25px;
|
|
|
|
|
|
padding-right:10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-page .left, .main-page .right {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-page .nav-back {
|
|
|
|
|
|
height: 300px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-page .nav {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
margin-top: -300px;
|
|
|
|
|
|
width: 136px;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
|
font-family: "微软雅黑";
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-page .nav div {
|
|
|
|
|
|
height: 47px;
|
|
|
|
|
|
line-height: 47px;
|
|
|
|
|
|
margin-bottom: 8px;
|
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-page .nav div.on {
|
|
|
|
|
|
background: #223da4;
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-page .right {
|
|
|
|
|
|
width: 85%;
|
|
|
|
|
|
height: 800px;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-page .content {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
.contentNew {
|
|
|
|
|
|
border:none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.youhuiNew {
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
padding: 10px 0;
|
|
|
|
|
|
color: red;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
.mtop {
|
|
|
|
|
|
margin-top:30px;
|
|
|
|
|
|
}
|
2020-11-02 15:44:07 +08:00
|
|
|
|
.packageitem86{
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.packageitem86::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;
|
2021-03-30 21:17:43 +08:00
|
|
|
|
border: 1.2rem solid #f64e3d;
|
2020-11-02 15:44:07 +08:00
|
|
|
|
border-right-color: transparent;
|
|
|
|
|
|
content: "免费送一个月";
|
|
|
|
|
|
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.packageitem86::after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 2.1875rem;
|
|
|
|
|
|
left: -0.5rem;
|
|
|
|
|
|
border: 0.25rem solid #f64e3d;
|
|
|
|
|
|
border-left-color: transparent;
|
|
|
|
|
|
border-bottom-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2021-02-23 16:03:36 +08:00
|
|
|
|
.packageitem10{
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.packageitem10::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;
|
2021-03-30 21:17:43 +08:00
|
|
|
|
border: 1.2rem solid #f64e3d;
|
2021-02-23 16:03:36 +08:00
|
|
|
|
border-right-color: transparent;
|
2021-04-20 18:42:47 +08:00
|
|
|
|
content: "8 折+送十天";
|
2021-02-23 16:03:36 +08:00
|
|
|
|
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.packageitem10::after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 2.1875rem;
|
|
|
|
|
|
left: -0.5rem;
|
|
|
|
|
|
border: 0.25rem solid #f64e3d;
|
|
|
|
|
|
border-left-color: transparent;
|
|
|
|
|
|
border-bottom-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.packageitem710{
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.packageitem710::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;
|
2021-03-30 21:17:43 +08:00
|
|
|
|
border: 1.2rem solid #f64e3d;
|
2021-02-23 16:03:36 +08:00
|
|
|
|
border-right-color: transparent;
|
2021-04-20 18:42:47 +08:00
|
|
|
|
content: "7 折+送一月";
|
2021-02-23 16:03:36 +08:00
|
|
|
|
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.packageitem710::after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 2.1875rem;
|
|
|
|
|
|
left: -0.5rem;
|
|
|
|
|
|
border: 0.25rem solid #f64e3d;
|
|
|
|
|
|
border-left-color: transparent;
|
|
|
|
|
|
border-bottom-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
2021-01-18 17:57:11 +08:00
|
|
|
|
.packageitem1{
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.packageitem1::before {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 0.3rem;
|
|
|
|
|
|
left: -0.5rem;
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
padding-right: 0.625rem;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
line-height: 0px;
|
|
|
|
|
|
color: #FF0033;
|
|
|
|
|
|
height: 0px;
|
|
|
|
|
|
border: 1.0rem solid #FF9933;
|
|
|
|
|
|
border-right-color: transparent;
|
|
|
|
|
|
content: "首单0.1元";
|
|
|
|
|
|
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.packageitem1::after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 2.1875rem;
|
|
|
|
|
|
left: -0.5rem;
|
|
|
|
|
|
border: 0.25rem solid #f64e3d;
|
|
|
|
|
|
border-left-color: transparent;
|
|
|
|
|
|
border-bottom-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2021-01-16 14:59:31 +08:00
|
|
|
|
.packageitem81{
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.packageitem81::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;
|
2021-03-30 21:17:43 +08:00
|
|
|
|
border: 1.2rem solid #f64e3d;
|
2021-01-16 14:59:31 +08:00
|
|
|
|
border-right-color: transparent;
|
2021-04-20 18:42:47 +08:00
|
|
|
|
content: "8 折+送一个月";
|
2021-01-16 14:59:31 +08:00
|
|
|
|
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.packageitem81::after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 2.1875rem;
|
|
|
|
|
|
left: -0.5rem;
|
|
|
|
|
|
border: 0.25rem solid #f64e3d;
|
|
|
|
|
|
border-left-color: transparent;
|
|
|
|
|
|
border-bottom-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2020-11-02 15:44:07 +08:00
|
|
|
|
.packageitem19{
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.packageitem19::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;
|
2021-03-30 21:17:43 +08:00
|
|
|
|
border: 1.2rem solid #f64e3d;
|
2020-11-02 15:44:07 +08:00
|
|
|
|
border-right-color: transparent;
|
2021-04-20 18:42:47 +08:00
|
|
|
|
content: "9 折+送七天";
|
2020-11-02 15:44:07 +08:00
|
|
|
|
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.packageitem19::after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 2.1875rem;
|
|
|
|
|
|
left: -0.5rem;
|
|
|
|
|
|
border: 0.25rem solid #f64e3d;
|
|
|
|
|
|
border-left-color: transparent;
|
|
|
|
|
|
border-bottom-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2021-01-22 09:40:58 +08:00
|
|
|
|
.packageitem91{
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.packageitem91::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;
|
2021-03-30 21:17:43 +08:00
|
|
|
|
border: 1.2rem solid #f64e3d;
|
2021-01-22 09:40:58 +08:00
|
|
|
|
border-right-color: transparent;
|
2021-04-20 18:42:47 +08:00
|
|
|
|
content: "8 折+送一个月";
|
2021-01-22 09:40:58 +08:00
|
|
|
|
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.packageitem91::after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 2.1875rem;
|
|
|
|
|
|
left: -0.5rem;
|
|
|
|
|
|
border: 0.25rem solid #f64e3d;
|
|
|
|
|
|
border-left-color: transparent;
|
|
|
|
|
|
border-bottom-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2021-01-26 15:03:32 +08:00
|
|
|
|
.packageitem92{
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.packageitem92::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;
|
2021-03-30 21:17:43 +08:00
|
|
|
|
border: 1.2rem solid #f64e3d;
|
2021-01-26 15:03:32 +08:00
|
|
|
|
border-right-color: transparent;
|
2021-04-20 18:42:47 +08:00
|
|
|
|
content: "8 折+送两个月";
|
2021-01-26 15:03:32 +08:00
|
|
|
|
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.packageitem92.contentNew::after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 2.1875rem;
|
|
|
|
|
|
left: -0.5rem;
|
|
|
|
|
|
border: 0.25rem solid #f64e3d;
|
|
|
|
|
|
border-left-color: transparent;
|
|
|
|
|
|
border-bottom-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2021-01-26 15:43:54 +08:00
|
|
|
|
|
|
|
|
|
|
.packageitem8-1{
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.packageitem8-1::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;
|
2021-03-30 21:17:43 +08:00
|
|
|
|
border: 1.2rem solid #f64e3d;
|
2021-01-26 15:43:54 +08:00
|
|
|
|
border-right-color: transparent;
|
2021-04-20 18:42:47 +08:00
|
|
|
|
content: "8 折+送七天";
|
2021-01-26 15:43:54 +08:00
|
|
|
|
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.packageitem8-1.contentNew::after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 2.1875rem;
|
|
|
|
|
|
left: -0.5rem;
|
|
|
|
|
|
border: 0.25rem solid #f64e3d;
|
|
|
|
|
|
border-left-color: transparent;
|
|
|
|
|
|
border-bottom-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
2020-11-06 20:34:41 +08:00
|
|
|
|
.packageitem71{
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.packageitem71::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;
|
2021-03-30 21:17:43 +08:00
|
|
|
|
border: 1.2rem solid #f64e3d;
|
2020-11-06 20:34:41 +08:00
|
|
|
|
border-right-color: transparent;
|
2021-04-20 18:42:47 +08:00
|
|
|
|
content: "9折";
|
|
|
|
|
|
@* content: "@Model[0].Packages[0].Title 折"; *@
|
2020-11-06 20:34:41 +08:00
|
|
|
|
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.packageitem71::after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 2.1875rem;
|
|
|
|
|
|
left: -0.5rem;
|
|
|
|
|
|
border: 0.25rem solid #f64e3d;
|
|
|
|
|
|
border-left-color: transparent;
|
|
|
|
|
|
border-bottom-color: transparent;
|
|
|
|
|
|
}
|
2020-11-10 20:49:38 +08:00
|
|
|
|
.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;
|
2021-03-30 21:17:43 +08:00
|
|
|
|
border: 1.2rem solid #f64e3d;
|
2020-11-10 20:49:38 +08:00
|
|
|
|
border-right-color: transparent;
|
2021-04-20 18:42:47 +08:00
|
|
|
|
content: "8 折";
|
2020-11-10 20:49:38 +08:00
|
|
|
|
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
|
|
|
|
|
}
|
2020-11-06 20:34:41 +08:00
|
|
|
|
|
2020-11-10 20:49:38 +08:00
|
|
|
|
.packageitem4::after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 2.1875rem;
|
|
|
|
|
|
left: -0.5rem;
|
|
|
|
|
|
border: 0.25rem solid #f64e3d;
|
|
|
|
|
|
border-left-color: transparent;
|
|
|
|
|
|
border-bottom-color: transparent;
|
|
|
|
|
|
}
|
2020-11-28 15:51:34 +08:00
|
|
|
|
|
|
|
|
|
|
.warning{
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
width: 400px;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
left: 47%;
|
|
|
|
|
|
top: 30%;
|
|
|
|
|
|
z-index: 3;
|
|
|
|
|
|
background: #fff;
|
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
|
box-shadow: 0px 6px 8px 6px #ccc;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
padding: 30px;
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
#hidebg { position:absolute;left:0px;top:0px;
|
|
|
|
|
|
|
|
|
|
|
|
background-color:#000;
|
|
|
|
|
|
|
|
|
|
|
|
width:100%; /*宽度设置为100%,这样才能使隐藏背景层覆盖原页面*/
|
|
|
|
|
|
|
|
|
|
|
|
filter:alpha(opacity=60); /*设置透明度为60%*/
|
|
|
|
|
|
|
|
|
|
|
|
opacity:0.6; /*非IE浏览器下设置透明度为60%*/
|
|
|
|
|
|
|
|
|
|
|
|
display:none; /* https://www.daixiaorui.com */
|
|
|
|
|
|
|
|
|
|
|
|
z-Index:2;}
|
2020-10-07 20:25:03 +08:00
|
|
|
|
</style>
|
|
|
|
|
|
<!-- ad -->
|
2020-11-28 15:51:34 +08:00
|
|
|
|
<div id="hidebg"></div>
|
2021-03-30 21:17:43 +08:00
|
|
|
|
@* <div class="container-fluid ad">
|
2020-10-07 20:25:03 +08:00
|
|
|
|
<a asp-action="taobao" asp-controller="article"> <img src="~/img/acBanner.png"></a>
|
2021-03-30 21:17:43 +08:00
|
|
|
|
</div> *@
|
|
|
|
|
|
<div class="container-fluid ad" style="background-image: url(/img/acBanner_1.png?11231);background-repeat:no-repeat;background-size:100% auto;height:270px;">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row" style="color:white;width:calc(100vw-1px);">
|
|
|
|
|
|
<div class="col-md-3 col-md-offset-1" style="padding-top:2%;text-align:center;">
|
2021-04-20 18:42:47 +08:00
|
|
|
|
<h3>总消费满<span style="color: red;font-size:49px;">200</span>元,即可享受超值优惠价</h3>
|
2021-03-30 21:17:43 +08:00
|
|
|
|
<h2>联系客服设置优惠价</h2>
|
|
|
|
|
|
<a target="_blank" href="https://admin.qidian.qq.com/template/blue/mp/menu/qr-code-jump.html?linkType=0&env=ol&kfuin=2852138148&fid=299&key=f377ec024ca45115a03a7632c7bda230&cate=1&source=&isLBS=&isCustomEntry=&type=16&ftype=1&_type=wpa&qidian=true"><h3 style="color: #e45b4b;">>>>联系客服<<<</h3></a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-8 " style="padding-top:1.5%;">
|
|
|
|
|
|
<h2 style="padding-left:8%;">十余种全网知名旗舰产品低价热销</h2>
|
|
|
|
|
|
<h1 style="font-size:45px;padding-left:6%;">淘宝动态IP销量排名NO.1</h1>
|
|
|
|
|
|
<h4 style="color: #e45b4b;padding-left:5%;">已完美对接淘宝、淘宝付款后、金额将自动充值到您的会员余额中</h4>
|
2021-04-02 14:29:18 +08:00
|
|
|
|
<a target="_blank" href="https://item.taobao.com/item.htm?spm=a230r.1.14.54.79837218R25iC8&id=640496688304&ns=1&abbucket=9#detail"><h4 style="color: #e45b4b;padding-left:2%;">欢迎淘宝下单,每次下单都会随机赠送优惠券,最低54元,优惠券支持所有套餐! <span style="color:#FFFF00;">点击去淘宝店铺付款 <span class="glyphicon glyphicon-arrow-right"></span></span></h4></a>
|
2021-03-30 21:17:43 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2020-10-07 20:25:03 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
@*新布局*@
|
|
|
|
|
|
<p class="text-center tit"><img src="~/img/titi_choose.png"></p>
|
|
|
|
|
|
<div class="main-page">
|
2021-01-15 17:38:34 +08:00
|
|
|
|
<div class="left" style="width: 175px;margin-top:calc(10vh);">
|
2020-11-10 20:49:38 +08:00
|
|
|
|
<div class="nav-back" style="width: 175px;"></div>
|
|
|
|
|
|
<div class="nav" style="width:175px;">
|
2020-10-07 20:25:03 +08:00
|
|
|
|
@foreach (var item in Model)
|
|
|
|
|
|
{
|
2021-02-19 11:36:49 +08:00
|
|
|
|
@if(item.Product.Id == 13){
|
2021-01-15 17:38:34 +08:00
|
|
|
|
<div class="productItem" style="" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id">@item.Product.Name <span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">送一月</span></div>
|
2021-01-15 16:25:10 +08:00
|
|
|
|
}
|
2021-04-01 10:42:56 +08:00
|
|
|
|
else if(item.Product.Id == 6||item.Product.Id == 2||item.Product.Id == 4 ||item.Product.Id == 14||item.Product.Id == 8) {
|
2021-01-15 16:25:10 +08:00
|
|
|
|
<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;float:right;padding-right: 5px;">抄底价</span></div>
|
2020-11-21 15:25:13 +08:00
|
|
|
|
}
|
2021-03-26 16:59:51 +08:00
|
|
|
|
else if(item.Product.Id == 18|| item.Product.Id == 5) {
|
|
|
|
|
|
<div class="productItem" style="" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id"><span style="color: #f64e3d;font-weight:bold;padding-right: 5px;"> 新</span>@item.Product.Name <span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">抄底价</span></div>
|
2021-01-27 17:13:15 +08:00
|
|
|
|
}
|
|
|
|
|
|
else if(item.Product.Id == 17) {
|
|
|
|
|
|
<div class="productItem" style="" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id"><span class="glyphicon glyphicon-thumbs-up" style="color: #f64e3d;font-weight:bold;padding-right: 5px;">新</span>@item.Product.Name <span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">送一月</span></div>
|
|
|
|
|
|
}
|
2021-04-01 10:42:56 +08:00
|
|
|
|
@* else if(item.Product.Id == 8) {
|
2021-02-23 16:03:36 +08:00
|
|
|
|
<div class="productItem" style="" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id"><span class="glyphicon glyphicon-thumbs-up" style="color: #f64e3d;font-weight:bold;padding-right: 5px;"> </span>@item.Product.Name <span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">无限送</span></div>
|
2021-04-01 10:42:56 +08:00
|
|
|
|
} *@
|
2021-02-23 16:03:36 +08:00
|
|
|
|
else if(item.Product.Id == 1) {
|
2021-01-27 17:13:15 +08:00
|
|
|
|
<div class="productItem" style="" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id"><span class="glyphicon glyphicon-thumbs-up" style="color: #f64e3d;font-weight:bold;padding-right: 5px;"> </span>@item.Product.Name <span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">抄底价</span></div>
|
|
|
|
|
|
}
|
2021-04-07 18:25:20 +08:00
|
|
|
|
else if(item.Product.Id == 7) {
|
|
|
|
|
|
<div class="productItem" style="" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id">@item.Product.Name </div>
|
|
|
|
|
|
}
|
2020-12-27 18:44:04 +08:00
|
|
|
|
else {
|
2021-01-13 16:10:41 +08:00
|
|
|
|
<div class="productItem" id="@("p"+item.Product.Id)" a-pid="@item.Product.Id">@item.Product.Name </div>
|
2020-12-27 18:44:04 +08:00
|
|
|
|
}
|
2020-10-07 20:25:03 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right">
|
|
|
|
|
|
<div class="contentNew">
|
|
|
|
|
|
@foreach (var item in Model)
|
|
|
|
|
|
{
|
|
|
|
|
|
<div class="container packagebox" id="@("box"+item.Product.Id)">
|
|
|
|
|
|
<div class="container bg_taocan">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row" style="background:url(/img/products.png) no-repeat; background-size:100% 100%;">
|
|
|
|
|
|
<div class="col-lg-4" style="height:200px;padding-top:30px;padding-left:50px;">
|
|
|
|
|
|
<p class="productName">@item.Product.Name</p>
|
|
|
|
|
|
<p style=" border-bottom: 2px solid #fff;font-size:16px;">@(string.Join("|",item.Packages.Select(m=>m.Name)))</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-8" style="height:200px;padding-top:30px">
|
|
|
|
|
|
@foreach (var str in item.Product.ContentLine)
|
|
|
|
|
|
{
|
|
|
|
|
|
<p>@str</p>
|
|
|
|
|
|
}
|
|
|
|
|
|
<div class="row" style="text-align: right; position: absolute; right: 50px; bottom: 10px;">
|
|
|
|
|
|
@if (user == null)
|
|
|
|
|
|
{
|
2020-11-28 15:51:34 +08:00
|
|
|
|
<button type="button" class="btn btn-warning reBuy" style="font-size:25px;">续费通道</button>
|
2020-10-07 20:25:03 +08:00
|
|
|
|
}
|
|
|
|
|
|
else
|
|
|
|
|
|
{
|
2020-11-28 15:51:34 +08:00
|
|
|
|
<a asp-action="myaccounts" asp-controller="user"><button type="button" class="btn btn-warning" style="font-size:25px;">续费通道</button></a>
|
2020-10-07 20:25:03 +08:00
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-01-18 17:57:11 +08:00
|
|
|
|
<p class="youhuiNew" style="padding:0;margin:0;color:white;background-color:#FF0033;">一毛钱活动:不分新老用户都可参加!</p>
|
2021-04-24 15:48:27 +08:00
|
|
|
|
@* @if(item.Product.Id == 5){
|
2021-02-06 17:17:35 +08:00
|
|
|
|
<br>
|
2021-04-24 15:48:27 +08:00
|
|
|
|
} *@
|
2021-01-15 16:25:10 +08:00
|
|
|
|
@if(item.Product.Id == 13){
|
2021-04-24 15:48:27 +08:00
|
|
|
|
<p class="youhuiNew">购买须知:本产品以下地区屏蔽微信和QQ:北上广深,成都,金华,阳江,肇庆,云浮,苏州,泰州,南通,镇江,南京,淮安,其他地区不受限制<br></p>
|
2021-03-31 18:12:52 +08:00
|
|
|
|
<p class="youhuiNew">双月卡赠送1个月,仅限新开账号,续费帐号不赠送,活动截止时间2020年4月15日<br>(同一个IP账号仅限一次,每位会员不限账号数量,您可购买多个IP账号都有赠送)</p>
|
2021-04-24 15:48:27 +08:00
|
|
|
|
|
2020-11-10 20:49:38 +08:00
|
|
|
|
}
|
2021-01-22 09:40:58 +08:00
|
|
|
|
@if(item.Product.Id == 17){
|
2021-04-24 15:48:27 +08:00
|
|
|
|
<p class="youhuiNew">购买须知:本产品以下地区屏蔽微信和QQ:北上广深,成都,金华,阳江,肇庆,云浮,苏州,泰州,南通,镇江,南京,淮安,其他地区不受限制<br></p>
|
2021-03-31 18:12:52 +08:00
|
|
|
|
<p class="youhuiNew">双月卡赠送1个月,仅限新开账号,续费帐号不赠送,活动截止时间2020年4月15日<br>(同一个IP账号仅限一次,每位会员不限账号数量,您可购买多个IP账号都有赠送)</p>
|
2021-01-26 15:43:54 +08:00
|
|
|
|
}
|
2021-04-23 14:54:16 +08:00
|
|
|
|
@* @if(item.Product.Id == 18){
|
2021-04-15 15:08:16 +08:00
|
|
|
|
<p class="youhuiNew">应上级主管部门要求,为了遵守相关法律法规,合法合规运营,对本产品进行整改。<br>整改期间未到期账号可正常使用,不能新开及续费。整改工作结束时间会在18号左右公布,由此给您带来很大的麻烦,请您谅解。</p>
|
2021-04-23 14:54:16 +08:00
|
|
|
|
} *@
|
2021-01-15 16:25:10 +08:00
|
|
|
|
@* @if(item.Product.Id == 4){
|
2020-11-10 20:49:38 +08:00
|
|
|
|
<p class="youhuiNew">全部套餐8折聚惠,天卡除外,新开和续费都有8折,活动截止时间11月20日<br>(同一个IP账号不限次数,您可对同一账号多次续费都有赠送,每位会员不限账号数量,您可购买多个IP账号都有赠送)</p>
|
2020-11-21 15:25:13 +08:00
|
|
|
|
} *@
|
2021-04-23 14:54:16 +08:00
|
|
|
|
@* @if(item.Product.Id == 14){
|
2021-04-15 15:08:16 +08:00
|
|
|
|
<p class="youhuiNew">应上级主管部门要求,为了遵守相关法律法规,合法合规运营,对本产品进行整改。<br>整改期间未到期账号可正常使用,不能新开及续费。整改工作结束时间会在18号左右公布,由此给您带来很大的麻烦,请您谅解。</p>
|
2021-04-23 14:54:16 +08:00
|
|
|
|
} *@
|
2021-04-24 15:48:27 +08:00
|
|
|
|
@if(item.Product.Id == 1){
|
|
|
|
|
|
<p class="youhuiNew">购买须知:本产品以下地区屏蔽微信和QQ:北上广深,江苏省全部地区,浙江省全部地区,广东省全部地区。</p>
|
2021-03-05 17:28:56 +08:00
|
|
|
|
}
|
|
|
|
|
|
@if(item.Product.Id == 2){
|
2021-04-24 15:48:27 +08:00
|
|
|
|
<p class="youhuiNew">购买须知:本产品以下地区屏蔽微信和QQ:北上广深,江苏省全部地区,浙江省全部地区,广东省全部地区。</p>
|
|
|
|
|
|
}
|
|
|
|
|
|
@if(item.Product.Id == 6){
|
|
|
|
|
|
<p class="youhuiNew">购买须知:本产品以下地区屏蔽微信和QQ:北上广深,成都,金华,阳江,肇庆,云浮,苏州,泰州,南通,镇江,南京,淮安,其他地区不受限制<br></p>
|
|
|
|
|
|
}
|
2021-04-01 10:42:56 +08:00
|
|
|
|
@* @if(item.Product.Id == 8){
|
2021-02-23 16:03:36 +08:00
|
|
|
|
<p class="youhuiNew">月卡送10天,双月卡赠送1个月,活动截止时间2021年3月31日<br>(同一个IP账号不限次数,<span style="color:FF0033;background-color:#FFFF33;">您可对同一账号多次续费都有赠送</span>,每位会员不限账号数量,您可购买多个IP账号都有赠送))</p>
|
2021-04-01 10:42:56 +08:00
|
|
|
|
} *@
|
2020-11-02 15:44:07 +08:00
|
|
|
|
|
2020-10-07 20:25:03 +08:00
|
|
|
|
@*<p class="text-center nameSmall">—<span>@item.Product.Name</span>—</p>*@
|
|
|
|
|
|
<div class="card" style="margin-top:30px;">
|
2021-02-28 16:48:04 +08:00
|
|
|
|
<div style="display: flex;margin: 0 auto;">
|
2020-11-28 15:51:34 +08:00
|
|
|
|
|
2020-12-27 15:13:32 +08:00
|
|
|
|
@if(item.Product.TenantId == 1157){
|
2020-12-01 19:35:28 +08:00
|
|
|
|
<div class="item packageitem" a-test="true" id="@("pkgtest"+item.Product.Id)" a-pkg-id="@item.Product.Id">
|
|
|
|
|
|
<p><span class="price">免费</span></p>
|
|
|
|
|
|
<p class="yuanjia" style="color: #FF9900;text-decoration:none;"><span>@restStatus</span></p>
|
|
|
|
|
|
<p>@restTimes</p>
|
|
|
|
|
|
<div class="pkgNameCard">
|
|
|
|
|
|
<p class="tianka" style="font-size:17px;">测试卡</p>
|
|
|
|
|
|
<p class="qixian">使用期限:1小时</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<img src="~/img/check.png" class="cardCheck">
|
2020-11-28 15:51:34 +08:00
|
|
|
|
</div>
|
2020-12-01 19:35:28 +08:00
|
|
|
|
}
|
2020-11-28 15:51:34 +08:00
|
|
|
|
|
2021-02-27 17:42:01 +08:00
|
|
|
|
@foreach (var package in item.Packages.Where(m => m.IsTest == 0 && m.Status == 1).OrderBy(m => m.TenantId))
|
2020-10-07 20:25:03 +08:00
|
|
|
|
{
|
2021-04-20 18:42:47 +08:00
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
.packageitem-@package.Id{
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.packageitem-@package.Id::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.2rem solid #f64e3d;
|
|
|
|
|
|
border-right-color: transparent;
|
|
|
|
|
|
content: "@package.Title 折";
|
|
|
|
|
|
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.packageitem-@package.Id::after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 2.1875rem;
|
|
|
|
|
|
left: -0.5rem;
|
|
|
|
|
|
border: 0.25rem solid #f64e3d;
|
|
|
|
|
|
border-left-color: transparent;
|
|
|
|
|
|
border-bottom-color: transparent;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
2021-01-18 17:57:11 +08:00
|
|
|
|
@if(package.Price == 0.1M){
|
|
|
|
|
|
|
|
|
|
|
|
<div class="item packageitem packageitem1" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
|
2021-04-20 18:42:47 +08:00
|
|
|
|
|
2021-01-18 17:57:11 +08:00
|
|
|
|
|
|
|
|
|
|
<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:#FF9933">
|
|
|
|
|
|
<p class="tianka" style="font-size:17px;color:#FF0033;">@package.Name</p>
|
|
|
|
|
|
<p class="qixian">@package.Profile</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<img src="~/img/check.png" class="cardCheck">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
2021-01-26 15:03:32 +08:00
|
|
|
|
else if(package.Id == 1018||package.Id==1009||package.Id==1019){
|
2021-01-22 09:40:58 +08:00
|
|
|
|
|
2021-04-20 18:42:47 +08:00
|
|
|
|
<div class="item packageitem packageitem-@package.Id" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
|
2021-01-22 09:40:58 +08:00
|
|
|
|
|
|
|
|
|
|
<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">
|
2021-01-26 15:03:32 +08:00
|
|
|
|
<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>
|
|
|
|
|
|
}
|
2021-01-22 09:40:58 +08:00
|
|
|
|
else if(package.Id == 88||package.Id == 101||package.Id == 103){
|
2020-11-02 15:44:07 +08:00
|
|
|
|
|
2021-04-20 18:42:47 +08:00
|
|
|
|
<div class="item packageitem packageitem-@package.Id" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
|
|
|
|
|
|
|
2020-11-02 15:44:07 +08:00
|
|
|
|
|
|
|
|
|
|
<p><span class="price">@package.Price</span>元</p>
|
2020-11-10 20:49:38 +08:00
|
|
|
|
<p class="yuanjia" style="color: #FF9900;">原价:<span>@package.LinePrice</span>元</p>
|
2020-11-02 15:44:07 +08:00
|
|
|
|
<p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
|
|
|
|
|
|
<div class="pkgNameCard" style="background-color:#f64e3d">
|
2021-02-23 16:03:36 +08:00
|
|
|
|
<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==105){
|
|
|
|
|
|
|
2021-04-20 18:42:47 +08:00
|
|
|
|
<div class="item packageitem packageitem-@package.Id" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
|
|
|
|
|
|
|
2021-02-23 16:03:36 +08:00
|
|
|
|
<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">
|
2020-11-10 20:49:38 +08:00
|
|
|
|
<p class="tianka" style="font-size:17px;">@package.Name</p>
|
2020-11-02 15:44:07 +08:00
|
|
|
|
<p class="qixian">@package.Profile</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<img src="~/img/check.png" class="cardCheck">
|
|
|
|
|
|
</div>
|
2021-01-18 17:57:11 +08:00
|
|
|
|
}
|
2021-01-15 17:38:34 +08:00
|
|
|
|
else if(package.Id == 100||package.Id == 102) {
|
2021-04-20 18:42:47 +08:00
|
|
|
|
<div class="item packageitem packageitem-@package.Id" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
|
|
|
|
|
|
|
2020-11-02 15:44:07 +08:00
|
|
|
|
<p><span class="price">@package.Price</span>元</p>
|
2020-11-10 20:49:38 +08:00
|
|
|
|
<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">
|
2021-01-16 14:59:31 +08:00
|
|
|
|
<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 == 1007||package.Id == 1008||package.Id == 104) {
|
2021-04-20 18:42:47 +08:00
|
|
|
|
<div class="item packageitem packageitem-@package.Id" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
|
|
|
|
|
|
|
2021-01-16 14:59:31 +08:00
|
|
|
|
<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">
|
2020-11-10 20:49:38 +08:00
|
|
|
|
<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>
|
|
|
|
|
|
|
2021-01-15 17:38:34 +08:00
|
|
|
|
}
|
2020-12-17 22:34:35 +08:00
|
|
|
|
|
2021-04-13 14:37:10 +08:00
|
|
|
|
else if(package.Id == 1||package.Id == 1002||package.Id == 4||package.Id == 7||package.Id == 12||package.Id == 17||package.Id == 22||package.Id == 27||package.Id == 32||package.Id == 37||package.Id == 42||package.Id == 62||package.Id == 69||package.Id == 73||package.Id == 80) {
|
2021-04-20 18:42:47 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="item packageitem packageitem-@package.Id" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
|
|
|
|
|
|
|
2020-12-17 22:34:35 +08:00
|
|
|
|
|
|
|
|
|
|
<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">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
}
|
2020-12-02 13:50:37 +08:00
|
|
|
|
else {
|
2020-11-02 15:44:07 +08:00
|
|
|
|
|
2021-04-20 18:42:47 +08:00
|
|
|
|
<div class="item packageitem packageitem-@package.Id" id="@("pkg"+package.Id)" a-pkg-id="@package.Id">
|
|
|
|
|
|
|
2020-11-02 15:44:07 +08:00
|
|
|
|
|
2021-04-13 16:13:46 +08:00
|
|
|
|
@if((package.Id == 64||package.Id == 1004)&&package.Price<60){
|
|
|
|
|
|
<p><span class="price">60.00</span>元</p>
|
|
|
|
|
|
} else {
|
|
|
|
|
|
<p><span class="price">@package.Price</span>元</p>
|
|
|
|
|
|
}
|
2020-11-10 20:49:38 +08:00
|
|
|
|
<p class="yuanjia" style="color: #FF9900;">原价:<span>@package.LinePrice</span>元</p>
|
2020-11-02 15:44:07 +08:00
|
|
|
|
<p>@(Math.Round(package.Price/package.DayCount,2))元/天</p>
|
2020-12-17 22:34:35 +08:00
|
|
|
|
<div class="pkgNameCard" style="background-color:#f64e3d">
|
2020-11-10 20:49:38 +08:00
|
|
|
|
<p class="tianka" style="font-size:17px;">@package.Name</p>
|
2020-11-02 15:44:07 +08:00
|
|
|
|
<p class="qixian">@package.Profile</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<img src="~/img/check.png" class="cardCheck">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
2020-10-07 20:25:03 +08:00
|
|
|
|
}
|
2021-02-28 16:48:04 +08:00
|
|
|
|
|
|
|
|
|
|
</div>
|
2020-10-07 20:25:03 +08:00
|
|
|
|
</div>
|
2021-02-27 17:42:01 +08:00
|
|
|
|
<div style="margin-left:26%">
|
|
|
|
|
|
<div style="border: 1px dashed #ccc;margin-top:30px;width:50%;margin-left: 63px;background-color:#FFCC33">
|
2021-04-20 18:42:47 +08:00
|
|
|
|
<p class="youhuiNew" style="padding-bottom:0px;">总消费满200元,即可享受超值优惠价</p>
|
2021-02-27 17:42:01 +08:00
|
|
|
|
<p class="youhuiNew" style="padding-top:0px;padding-bottom:0px;">开通后有任何问题可无理由退款,并支持自助提现</p>
|
2020-10-07 20:25:03 +08:00
|
|
|
|
|
|
|
|
|
|
</div>
|
2021-02-27 17:42:01 +08:00
|
|
|
|
</div>
|
2020-10-07 20:25:03 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@if (user == null)
|
|
|
|
|
|
{
|
|
|
|
|
|
<p class="tijiao"><button type="button" class="btn btn-primary login">提交</button></p>
|
|
|
|
|
|
}
|
|
|
|
|
|
else
|
|
|
|
|
|
{
|
|
|
|
|
|
<p class="tijiao"><button type="button" class="btn btn-primary btn-submit">提交</button></p>
|
|
|
|
|
|
}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="clear"></div>
|
2020-11-28 15:51:34 +08:00
|
|
|
|
<div class="warning">
|
|
|
|
|
|
<div class="panel panel-default">
|
|
|
|
|
|
<div class="panel-body text-center" style="font-size: 20px;">
|
|
|
|
|
|
请先选择产品套餐^.^
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<p class="text-center">
|
|
|
|
|
|
<button type="button" class="btn btn-danger quxiao" onclick="$('.warning').hide();$('#hidebg').hide();">我明白了</button>
|
|
|
|
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2020-10-07 20:25:03 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@section Scripts{
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
var currentPkgId = 0;
|
|
|
|
|
|
var testProductId = 0;
|
2020-11-28 15:51:34 +08:00
|
|
|
|
var isTest = false;
|
2020-10-07 20:25:03 +08:00
|
|
|
|
function select(id) {
|
|
|
|
|
|
var el = "#p" + id;
|
|
|
|
|
|
var packageBox = "#box" + id;
|
|
|
|
|
|
$(".packagebox").hide();
|
|
|
|
|
|
$(packageBox).show();
|
|
|
|
|
|
$(el).addClass("on");
|
|
|
|
|
|
$(el).siblings().removeClass("on");
|
|
|
|
|
|
var pkgid = $(el).attr("a-pkg-id");
|
2020-11-28 15:51:34 +08:00
|
|
|
|
//selectPackage(pkgid);
|
2020-10-07 20:25:03 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2020-11-30 09:57:48 +08:00
|
|
|
|
function selectPackage(id ,falg = false) {
|
2020-10-07 20:25:03 +08:00
|
|
|
|
currentPkgId = id;
|
|
|
|
|
|
var el = "#pkg" + id;
|
|
|
|
|
|
//$(".packageitem").hide();
|
|
|
|
|
|
//$(el).show()
|
2020-11-30 09:57:48 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2020-10-07 20:25:03 +08:00
|
|
|
|
$(el).siblings().removeClass("kuang");
|
|
|
|
|
|
$(el).siblings().find(".cardCheck").hide();
|
2020-11-30 09:57:48 +08:00
|
|
|
|
if(falg){
|
|
|
|
|
|
$("#pkgtest" + id).addClass("kuang");
|
|
|
|
|
|
$("#pkgtest" + id).find(".cardCheck").show();
|
|
|
|
|
|
} else {
|
|
|
|
|
|
$(el).addClass("kuang");
|
|
|
|
|
|
$(el).find(".cardCheck").show();
|
|
|
|
|
|
}
|
2020-10-07 20:25:03 +08:00
|
|
|
|
}
|
|
|
|
|
|
function loginSuccess(data) {
|
2020-11-28 15:51:34 +08:00
|
|
|
|
window.location.href = "/product/index";
|
2020-10-07 20:25:03 +08:00
|
|
|
|
}
|
|
|
|
|
|
function testLoginSuccess(data) {
|
|
|
|
|
|
window.location.href = "Test?id=" + testProductId;
|
|
|
|
|
|
}
|
|
|
|
|
|
function reBuyLoginSuccess(data) {
|
|
|
|
|
|
window.location.href = "/User/MyAccounts";
|
|
|
|
|
|
}
|
|
|
|
|
|
$(function () {
|
|
|
|
|
|
$(".productItem").click(function () {
|
|
|
|
|
|
//$(this).addClass("kuang");
|
|
|
|
|
|
//$(this).siblings().removeClass("kuang");
|
|
|
|
|
|
//$(this).find(".check").show();
|
|
|
|
|
|
//$(this).siblings().find(".check").hide();
|
|
|
|
|
|
var pid = $(this).attr('a-pid');
|
2021-04-07 18:25:20 +08:00
|
|
|
|
if(pid == 7){
|
|
|
|
|
|
alert('请注意!无尽IP仅供电脑端使用!');
|
|
|
|
|
|
}
|
2020-10-07 20:25:03 +08:00
|
|
|
|
select(pid);
|
|
|
|
|
|
});
|
|
|
|
|
|
$(".card .item").click(function () {
|
|
|
|
|
|
currentPkgId = $(this).attr('a-pkg-id');
|
2020-11-28 15:51:34 +08:00
|
|
|
|
if ($(this).attr('a-test')){
|
|
|
|
|
|
isTest = true;
|
|
|
|
|
|
} else {
|
|
|
|
|
|
isTest = false;
|
|
|
|
|
|
}
|
2020-11-30 09:57:48 +08:00
|
|
|
|
selectPackage(currentPkgId, isTest)
|
2020-10-07 20:25:03 +08:00
|
|
|
|
//$(this).addClass("kuang");
|
|
|
|
|
|
//$(this).siblings().removeClass("kuang");
|
|
|
|
|
|
//$(this).find(".cardCheck").show();
|
|
|
|
|
|
//$(this).siblings().find(".cardCheck").hide();
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
$(".btn-submit").click(function () {
|
2020-11-28 15:51:34 +08:00
|
|
|
|
if(!currentPkgId){
|
|
|
|
|
|
$('#hidebg').height($(document).height());
|
|
|
|
|
|
$('#hidebg').show();
|
|
|
|
|
|
$('.warning').show();
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
if(isTest){
|
|
|
|
|
|
window.location.href = "Test?id=" + currentPkgId;
|
|
|
|
|
|
} else {
|
|
|
|
|
|
window.location.href = "Buy?id=" + currentPkgId;
|
|
|
|
|
|
}
|
2020-10-07 20:25:03 +08:00
|
|
|
|
})
|
|
|
|
|
|
$(".testLogin").click(function () {
|
|
|
|
|
|
loginCallback = testLoginSuccess;
|
|
|
|
|
|
testProductId = $(this).attr("a-productId");
|
|
|
|
|
|
$(".mask").show();
|
|
|
|
|
|
$(".main").show();
|
|
|
|
|
|
$(".main").addClass("animated bounceInDown");
|
|
|
|
|
|
});
|
|
|
|
|
|
$(".reBuy").click(function () {
|
|
|
|
|
|
loginCallback = reBuyLoginSuccess;
|
|
|
|
|
|
$(".mask").show();
|
|
|
|
|
|
$(".main").show();
|
|
|
|
|
|
$(".main").addClass("animated bounceInDown");
|
|
|
|
|
|
});
|
|
|
|
|
|
})
|
|
|
|
|
|
select(@defaultProduct.Id)
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
@*<script type="text/javascript">
|
|
|
|
|
|
$(".main-page .nav div").mouseenter(function () {
|
|
|
|
|
|
var $this = $(this);
|
|
|
|
|
|
var index = $this.index();
|
|
|
|
|
|
}).mouseleave(function () {
|
|
|
|
|
|
var $this = $(this);
|
|
|
|
|
|
var index = $this.index();
|
|
|
|
|
|
}).click(function () {
|
|
|
|
|
|
var $this = $(this);
|
|
|
|
|
|
var index = $this.index();
|
|
|
|
|
|
var l = -(index * 800);
|
|
|
|
|
|
$(".main-page .nav div").removeClass("on");
|
|
|
|
|
|
$(".main-page .nav div").eq(index).addClass("on");
|
|
|
|
|
|
$(".main-page .content .con-ggh:eq(0)").stop().animate({ "margin-top": l }, 500);
|
|
|
|
|
|
});
|
|
|
|
|
|
</script>*@
|
|
|
|
|
|
}
|