极狐推荐

This commit is contained in:
“wanyongkang”
2024-07-15 17:32:00 +08:00
parent b29e9bb51f
commit 345c45c478
8 changed files with 306 additions and 36 deletions

View File

@@ -182,33 +182,33 @@
@foreach (var item in Model)
{
if(item.Product.Id == 18) {
<li role="presentation" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
<li role="presentation" onclick="onrecommend(18)" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
<a href="#@item.Product.Id" class="click_product" role="tab" data-toggle="tab" style="font-size: 25px;border:1px solid #99CCFF">@item.Product.Name<span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">超快</span></a>
</li>
} else if(item.Product.Id == 29) {
<li role="presentation" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
<li role="presentation" onclick="onrecommend(29)" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
<a href="#@item.Product.Id" class="click_product" id="p29" role="tab" data-toggle="tab" style="font-size: 25px;border:1px solid #99CCFF">@item.Product.Name<span style="color: #f64e3d;font-weight:bold;float:right;padding-right: 5px;">纯净IP</span></a>
</li>
}else if(item.Product.Id == 14) {
<li role="presentation" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
<li role="presentation" onclick="onrecommend(14)" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
<a href="#@item.Product.Id" class="click_product" id="p14" role="tab" data-toggle="tab" style="font-size: 25px;border:1px solid #99CCFF">@item.Product.Name</a>
</li>
}else if(item.Product.Id == 26) {
<li role="presentation" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
<li role="presentation" onclick="onrecommend(26)" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
<a href="#@item.Product.Id" class="click_product" id="p26" role="tab" data-toggle="tab" style="font-size: 25px;border:1px solid #99CCFF">@item.Product.Name</a>
</li>
}else if(item.Product.Id == 27) {
<li role="presentation" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
<li role="presentation" onclick="onrecommend(27)" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
<a href="#@item.Product.Id" class="click_product" id="p27" role="tab" data-toggle="tab" style="font-size: 25px;border:1px solid #99CCFF">@item.Product.Name</a>
</li>
}else if(item.Product.Id == 6) {
<li role="presentation" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
<li role="presentation" onclick="onrecommend(6)" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
<a href="#@item.Product.Id" class="click_product" id="p6" role="tab" data-toggle="tab" style="font-size: 25px;border:1px solid #99CCFF">@item.Product.Name</a>
</li>
}
else if(item.Product.Id == 22) {
<li role="presentation" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
<li role="presentation" onclick="onrecommend(22)" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
<a href="#@item.Product.Id" role="tab" class="click_product" data-toggle="tab" style="font-size: 25px;border:1px solid #99CCFF">@item.Product.Name </a>
</li>
}
@@ -229,7 +229,7 @@
</li>
} else {
<li role="presentation" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
<li onclick="onrecommend( @(item.Product.Id) )" role="presentation" class="@(item.Product.Id==defaultProduct.Id?"active":"")">
<a href="#@item.Product.Id" id="p@(item.Product.Id)" class="click_product" role="tab" data-toggle="tab" style="font-size: 25px;border:1px solid #99CCFF">@item.Product.Name </a>
</li>
}
@@ -710,6 +710,42 @@
</div>
<div class="modal fade" id="product_recommend" tabindex="-1" role="dialog" aria-labelledby="myModalLabelproduct" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title" id="myModalLabelproduct">
产品推荐
</h4>
</div>
<div class="modal-body">
<p style="font-weight:bold;">重磅打造极狐IP聚IP最好的动态产品260城市纯净IP三网混合IP稳定极速视频直播无压力且有不同带宽可选</p>
<p style="font-weight:bold;">现推广期天卡1毛体验周送1天月送1周双月送1月</p>
<p style="font-weight:bold;">承诺不好用48小时内免费退款</p>
<div class="text-right">
<label>
<input id="recommendchechk" type="checkbox"> 7天内不再提示
</label>
</div>
</div>
<div class="modal-footer">
<a href="/product/index" type="button" class="btn btn-primary" >
查看
</a>
<button type="button" class="btn btn-warning" onclick="buyrecommendfunc()" data-dismiss="modal">
忽略
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<script src="~/js/vue.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/css/bootstrap-select.min.css">
@@ -1060,6 +1096,30 @@
</script>
<script>
function buyrecommendfunc() {
var isChecked = $('#recommendchechk').is(':checked');
if (isChecked) {
localStorage.setItem('buyrecommend', new Date().getTime());
}
}
function onrecommend(id) {
if (id != 29 && id != 28 && id != 25 && id != 22 && id != 21 && id != 20 && id != 18 ) {
var lastClosedTime = localStorage.getItem('buyrecommend');
if (!lastClosedTime) {
// 如果之前没有关闭时间记录,则显示提示框
$('#product_recommend').modal('show')
} else {
// 如果有关闭时间记录则检查是否超过7天
var sevenDaysInMillis = 7 * 24 * 60 * 60 * 1000; // 7天的毫秒数
var currentTime = new Date().getTime();
if (currentTime - lastClosedTime > sevenDaysInMillis) {
// 超过7天显示提示框
$('#product_recommend').modal('show')
}
}
}
}
$(function(){
setTimeout(function(){
$("#loading").hide();