Compare commits
2 Commits
7b9de83685
...
b6b913db2f
Author | SHA1 | Date |
---|---|---|
chen | b6b913db2f | |
chen | b6803e469f |
|
@ -146,9 +146,11 @@ body{margin: 0;padding: 0;}
|
||||||
.linh30{line-height: 30px;}
|
.linh30{line-height: 30px;}
|
||||||
.linh28{line-height: 28px;}
|
.linh28{line-height: 28px;}
|
||||||
.linh26{line-height: 26px;}
|
.linh26{line-height: 26px;}
|
||||||
|
.linh24{line-height: 24px;}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.tc{text-align: center;}
|
||||||
.tl{text-align: left;}
|
.tl{text-align: left;}
|
||||||
.tr{text-align: right;}
|
.tr{text-align: right;}
|
||||||
.colf{color: #FFFFFF;}
|
.colf{color: #FFFFFF;}
|
||||||
|
@ -167,6 +169,7 @@ body{margin: 0;padding: 0;}
|
||||||
.bd{border: 1px solid #e6e6e6;}
|
.bd{border: 1px solid #e6e6e6;}
|
||||||
.btt{border-top: 1px solid #ebebeb;}
|
.btt{border-top: 1px solid #ebebeb;}
|
||||||
.bbt{border-bottom: 1px solid #ebebeb;}
|
.bbt{border-bottom: 1px solid #ebebeb;}
|
||||||
|
.bbtAll{border-bottom: 1px solid #ebebeb;}
|
||||||
.tin2{text-indent: 2em;}
|
.tin2{text-indent: 2em;}
|
||||||
|
|
||||||
.borr{border-radius: 3px;border: 1px solid #CB1919;color: #CB1919;font-size: 16px;}
|
.borr{border-radius: 3px;border: 1px solid #CB1919;color: #CB1919;font-size: 16px;}
|
||||||
|
@ -180,7 +183,7 @@ body{margin: 0;padding: 0;}
|
||||||
ul li {list-style: none;padding: 0px;margin: 0px;}
|
ul li {list-style: none;padding: 0px;margin: 0px;}
|
||||||
.tn{text-decoration: none;}
|
.tn{text-decoration: none;}
|
||||||
|
|
||||||
input:focus{border: none;}
|
input{outline: none;}
|
||||||
|
|
||||||
#gotoTop{width: 57px;height: 57px; cursor: pointer;position: fixed;right: 60px;bottom: 110px;z-index: 20;display: none;}
|
#gotoTop{width: 57px;height: 57px; cursor: pointer;position: fixed;right: 60px;bottom: 110px;z-index: 20;display: none;}
|
||||||
.dmedia{display: inline;}
|
.dmedia{display: inline;}
|
||||||
|
|
|
@ -96,7 +96,9 @@ ul {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.ty_leftcon>span {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
.ty_ris {
|
.ty_ris {
|
||||||
|
|
||||||
width: 1060px;
|
width: 1060px;
|
||||||
|
|
After Width: | Height: | Size: 607 B |
After Width: | Height: | Size: 954 B |
After Width: | Height: | Size: 706 B |
After Width: | Height: | Size: 709 B |
After Width: | Height: | Size: 896 B |
After Width: | Height: | Size: 902 B |
After Width: | Height: | Size: 744 B |
After Width: | Height: | Size: 751 B |
|
@ -0,0 +1,255 @@
|
||||||
|
$(function(){
|
||||||
|
$('.ty_left li').on('click',function(){//左侧导航的点击事件
|
||||||
|
$('.ty_tit').text($(this).find('span').text())
|
||||||
|
$('.ty_left li span').removeClass('left-title')
|
||||||
|
$(this).find('span').addClass('left-title')
|
||||||
|
$('.ty_left li .left-imgone').css('display','none')
|
||||||
|
$('.ty_left li .left-imgtwo').css('display','flex')
|
||||||
|
$(this).find('.left-imgtwo').css('display','none')
|
||||||
|
$(this).find('.left-imgone').css('display','flex')
|
||||||
|
let leftIndex = $(this).index()
|
||||||
|
clearAll()
|
||||||
|
switch (leftIndex){
|
||||||
|
case 2://个人资料
|
||||||
|
console.log($(this).find('span').text());
|
||||||
|
$('#personal').css('display','')
|
||||||
|
break;
|
||||||
|
case 3://密码修改
|
||||||
|
console.log($(this).find('span').text());
|
||||||
|
$('#updatePass').css('display','')
|
||||||
|
break;
|
||||||
|
case 4://我的订单
|
||||||
|
console.log($(this).find('span').text());
|
||||||
|
$('#myOrder').css('display','')
|
||||||
|
break;
|
||||||
|
case 5://我的关注
|
||||||
|
console.log($(this).find('span').text());
|
||||||
|
$('#myAttention').css('display','')
|
||||||
|
break;
|
||||||
|
case 6://我的收藏
|
||||||
|
console.log($(this).find('span').text());
|
||||||
|
$('#myCollection').css('display','')
|
||||||
|
break;
|
||||||
|
case 7://我的积分
|
||||||
|
console.log($(this).find('span').text());
|
||||||
|
$('#myIntegral').css('display','')
|
||||||
|
break;
|
||||||
|
case 8://我的优惠券
|
||||||
|
console.log($(this).find('span').text());
|
||||||
|
$('#myCoupon').css('display','')
|
||||||
|
break;
|
||||||
|
case 9://我的征稿作品管理
|
||||||
|
console.log($(this).find('span').text());
|
||||||
|
$('#myZG').css('display','')
|
||||||
|
break;
|
||||||
|
case 10://收货地址
|
||||||
|
console.log($(this).find('span').text());
|
||||||
|
$('#mySH').css('display','')
|
||||||
|
break;
|
||||||
|
case 11://推荐商品
|
||||||
|
console.log($(this).find('span').text());
|
||||||
|
$('#myTJ').css('display','')
|
||||||
|
break;
|
||||||
|
case 12://艺术访谈
|
||||||
|
console.log($(this).find('span').text());
|
||||||
|
$('#myFW').css('display','')
|
||||||
|
break;
|
||||||
|
case 13://书刊杂志
|
||||||
|
console.log($(this).find('span').text());
|
||||||
|
$('#mySK').css('display','')
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
yisList()
|
||||||
|
zhazList()
|
||||||
|
tjList()
|
||||||
|
})
|
||||||
|
function addCont(e){
|
||||||
|
clearAll()
|
||||||
|
$('#addContent').css('display','')
|
||||||
|
if(e==1) {
|
||||||
|
$('#addContent .tjzp').removeClass('dn')
|
||||||
|
$('#addContent .ty_tit').text('推荐作品')//推荐作品
|
||||||
|
}
|
||||||
|
if(e==2) {
|
||||||
|
$('#addContent .ysft').addClass('dn')
|
||||||
|
$('#addContent .ty_tit').text('添加内容')//艺术访谈
|
||||||
|
}
|
||||||
|
if(e==3) {
|
||||||
|
|
||||||
|
$('#addContent .ysft').addClass('dn')
|
||||||
|
$('#addContent .zhaz').removeClass('dn')
|
||||||
|
$('#addContent .ty_tit').text('添加内容')//书刊杂志
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function selectAllT(){//推荐作品全选,全不选事件
|
||||||
|
var isCheck = $('.chooseAllT').is(':checked')
|
||||||
|
$("#myTJ input[type='checkbox']").each(function(){
|
||||||
|
this.checked = isCheck
|
||||||
|
})
|
||||||
|
}
|
||||||
|
function selectAllF(){//艺术访谈全选,全不选事件
|
||||||
|
var isCheck = $('.chooseAllF').is(':checked')
|
||||||
|
$("#myFW input[type='checkbox']").each(function(){
|
||||||
|
this.checked = isCheck
|
||||||
|
})
|
||||||
|
}
|
||||||
|
function selectAll(){//书刊全选,全不选事件
|
||||||
|
var isCheck = $('.chooseAll').is(':checked')
|
||||||
|
$("#mySK input[type='checkbox']").each(function(){
|
||||||
|
this.checked = isCheck
|
||||||
|
})
|
||||||
|
}
|
||||||
|
function tjList(){//推荐作品
|
||||||
|
var tjHtml = '';
|
||||||
|
var tjData = [
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
]
|
||||||
|
$.each(tjData, function(commentIndex, comment) {
|
||||||
|
tjHtml +=`<tr class="tc">
|
||||||
|
<td>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" name="" id="" value="" />
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td class="p-sx20" valign="top" style="display: flex;justify-content: center;">
|
||||||
|
<div style="width: 65px;height: 63px;" class="bd">
|
||||||
|
<img height="100%" src="${comment.imgSrc}" >
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td class="p-sx20" style="color: #525252;" valign="top">
|
||||||
|
<div class="tl linh24 col19 clips2">${comment.title}</div>
|
||||||
|
</td>
|
||||||
|
<td class="p-sx20" valign="top">
|
||||||
|
<div>${comment.time}</div>
|
||||||
|
</td>
|
||||||
|
<td class="p-sx20" style="color: #525252;" valign="top">
|
||||||
|
<div class="colcb">${comment.status}</div>
|
||||||
|
</td>
|
||||||
|
<td class="p-sx10" valign="top">
|
||||||
|
<div style="display: flex;align-items: center;">
|
||||||
|
<input style="width: 130px;height: 30px;" type="" name="" id="" value="" />
|
||||||
|
<button class="cq-cp" type="button" style="color: #00a608;border: 1px solid #00a608;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;background: #FFFFFF;margin: 0 10px;">编辑</button>
|
||||||
|
<button class="cq-cp" type="button" style="color: #066ee2;border: 1px solid #066ee2;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;background: #FFFFFF;" >删除</button>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>`
|
||||||
|
});
|
||||||
|
$('#tj-list').prepend(tjHtml);
|
||||||
|
}
|
||||||
|
function yisList(){//艺术访谈
|
||||||
|
var yisHtml = '';
|
||||||
|
var yisData = [
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||||
|
]
|
||||||
|
$.each(yisData, function(commentIndex, comment) {
|
||||||
|
yisHtml +=`<tr class="tc">
|
||||||
|
<td>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" name="" id="" value="" />
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td class="p-sx20" valign="top" style="display: flex;justify-content: center;">
|
||||||
|
<div style="width: 65px;height: 63px;" class="bd">
|
||||||
|
<img height="100%" src="${comment.imgSrc}" >
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td class="p-sx20" style="color: #525252;" valign="top">
|
||||||
|
<div class="tl linh24 col19 clips2">${comment.title}</div>
|
||||||
|
</td>
|
||||||
|
<td class="p-sx20" valign="top">
|
||||||
|
<div>${comment.time}</div>
|
||||||
|
</td>
|
||||||
|
<td class="p-sx20" style="color: #525252;" valign="top">
|
||||||
|
<div class="colcb">${comment.status}</div>
|
||||||
|
</td>
|
||||||
|
<td class="p-sx10" valign="top">
|
||||||
|
<div style="display: flex;align-items: center;">
|
||||||
|
<input style="width: 130px;height: 30px;" type="" name="" id="" value="" />
|
||||||
|
<button class="cq-cp" type="button" style="color: #00a608;border: 1px solid #00a608;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;background: #FFFFFF;margin: 0 10px;">编辑</button>
|
||||||
|
<button class="cq-cp" type="button" style="color: #066ee2;border: 1px solid #066ee2;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;background: #FFFFFF;" >删除</button>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>`
|
||||||
|
});
|
||||||
|
$('#yis-list').prepend(yisHtml);
|
||||||
|
}
|
||||||
|
function zhazList(){//书刊杂志
|
||||||
|
var zhazHtml = '';
|
||||||
|
var zhazData = [
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||||
|
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊(Yazun)现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'未审核'},
|
||||||
|
]
|
||||||
|
$.each(zhazData, function(commentIndex, comment) {
|
||||||
|
zhazHtml +=`<tr class="tc">
|
||||||
|
<td>
|
||||||
|
<div>
|
||||||
|
<input type="checkbox" name="" id="" value="" />
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td class="p-sx20" valign="top" style="display: flex;justify-content: center;">
|
||||||
|
<div style="width: 65px;height: 63px;" class="bd">
|
||||||
|
<img height="100%" src="${comment.imgSrc}" >
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td class="p-sx20" style="color: #525252;" valign="top">
|
||||||
|
<div class="tl linh24 col19 clips2">${comment.title}</div>
|
||||||
|
</td>
|
||||||
|
<td class="p-sx20" valign="top">
|
||||||
|
<div>${comment.time}</div>
|
||||||
|
</td>
|
||||||
|
<td class="p-sx20" style="color: #525252;" valign="top">
|
||||||
|
<div class="colcb">${comment.status}</div>
|
||||||
|
</td>
|
||||||
|
<td class="p-sx10" valign="top">
|
||||||
|
<div style="display: flex;align-items: center;">
|
||||||
|
<input style="width: 130px;height: 30px;" type="" name="" id="" value="" />
|
||||||
|
<button class="cq-cp" type="button" style="color: #00a608;border: 1px solid #00a608;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;background: #FFFFFF;margin: 0 10px;">编辑</button>
|
||||||
|
<button class="cq-cp" type="button" style="color: #066ee2;border: 1px solid #066ee2;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;background: #FFFFFF;" >删除</button>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>`
|
||||||
|
});
|
||||||
|
$('#zhaz-list').prepend(zhazHtml);
|
||||||
|
}
|
||||||
|
function clearAll(){
|
||||||
|
$('#personal').css('display','none')//个人资料
|
||||||
|
$('#updatePass').css('display','none')//密码修改
|
||||||
|
$('#myOrder').css('display','none')//我的订单
|
||||||
|
$('#myAttention').css('display','none')//我的关注
|
||||||
|
$('#myCollection').css('display','none')//我的收藏
|
||||||
|
$('#myIntegral').css('display','none')//我的积分
|
||||||
|
$('#myCoupon').css('display','none')//我的优惠券
|
||||||
|
$('#myZG').css('display','none')//我的征稿作品管理
|
||||||
|
$('#mySH').css('display','none')//收货地址
|
||||||
|
$('#myTJ').css('display','none')//推荐商品
|
||||||
|
$('#myFW').css('display','none')//艺术访谈
|
||||||
|
$('#mySK').css('display','none')//书刊杂志
|
||||||
|
$('#addContent').css('display','none')//书刊杂志
|
||||||
|
}
|