1029 lines
30 KiB
JavaScript
1029 lines
30 KiB
JavaScript
function goToPage(e) {
|
||
let homeUrl = window.location.href.indexOf('index.html');
|
||
switch (e) {
|
||
case 1:
|
||
console.log('关于我们');
|
||
if (homeUrl > -1) {
|
||
location.href = 'htmls/aboutUs/aboutUs.html'
|
||
} else {
|
||
location.href = '../../htmls/aboutUs/aboutUs.html'
|
||
}
|
||
break;
|
||
case 2:
|
||
console.log('购物车');
|
||
if (homeUrl > -1) {
|
||
location.href = 'htmls/logshoppingcar/shopcar.html';
|
||
} else {
|
||
location.href = '../../htmls/logshoppingcar/shopcar.html';
|
||
}
|
||
break;
|
||
case 3:
|
||
console.log('联系我们');
|
||
if (homeUrl > -1) {
|
||
location.href = 'htmls/contactUs/contactUs.html'
|
||
} else {
|
||
location.href = '../../htmls/contactUs/contactUs.html'
|
||
}
|
||
break;
|
||
case 4:
|
||
// 登录注册
|
||
if (homeUrl > -1) {
|
||
location.href = 'htmls/logshoppingcar/login.html';
|
||
} else {
|
||
location.href = '../../htmls/logshoppingcar/login.html';
|
||
}
|
||
break;
|
||
}
|
||
|
||
}
|
||
$(function () {
|
||
let reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
|
||
$('#submitLY').click(function () {
|
||
let name = $('input[name="username"]').val();
|
||
let phone = $('input[name="userphone"]').val();
|
||
let content = $('input[name="usercontent"]').val();
|
||
if (!name) {
|
||
console.log('请输入联系人');
|
||
} else if (!reg_tel.test(phone)) {
|
||
console.log('请输入正确的联系电话');
|
||
} else if (!content) {
|
||
console.log('请输入联系说明');
|
||
} else {
|
||
console.log('提交成功');
|
||
}
|
||
})
|
||
// 首页更多事件
|
||
var list = $(".sy-more")
|
||
$('.sy-more').on('click', function () {
|
||
var index = list.index(this); //获取下标
|
||
// console.log(index,list.length);
|
||
if (index == 0) location.href = 'htmls/artNetwork/exhibition.html'
|
||
if (index == 1) location.href = 'htmls/artNetwork/realTimeInfo.html'
|
||
if (index == 2) location.href = 'htmls/artNetwork/shoppingMall.html'
|
||
if (index == 3) location.href = 'htmls/artNetwork/artist.html'
|
||
// if(index==4) location.href = 'htmls/artNetwork/login.html'
|
||
if (index == 5) location.href = 'htmls/artNetwork/train.html'
|
||
// if(index==6) location.href = 'htmls/artNetwork/train.html'
|
||
})
|
||
let headH = $('#huaxia-head').height()
|
||
$(window).resize(function () { //监听窗口大小的改变
|
||
// console.log($(window).width());
|
||
})
|
||
$('.logo').on('click', function () { //logo图标点击事件
|
||
location.href = 'index.html'
|
||
})
|
||
// 一级导航
|
||
$('.dao-box li div').mouseover(function () { //导航悬浮事件
|
||
$(this).css("cursor", "pointer")
|
||
})
|
||
$('.dao-box li div').click(function () { //导航点击事件
|
||
$('.dao-box li div').removeClass('cq-dao-active')
|
||
$('.dao-box li div div').addClass("dn");
|
||
$('.dao-box li span').addClass("dn");
|
||
$(this).find(".xiahx").removeClass('dn')
|
||
$(this).next(".redD").removeClass('dn')
|
||
$(this).addClass('cq-dao-active')
|
||
})
|
||
// 二级导航
|
||
// $('.zx-nav li a').click(function(){
|
||
// $('.zx-nav li a').removeClass('zx-nav-title')
|
||
// $('.zx-nav li div').removeClass('zx-nav-active')
|
||
// $(this).addClass('zx-nav-title')
|
||
// $(this).next("div").addClass('zx-nav-active')
|
||
// })
|
||
$('.zx-nav li').click(function () {
|
||
let jgTwoIndex = $(this).index()
|
||
$('.zx-nav li span').removeClass('zx-nav-title')
|
||
$('.zx-nav li div').removeClass('zx-nav-active')
|
||
$(this).find('span').addClass('zx-nav-title')
|
||
$(this).find("div").addClass('zx-nav-active')
|
||
let urlIndex = window.location.href.indexOf('mechanismBooksDetail.html')
|
||
if (urlIndex > -1 && $(this).find('span').text() != '书刊杂志') {
|
||
$('#jg-detail').css('display', 'none')
|
||
} else {
|
||
$('#jg-detail').css('display', '')
|
||
}
|
||
changeJG()
|
||
if (jgTwoIndex == 0) $('#jgjj-box').css('display', '')
|
||
if (jgTwoIndex == 1) $('#jgcy-box').css('display', '')
|
||
if (jgTwoIndex == 2) $('#jgzh-box').css('display', '')
|
||
if (jgTwoIndex == 3) $('#jgysp-box').css('display', '')
|
||
if (jgTwoIndex == 4) $('#jgsk-box').css('display', '')
|
||
if (jgTwoIndex == 5) $('#jgxw-box').css('display', '')
|
||
})
|
||
$('.px-nav li a').click(function () { //培训页二级导航
|
||
$('.px-nav li a').removeClass('zx-nav-title')
|
||
$('.px-nav li div').removeClass('zx-nav-active')
|
||
$(this).addClass('zx-nav-title')
|
||
$(this).next("div").addClass('zx-nav-active')
|
||
})
|
||
//三级导航
|
||
$('.szx-nav li a').click(function () {
|
||
$('.szx-nav li a').removeClass('zx-nav-title')
|
||
$('.szx-nav li div').removeClass('zx-nav-active')
|
||
$(this).addClass('zx-nav-title')
|
||
$(this).next("div").addClass('zx-nav-active')
|
||
})
|
||
// 资讯页面
|
||
// 信息动态、新闻公告切换
|
||
$('#zx-xg').click(function () {
|
||
if (!$(this).find('.xx-one').hasClass('zx-xx')) {
|
||
$(this).find('.xx-one').addClass('zx-xx');
|
||
$(this).find('.xx-one').removeClass('zx-gg');
|
||
$(this).find('.gg-one').addClass('zx-gg');
|
||
$(this).find('.gg-one').removeClass('zx-xx');
|
||
} else {
|
||
$(this).find('.gg-one').removeClass('zx-gg');
|
||
$(this).find('.gg-one').addClass('zx-xx');
|
||
$(this).find('.xx-one').removeClass('zx-xx');
|
||
$(this).find('.xx-one').addClass('zx-gg');
|
||
}
|
||
})
|
||
// 机构详情的立即关注
|
||
$('#follow').click(function () {
|
||
if ($(this).text() == '立即关注') {
|
||
$(this).text('已关注')
|
||
$(this).removeClass('borr')
|
||
$(this).addClass('borf')
|
||
} else {
|
||
$(this).text('立即关注')
|
||
$(this).removeClass('borf')
|
||
$(this).addClass('borr')
|
||
}
|
||
})
|
||
// 培训课堂介绍、课堂视频、在线直播切换事件
|
||
$('#px-item div').click(function () {
|
||
$('#px-item div').removeClass('zx-xx')
|
||
$('#px-item div').addClass('zx-gg')
|
||
$(this).addClass('zx-xx')
|
||
$(this).removeClass('zx-gg')
|
||
let pxIndex = $(this).index() //0代表课堂介绍、1代表课堂视频、2代表在线直播
|
||
switch (pxIndex) {
|
||
case 0:
|
||
$('#pxsp-list').css('display', 'none')
|
||
$('#pxzb-list').css('display', 'none')
|
||
$('#px-list').css('display', '')
|
||
break;
|
||
case 1:
|
||
$('#px-list').css('display', 'none')
|
||
$('#pxzb-list').css('display', 'none')
|
||
$('#pxsp-list').css('display', '')
|
||
break;
|
||
case 2:
|
||
$('#px-list').css('display', 'none')
|
||
$('#pxsp-list').css('display', 'none')
|
||
$('#pxzb-list').css('display', '')
|
||
break;
|
||
}
|
||
})
|
||
// 培训课堂介绍、课堂视频、在线直播切换事件
|
||
$('#zl-item div').click(function () {
|
||
$('#zl-item div').removeClass('zx-xx')
|
||
$('#zl-item div').addClass('zx-gg')
|
||
$(this).addClass('zx-xx')
|
||
$(this).removeClass('zx-gg')
|
||
let pxIndex = $(this).index() //0代表课堂介绍、1代表课堂视频、2代表在线直播
|
||
$('#zling').css('display', 'none')
|
||
$('#zlwill').css('display', 'none')
|
||
$('#zled').css('display', 'none')
|
||
$('#zlDetail').css('display', 'none')
|
||
switch (pxIndex) {
|
||
case 0:
|
||
$('#zling').css('display', '')
|
||
break;
|
||
case 1:
|
||
$('#zlwill').css('display', '')
|
||
break;
|
||
case 2:
|
||
$('#zled').css('display', '')
|
||
break;
|
||
}
|
||
})
|
||
// let childer = document.querySelectorAll('.ysj .ya-item-box').length
|
||
// if(childer==5) {
|
||
// $('.ysj').css({"justify-content":"space-between","marginRight":0})
|
||
// $('.ysj .ya-item-box').css({"marginRight":0})
|
||
// }
|
||
pmList() //拍卖列表事件
|
||
checkPMShop() //拍卖所有商品事件
|
||
checkAllSList() //查询所有商品
|
||
let zhTop = 0
|
||
$(window).scroll(function () {
|
||
if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) {
|
||
if (zhTop == 0) zhTop = $(window).scrollTop() / 2
|
||
// $('.zx-more').css('display','flex')
|
||
// setTimeout(function(){
|
||
// $('.zx-more').css('display','none')
|
||
// window.scrollBy(0,-10);
|
||
// },1500)
|
||
// pmList()
|
||
// checkPMShop()
|
||
// checkAllSList()
|
||
}
|
||
});
|
||
|
||
ysEJ() //艺术家二级分类
|
||
// 艺术家二级分类切换事件
|
||
$('#ys-cate li').click(function () {
|
||
$('#ys-cate li a').removeClass('zx-nav-title')
|
||
$('#ys-cate li div').removeClass('zx-nav-active')
|
||
$(this).find('a').addClass('zx-nav-title')
|
||
$(this).find('div').addClass('zx-nav-active')
|
||
})
|
||
// 艺术家二级切换
|
||
$('#ys-nav li').click(function () {
|
||
let ysIndex = $(this).index()
|
||
switch (ysIndex) {
|
||
case 0:
|
||
$('#ysj-jj').css('display', '')
|
||
$('#ysj-zp').css('display', 'none')
|
||
$('#ysj-ft').css('display', 'none')
|
||
$('#ysj-sk').css('display', 'none')
|
||
break;
|
||
case 1:
|
||
$('#ysj-zp').css('display', '')
|
||
$('#ysj-jj').css('display', 'none')
|
||
$('#ysj-ft').css('display', 'none')
|
||
$('#ysj-sk').css('display', 'none')
|
||
break;
|
||
case 2:
|
||
$('#ysj-ft').css('display', '')
|
||
$('#ysj-zp').css('display', 'none')
|
||
$('#ysj-jj').css('display', 'none')
|
||
$('#ysj-sk').css('display', 'none')
|
||
break;
|
||
case 3:
|
||
$('#ysj-sk').css('display', '')
|
||
$('#ysj-zp').css('display', 'none')
|
||
$('#ysj-ft').css('display', 'none')
|
||
$('#ysj-jj').css('display', 'none')
|
||
break;
|
||
}
|
||
})
|
||
// 商品购买时的加
|
||
$('.addNum').click(function () {
|
||
let dnum = $('#numVal').val()
|
||
dnum++
|
||
$('#numVal').val(dnum)
|
||
})
|
||
// 商品购买时的减
|
||
$('.delNum').click(function () {
|
||
let dnum = $('#numVal').val()
|
||
if (dnum > 1) {
|
||
dnum--
|
||
$('#numVal').val(dnum)
|
||
}
|
||
})
|
||
// 商城的更多事件
|
||
$('#rem-more,#sh-more,#cq-more,#jf-more').click(function () {
|
||
location.href = "shopMore.html"
|
||
})
|
||
// 调起兑换弹框
|
||
$('#duih').click(function () {
|
||
$('#isTank').fadeIn()
|
||
$('#duik').css('display', '')
|
||
})
|
||
// 关闭弹框
|
||
$('.close-q').click(function () {
|
||
closeTK()
|
||
})
|
||
// 立即兑换提交事件
|
||
$('#sumitdh').click(function () {
|
||
$('#duik').css('display', 'none')
|
||
$('#success_fail').css('display', '')
|
||
let isFlag = true
|
||
if (isFlag) {
|
||
$('#successk').css('display', '')
|
||
} else $('#failk').css('display', '')
|
||
})
|
||
// 去购物
|
||
$('.goShop').click(function () {
|
||
location.href = "pointsMall.html"
|
||
})
|
||
// 调起投稿界面
|
||
$('#toug').click(function () {
|
||
$('#isTank').fadeIn()
|
||
$('#duik').css('display', '')
|
||
$('#success_fail').css('display', 'none')
|
||
})
|
||
// 去展览
|
||
$('.goZhanl').click(function () {
|
||
location.href = `exhibition.html`
|
||
})
|
||
// 继续投票
|
||
$('.continueTP').click(function () {
|
||
console.log('继续投票');
|
||
})
|
||
// 图片选择
|
||
$('#inputImg').change(function () {
|
||
|
||
|
||
$filePath = URL.createObjectURL(this.files[0]);
|
||
$('#upImg').attr('src', $filePath);
|
||
$('#fileBox').css('display', 'none')
|
||
$('#upImg').css('display', 'inline')
|
||
|
||
$("#inputImg+#uptxt").val(`${this.files[0].name}`)
|
||
|
||
|
||
})
|
||
//图片选择页面复用
|
||
$('.inputImg').change(function (e) {
|
||
|
||
$filePath = URL.createObjectURL(this.files[0]);
|
||
$(e.target).next().attr('src', $filePath);
|
||
$('.fileBox').css('display', 'none')
|
||
$(e.target).next().css('display', 'inline')
|
||
console.log($(e.target).next().attr("class"));
|
||
if ($(e.target).next().attr("class") != "upImg") {
|
||
$(".uptoux").attr('src', $filePath);
|
||
$(".tyjgzx_topimgtx").css("display", "block")
|
||
}
|
||
})
|
||
// 立即投稿
|
||
$('#submitTG').click(function () {
|
||
closeTK()
|
||
})
|
||
// 去选择地址页面
|
||
$('.goChooseDZ').on('click', function () {
|
||
location.href = ''
|
||
})
|
||
// 监听页面滚动条变化
|
||
$(window).scroll(function () {
|
||
// 获取滚动条距离顶部的距离
|
||
let s = $(window).scrollTop();
|
||
if (s > 1000) {
|
||
$('#gotoTop').fadeIn(100);
|
||
} else {
|
||
$('#gotoTop').fadeOut(200);
|
||
}
|
||
})
|
||
$('.search_img').on('click', function () {
|
||
$('#previewImg').css('display', 'flex')
|
||
})
|
||
$('#previewImg').on('click', function () {
|
||
$(this).css('display', 'none')
|
||
})
|
||
$('#previewImg .closeImg').on('click', function () {
|
||
$('#previewImg').css('display', 'none')
|
||
})
|
||
//展览详情作品搜索点击事件
|
||
$('.zpsearch-box img').on('click', function () {
|
||
console.log('作品搜索');
|
||
})
|
||
//功能按钮事件
|
||
$('.gongn').on('click', function () {
|
||
$(this).toggleClass('trans90')
|
||
$('.cell-nav').toggleClass('dn')
|
||
$('.cell-input').addClass('dn')
|
||
})
|
||
//关闭功能弹框
|
||
$('.cell-nav').on('click', function () {
|
||
$('.gongn').toggleClass('trans90')
|
||
$('.cell-nav').toggleClass('dn')
|
||
$('.cell-input').addClass('dn')
|
||
})
|
||
//功能按钮事件
|
||
$('.shous').on('click', function () {
|
||
$("input[name='keyWord']").val('')
|
||
$('.cell-input').toggleClass('dn')
|
||
$('.gongn').removeClass('trans90')
|
||
$('.cell-nav').addClass('dn')
|
||
})
|
||
//功能按钮事件
|
||
$('.cell-input').on('click', function () {
|
||
$("input[name='keyWord']").val('')
|
||
$(this).addClass('dn')
|
||
})
|
||
// 阻止事件冒泡
|
||
$('input[name="keyWord"]').on("click", function (event) {
|
||
event.stopPropagation()
|
||
})
|
||
})
|
||
|
||
function searchKey(e) { //导航关键词搜索
|
||
if (e.key == 'Enter') {
|
||
console.log('导航关键词搜索');
|
||
$('.cell-input').toggleClass('dn')
|
||
}
|
||
}
|
||
|
||
function searchZP() { //展览详情作品搜索事件
|
||
console.log('作品搜索');
|
||
}
|
||
|
||
function changeJG() {
|
||
$('#jgjj-box').css('display', 'none')
|
||
$('#jgcy-box').css('display', 'none')
|
||
$('#jgzh-box').css('display', 'none')
|
||
$('#jgysp-box').css('display', 'none')
|
||
$('#jgsk-box').css('display', 'none')
|
||
$('#jgxw-box').css('display', 'none')
|
||
}
|
||
|
||
function closeTK() { //关闭弹框
|
||
$('#isTank').fadeOut()
|
||
$('#failk').css('display', 'none')
|
||
$('#success_fail').css('display', 'none')
|
||
$('#successk').css('display', 'none')
|
||
$('#duik').css('display', 'none')
|
||
// 重置我要投稿
|
||
$('#upImg').attr('src', '')
|
||
$('#fileBox').css('display', 'flex')
|
||
$('#upImg').css('display', 'none')
|
||
$('#cicun').val('')
|
||
$('#name').val('')
|
||
}
|
||
|
||
function pmList() { //机构下的新闻动态列表
|
||
var pmHtml = '';
|
||
var pmData = [{
|
||
imgSrc: '../../img/public/pm01.png',
|
||
title: '四岛集珍唐人书画无底价专场',
|
||
time: '2021.06.30',
|
||
num: 27,
|
||
time: '2021.07.21',
|
||
content: '本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/pm02.png',
|
||
title: '四岛集珍唐人书画无底价专场',
|
||
time: '2021.06.30',
|
||
num: 99,
|
||
time: '2021.07.21',
|
||
content: '本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/pm03.png',
|
||
title: '四岛集珍唐人书画无底价专场',
|
||
time: '2021.06.30',
|
||
num: 1234,
|
||
time: '2021.07.21',
|
||
content: '本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/pm04.png',
|
||
title: '四岛集珍唐人书画无底价专场',
|
||
time: '2021.06.30',
|
||
num: 32,
|
||
time: '2021.07.21',
|
||
content: '本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/pm05.png',
|
||
title: '四岛集珍唐人书画无底价专场',
|
||
time: '2021.06.30',
|
||
num: 641,
|
||
time: '2021.07.21',
|
||
content: '本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'
|
||
},
|
||
]
|
||
$.each(pmData, function (commentIndex, comment) {
|
||
pmHtml += `<div class="dac m-x30 bd" onclick="goPMDetail(${commentIndex})">
|
||
<img width="100%" style="vertical-algin:bottom;" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
|
||
<div class="p-zy30 w56">
|
||
<div class="font-20 linh28 fb dac p-sx20 bbt"><span class="quan"></span><div class="clips1">${comment.title}</div></div>
|
||
<div class="font-15 col19 m-s20 m-x10">专场介绍</div>
|
||
<div class="font-15 col19 linh26 clips3 op8">${comment.content}</div>
|
||
<div class="font-12 colcb m-s10 m-x20 tr"><span class="cq-cp">更多详情</span></div>
|
||
<div class="btt p-sx20 font-15 djbac">
|
||
<span>拍品${comment.num}件</span>
|
||
<span class="col19 op7">${comment.time}</span>
|
||
</div>
|
||
</div>
|
||
</div>`
|
||
});
|
||
$('#pm-list').prepend(pmHtml);
|
||
}
|
||
|
||
function goPMDetail(e) { //查看资讯详情
|
||
location.href = `auctionDetail.html?id=${e}`
|
||
}
|
||
|
||
function checkPMShop() { //拍卖全部商品事件
|
||
let pmdHtml = '';
|
||
let pmdData = [{
|
||
imgSrc: '../../img/public/jg-dy-01.png',
|
||
title: '艺术清酒--得寓(酒标作品)Delight Sake',
|
||
time: 'RMB 1,500'
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jg-dy-02.png',
|
||
title: '艺术清酒--得寓(酒标作品)',
|
||
time: 'RMB 1,500'
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jg-dy-03.png',
|
||
title: '艺术清酒--得寓(酒标作品)Delight Sake',
|
||
time: 'RMB 1,500'
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jg-dy-04.png',
|
||
title: '艺术清酒--得寓(酒标作品)',
|
||
time: 'RMB 1,500'
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jg-dy-05.png',
|
||
title: '艺术清酒--得寓(酒标作品)',
|
||
time: 'RMB 1,500'
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jg-dy-06.png',
|
||
title: '艺术清酒--得寓(酒标作品)',
|
||
time: 'RMB 1,500'
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jg-dy-07.png',
|
||
title: '艺术清酒--得寓(酒标作品)',
|
||
time: 'RMB 1,500'
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jg-dy-08.png',
|
||
title: '艺术清酒--得寓(酒标作品)',
|
||
time: 'RMB 1,500'
|
||
},
|
||
]
|
||
$.each(pmdData, function (commentIndex, comment) {
|
||
pmdHtml += `<div class="dfc w25 m-s30" onclick="goPMSDetail(${commentIndex})">
|
||
<img class="w90" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
|
||
<div class="font-18 fb m-s20 w90 clips1">${comment.title}</div>
|
||
<div class="font-13 m-s10 w90 clips1">起拍价：<span class="colcb">${comment.time}</span></div>
|
||
</div>`
|
||
});
|
||
$('#pmd-list').prepend(pmdHtml);
|
||
$('#pmd-list img').mouseover(function () { //导航悬浮事件
|
||
$(this).css({
|
||
"cursor": "pointer"
|
||
})
|
||
$(this).nextAll('div').css('color', '#CB1919')
|
||
})
|
||
$('#pmd-list img').mouseout(function () { //导航悬浮事件
|
||
$(this).nextAll('div').css('color', '#000000')
|
||
})
|
||
}
|
||
|
||
function goPMSDetail(e) { //查看资讯详情
|
||
location.href = `auctionShopDetail.html?id=${e}`
|
||
}
|
||
|
||
function ysEJ() { //艺术家页面二级分类
|
||
let yspHtml = '';
|
||
let yspData = ['全部', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']
|
||
$.each(yspData, function (commentIndex, comment) {
|
||
if (commentIndex == 0) {
|
||
yspHtml += `<li><a href="javascript:;" class="zx-nav-title">${comment}</a><div class="zx-nav-active"></div></li>`
|
||
} else yspHtml += `<li><a href="javascript:;">${comment}</a><div></div></li>`
|
||
});
|
||
$('#ys-cate').prepend(yspHtml);
|
||
}
|
||
|
||
function checkYSZZList() { //查询艺术家杂志列表
|
||
let ysjzzHtml = '';
|
||
let ysjzzData = [{
|
||
imgSrc: '',
|
||
title: '',
|
||
time: ''
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jg-sk-02.png',
|
||
title: '新中国美术家系列—曹辉作品集',
|
||
time: '2021.07.09 - 2021.07.19'
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jg-sk-03.png',
|
||
title: '新中国美术家系列—曹辉作品集',
|
||
time: '2021.07.09 - 2021.07.19'
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jg-sk-04.png',
|
||
title: '新中国美术家系列—曹辉作品集',
|
||
time: '2021.07.09 - 2021.07.19'
|
||
},
|
||
]
|
||
$.each(ysjzzData, function (commentIndex, comment) {
|
||
ysjzzHtml += `<div class="dfc w25 m-s30" onclick="goysjSKDetail(${commentIndex})">
|
||
<img class="w90" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
|
||
<div class="font-18 fb m-s20 w90 clips1">${comment.title}</div>
|
||
<div class="font-13 m-s10 w90 clips1">出版时间：${comment.time}</div>
|
||
</div>`
|
||
});
|
||
$('#ysjzz-list img').mouseover(function () { //内容悬浮事件
|
||
$(this).css({
|
||
"cursor": "pointer"
|
||
})
|
||
$(this).nextAll('div').css('color', '#CB1919')
|
||
})
|
||
$('#ysjzz-list img').mouseout(function () { //内容悬浮事件
|
||
$(this).nextAll('div').css('color', '#000000')
|
||
})
|
||
}
|
||
|
||
function goysjSKDetail(e) { //查看书刊详情
|
||
location.href = `artistSKDetail.html?id=${e}`
|
||
}
|
||
|
||
function toup(e) { //投票调起弹框
|
||
$('#isTank').fadeIn()
|
||
$('#duik').css('display', 'none')
|
||
$('#success_fail').css('display', '')
|
||
$('#successk').css('display', '')
|
||
}
|
||
|
||
function checkAllSList() { //查询积分商城列表
|
||
let allHtml = '';
|
||
let allData = [{
|
||
imgSrc: '../../img/public/jf01.png',
|
||
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
|
||
num: '2256',
|
||
type: '积分'
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jf02.png',
|
||
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
|
||
num: '2256',
|
||
type: ''
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jf03.png',
|
||
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
|
||
num: '2256',
|
||
type: ''
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jf04.png',
|
||
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
|
||
num: '2256',
|
||
type: ''
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jf05.png',
|
||
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
|
||
num: '2256',
|
||
type: ''
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jf06.png',
|
||
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
|
||
num: '2256',
|
||
type: ''
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jf07.png',
|
||
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
|
||
num: '2256',
|
||
type: '积分'
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jf08.png',
|
||
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
|
||
num: '2256',
|
||
type: ''
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jf09.png',
|
||
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
|
||
num: '2256',
|
||
type: ''
|
||
},
|
||
{
|
||
imgSrc: '../../img/public/jf10.png',
|
||
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
|
||
num: '2256',
|
||
type: '积分'
|
||
},
|
||
]
|
||
$.each(allData, function (commentIndex, comment) {
|
||
if (comment.type == '积分') {
|
||
allHtml += `<div class="dfc w20">
|
||
<div>
|
||
<img class="w100 cq-cp" onclick="goShopDetail(${commentIndex})" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
|
||
<div class="font-14 m-sx10 clips2 linh24">${comment.title}</div>
|
||
<div class="font-13"><span class="op7">积分：</span><span class="fb colcb font-20">${comment.num}</span></div>
|
||
</div>
|
||
</div>`
|
||
} else {
|
||
allHtml += `<div class="dfc w20">
|
||
<div>
|
||
<img class="w100 cq-cp" onclick="goShopDetail(${commentIndex})" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
|
||
<div class="font-14 m-sx10 clips2 linh24">${comment.title}</div>
|
||
<div class="font-13 fb colcb">￥<span class="font-20">${comment.num}</span></div>
|
||
</div>
|
||
</div>`
|
||
}
|
||
});
|
||
$('#alls-list').prepend(allHtml);
|
||
}
|
||
|
||
function goShopDetail(e) { //查看书刊详情
|
||
location.href = `shopDetail.html?id=${e}`
|
||
}
|
||
// 回到顶部
|
||
function pageScroll() {
|
||
window.scrollBy(0, -100);
|
||
scrolldelay = setTimeout('pageScroll()', 0);
|
||
var sTop = document.documentElement.scrollTop + document.body.scrollTop;
|
||
if (sTop == 0) clearTimeout(scrolldelay);
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
$(".tyjgzx_sc").on("click", () => {
|
||
if ($(event.target).attr("data-in") == 1) {
|
||
$($(".tyjgzx_sccon")[1]).css("display", "none")
|
||
$($(".tyjgzx_sccon")[0]).css("display", "flex")
|
||
$($(".tyjgzx_sc")[0]).addClass("tyjgzx_yhd");
|
||
$($(".tyjgzx_sc")[1]).removeClass("tyjgzx_yhd");
|
||
} else {
|
||
$($(".tyjgzx_sccon")[0]).css("display", "none")
|
||
$($(".tyjgzx_sccon")[1]).css("display", "flex")
|
||
$($(".tyjgzx_sc")[1]).addClass("tyjgzx_yhd");
|
||
$($(".tyjgzx_sc")[0]).removeClass("tyjgzx_yhd");
|
||
}
|
||
})
|
||
|
||
function tyList(data, navIf = true) {
|
||
if (navIf) {
|
||
$(".tyjgzx_lititnoe").addClass("tyjgzx_litittwo");
|
||
$(".tyjgzx_lititnoe").removeClass("tyjgzx_lititnoe");
|
||
$($(".tyjgzx_leftcon")[data - 1]).addClass("tyjgzx_lititnoe");
|
||
$($(".tyjgzx_leftcon")[data - 1]).removeClass("tyjgzx_litittwo");
|
||
}
|
||
$(".tyjgzx_ris").css("display", "none")
|
||
for (let index = 0; index < $(".tyjgzx_ris").length; index++) {
|
||
console.log($($(".tyjgzx_ris")[index]).attr("data-in") == data);
|
||
if ($($(".tyjgzx_ris")[index]).attr("data-in") == data) {
|
||
console.log();
|
||
$($(".tyjgzx_ris")[index]).css("display", "block")
|
||
|
||
$([index]).css("display", "block")
|
||
}
|
||
}
|
||
|
||
$(".tygrzx_lititnoe").addClass("tygrzx_litittwo");
|
||
$(".tygrzx_lititnoe").removeClass("tygrzx_lititnoe");
|
||
|
||
$($(".tygrzx_leftcon")[data - 1]).addClass("tygrzx_lititnoe");
|
||
$($(".tygrzx_leftcon")[data - 1]).removeClass("tygrzx_litittwo");
|
||
|
||
$(".tygrzx_ris").css("display", "none")
|
||
for (let index = 0; index < $(".tygrzx_ris").length; index++) {
|
||
if ($($(".tygrzx_ris")[index]).attr("data-in") == data) {
|
||
$($(".tygrzx_ris")[index]).css("display", "block")
|
||
$([index]).css("display", "block")
|
||
|
||
}
|
||
|
||
}
|
||
}
|
||
// 菜单事件
|
||
$(".naliu").on("click", () => {
|
||
$(".tyjgzx_left").css("left", "5%")
|
||
})
|
||
$(".tyjgzx_caidan").on("click", () => {
|
||
$(".tyjgzx_left").css("left", "-65PX")
|
||
})
|
||
|
||
|
||
|
||
// 添加按钮
|
||
$(".tyjgzx_newsBulletin").on("click", (e) => {
|
||
e.preventDefault()
|
||
tyList(3)
|
||
})
|
||
$(".tyjgzx_exhibitionSubmit").on("click", (e) => {
|
||
e.preventDefault()
|
||
tyList(4)
|
||
})
|
||
$(".tyjgzx_submissionArtwork").on("click", (e) => {
|
||
e.preventDefault()
|
||
tyList(5)
|
||
})
|
||
$(".tyjgzx_submitBooks").on("click", (e) => {
|
||
e.preventDefault()
|
||
tyList(6)
|
||
})
|
||
$(".tyjgzx_submissionInformation").on("click", (e) => {
|
||
e.preventDefault()
|
||
tyList(7)
|
||
})
|
||
$(".tyjgzx_MemberSubmittingBody").on("click", (e) => {
|
||
e.preventDefault()
|
||
tyList(8)
|
||
})
|
||
|
||
|
||
|
||
// 全选
|
||
$(".tyjgzx_selected").on("click", (e) => {
|
||
if ($(e.target).prop("checked")) {
|
||
$(e.target).prop("checked", true);
|
||
} else {
|
||
$(e.target).prop("checked", false);
|
||
}
|
||
|
||
})
|
||
|
||
|
||
$('p').parent()
|
||
$(".tyjgzx_selectAll").on("click", (e) => {
|
||
if ($(e.target).prop("checked")) {
|
||
|
||
$(e.target).parent().parent().parent().next().find(".tyjgzx_selected").prop("checked", true);
|
||
$(e.target).prop("checked", true);
|
||
} else {
|
||
$(e.target).parent().parent().parent().next().find(".tyjgzx_selected").prop("checked", false);
|
||
$(e.target).prop("checked", false);
|
||
|
||
}
|
||
})
|
||
|
||
|
||
//个人中心
|
||
// 弹窗点击
|
||
// 收货地址弹窗
|
||
function shippingAddress(params) {
|
||
if (params) {
|
||
$(".tygrzx_shclick").css("display", "flex")
|
||
} else {
|
||
$(".tygrzx_shclick").css("display", "none")
|
||
}
|
||
}
|
||
$(".tygrzx_addressEditing").on("click", () => {
|
||
shippingAddress(true)
|
||
})
|
||
$(".tygrzx_cz").on("click", () => {
|
||
shippingAddress(true)
|
||
})
|
||
$(".tygrzx_shgb").on("click", () => {
|
||
shippingAddress(false)
|
||
})
|
||
$(".tygrzx_saveAddress").on("click", () => {
|
||
shippingAddress(false)
|
||
})
|
||
|
||
//申请售后
|
||
function applyAfterSales(params) {
|
||
if (params) {
|
||
$(".tygrzx_sqshclick").css("display", "flex")
|
||
} else {
|
||
$(".tygrzx_sqshclick").css("display", "none")
|
||
}
|
||
}
|
||
$(".tygrzx_fterSubmission").on("clicl", () => {
|
||
applyAfterSales(false)
|
||
})
|
||
$(".tygrzx_sqtc").on("click", () => {
|
||
applyAfterSales(true)
|
||
|
||
})
|
||
$(".tygrzx_shtcgb").on("click", () => {
|
||
applyAfterSales(false)
|
||
|
||
})
|
||
//售后结果弹窗
|
||
function afterResults(params) {
|
||
if (params) {
|
||
$(".tygrzx_sqjgclick").css("display", "flex")
|
||
} else {
|
||
$(".tygrzx_sqjgclick").css("display", "none")
|
||
}
|
||
}
|
||
$(".tygrzx_sqjgtc").on("click", () => {
|
||
afterResults(true)
|
||
|
||
})
|
||
$(".tygrzx_shjggb").on("click", () => {
|
||
afterResults(false)
|
||
})
|
||
|
||
// 签到弹窗
|
||
$(".tygrzx_qdaoclick").on("click", () => {
|
||
signPrompt(true)
|
||
})
|
||
$(".tygrzx_qdgban").on("click", () => {
|
||
signPrompt(false)
|
||
})
|
||
$(".signImmediately").on("click", () => {
|
||
signPrompt(false)
|
||
})
|
||
|
||
function signPrompt(params) {
|
||
if (params) {
|
||
$(".tygrzx_qdao").css("display", "flex")
|
||
} else {
|
||
$(".tygrzx_qdao").css("display", "none")
|
||
}
|
||
}
|
||
|
||
// 优惠切换
|
||
$(".yhdj").on("click", (e) => {
|
||
if ($(e.target).attr("data-in") == 1) {
|
||
|
||
$($(".tygrzx_tp")[1]).css("display", "none")
|
||
$($(".tygrzx_tp")[0]).css("display", "flex")
|
||
$($(".yhdj")[0]).addClass("tygrzx_yhd");
|
||
$($(".yhdj")[1]).removeClass("tygrzx_yhd");
|
||
} else {
|
||
$($(".tygrzx_tp")[0]).css("display", "none")
|
||
$($(".tygrzx_tp")[1]).css("display", "flex")
|
||
$($(".yhdj")[1]).addClass("tygrzx_yhd");
|
||
$($(".yhdj")[0]).removeClass("tygrzx_yhd");
|
||
}
|
||
|
||
})
|
||
// 我的关注
|
||
$(".tygrzx_ysnav").on("click", (e) => {
|
||
if ($(e.target).attr("data-in") == 1) {
|
||
|
||
$($(".tygrzx_yscon")[1]).css("display", "none")
|
||
$($(".tygrzx_yscon")[0]).css("display", "flex")
|
||
$($(".tygrzx_ysnav")[0]).addClass("tygrzx_yhd");
|
||
$($(".tygrzx_ysnav")[1]).removeClass("tygrzx_yhd");
|
||
} else {
|
||
$($(".tygrzx_yscon")[0]).css("display", "none")
|
||
$($(".tygrzx_yscon")[1]).css("display", "flex")
|
||
$($(".tygrzx_ysnav")[1]).addClass("tygrzx_yhd");
|
||
$($(".tygrzx_ysnav")[0]).removeClass("tygrzx_yhd");
|
||
}
|
||
|
||
})
|
||
$(".tygrzx_sc").on("click", (e) => {
|
||
if ($(e.target).attr("data-in") == 1) {
|
||
|
||
$($(".tygrzx_sccon")[1]).css("display", "none")
|
||
$($(".tygrzx_sccon")[0]).css("display", "flex")
|
||
$($(".tygrzx_sc")[0]).addClass("tygrzx_yhd");
|
||
$($(".tygrzx_sc")[1]).removeClass("tygrzx_yhd");
|
||
} else {
|
||
$($(".tygrzx_sccon")[0]).css("display", "none")
|
||
$($(".tygrzx_sccon")[1]).css("display", "flex")
|
||
$($(".tygrzx_sc")[1]).addClass("tygrzx_yhd");
|
||
$($(".tygrzx_sc")[0]).removeClass("tygrzx_yhd");
|
||
}
|
||
|
||
})
|
||
|
||
|
||
// 主题内容切换
|
||
|
||
|
||
// 菜单事件
|
||
$(".naliu").on("click", () => {
|
||
$(".tygrzx_left").css("left", "5%")
|
||
})
|
||
$(".tygrzx_caidan").on("click", () => {
|
||
|
||
$(".tygrzx_left").css("left", "-65PX")
|
||
})
|
||
|
||
|
||
// 删除提示
|
||
|
||
$(".tygrzx_scsc").on("click", () => {
|
||
DeletePromptve(true)
|
||
})
|
||
$(".tygrzx_movesc").on("click", () => {
|
||
DeletePromptve(false)
|
||
})
|
||
|
||
function DeletePromptve(data) {
|
||
if (data) {
|
||
$(".tygrzx_move").css("display", "flex")
|
||
} else {
|
||
$(".tygrzx_move").css("display", "none")
|
||
}
|
||
}
|
||
$(".tygrzx_ysqxgz").on("click", (e) => {
|
||
e.preventDefault()
|
||
})
|
||
|
||
|
||
function getScrollTop() {
|
||
var scroll_top = 0;
|
||
if (document.documentElement && document.documentElement.scrollTop) {
|
||
scroll_top = document.documentElement.scrollTop;
|
||
} else if (document.body) {
|
||
scroll_top = document.body.scrollTop;
|
||
}
|
||
return scroll_top;
|
||
}
|
||
|
||
document.addEventListener("scroll", myFunction);
|
||
|
||
function myFunction() {
|
||
console.log(getScrollTop());
|
||
if (getScrollTop() > 125) {
|
||
$(".pod").css("position", "fixed")
|
||
$(".pod").addClass("dtip")
|
||
|
||
} else if (getScrollTop() < 125) {
|
||
$(".pod").css("position", "relative")
|
||
$(".pod").removeClass("dtip")
|
||
|
||
}
|
||
|
||
}
|
||
|