diff --git a/css/huaxia.css b/css/huaxia.css index 04d60a9..996fcb3 100644 --- a/css/huaxia.css +++ b/css/huaxia.css @@ -146,9 +146,11 @@ body{margin: 0;padding: 0;} .linh30{line-height: 30px;} .linh28{line-height: 28px;} .linh26{line-height: 26px;} +.linh24{line-height: 24px;} +.tc{text-align: center;} .tl{text-align: left;} .tr{text-align: right;} .colf{color: #FFFFFF;} @@ -167,6 +169,7 @@ body{margin: 0;padding: 0;} .bd{border: 1px solid #e6e6e6;} .btt{border-top: 1px solid #ebebeb;} .bbt{border-bottom: 1px solid #ebebeb;} +.bbtAll{border-bottom: 1px solid #ebebeb;} .tin2{text-indent: 2em;} .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;} .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;} .dmedia{display: inline;} diff --git a/css/institutions/institutions.css b/css/institutions/institutions.css index e4b6494..e8827d3 100644 --- a/css/institutions/institutions.css +++ b/css/institutions/institutions.css @@ -96,7 +96,9 @@ ul { margin-right: 10px; } - +.ty_leftcon>span { + cursor: pointer; +} .ty_ris { width: 1060px; diff --git a/htmls/artistCenter/artistCenter.html b/htmls/artistCenter/artistCenter.html new file mode 100644 index 0000000..3c64ba6 --- /dev/null +++ b/htmls/artistCenter/artistCenter.html @@ -0,0 +1,1444 @@ + + + + + + + + 个人中心 + + + + + + + + + + + + +
+
+ +
+
    +
  • 收起菜单
    • +
  • 图片已缺失
    243
    • +
  • + 图片已缺失 + 图片已缺失 + 个人资料 +
    • +
  • + 图片已缺失 + 图片已缺失 + 密码修改 +
    • +
  • + 图片已缺失 + 图片已缺失 + 我的订单 +
    • +
  • + 图片已缺失 + 图片已缺失 + 我的关注 +
    • +
  • + 图片已缺失 + 图片已缺失 + 我的收藏 +
    • +
  • + 图片已缺失 + 图片已缺失 + 我的积分 +
    • +
  • + 图片已缺失 + 图片已缺失 + 我的优惠券 +
    • +
  • + 图片已缺失 + 图片已缺失 + 征稿作品管理 +
    • +
  • + 图片已缺失 + 图片已缺失 + 收货地址 +
    • +
  • + 图片已缺失 + 图片已缺失 + 推荐作品 +
    • +
  • + 图片已缺失 + 图片已缺失 + 艺术访谈 +
    • +
  • + 图片已缺失 + 图片已缺失 + 书刊杂志 +
    • +
+
+ + +
+

个人资料

+
+
+
+ +
+ +
+ +

仅支持JPG、PNG格式，文件小于4M

+

+
+
+
+
+

用户名：

+
asdgf
+
+
+

姓名：

+ +
+
+

电话：

+ +
+
+

地址：

+ + + +
+
+

+ +
+
+

照片：

+
+ +

仅支持JPG、PNG格式，文件小于4M

+
+
+
+

简介：

+
+
+
+
+
+ +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + +
+
+ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/img/public/yscenter08.png b/img/public/yscenter08.png new file mode 100644 index 0000000..2eb79d2 Binary files /dev/null and b/img/public/yscenter08.png differ diff --git a/img/public/yscenter08_1.png b/img/public/yscenter08_1.png new file mode 100644 index 0000000..de0ee57 Binary files /dev/null and b/img/public/yscenter08_1.png differ diff --git a/img/public/yscenter09.png b/img/public/yscenter09.png new file mode 100644 index 0000000..aada8ef Binary files /dev/null and b/img/public/yscenter09.png differ diff --git a/img/public/yscenter09_1.png b/img/public/yscenter09_1.png new file mode 100644 index 0000000..281164b Binary files /dev/null and b/img/public/yscenter09_1.png differ diff --git a/img/public/yscenter10.png b/img/public/yscenter10.png new file mode 100644 index 0000000..a00896b Binary files /dev/null and b/img/public/yscenter10.png differ diff --git a/img/public/yscenter10_1.png b/img/public/yscenter10_1.png new file mode 100644 index 0000000..b02fbf8 Binary files /dev/null and b/img/public/yscenter10_1.png differ diff --git a/img/public/yscenter11.png b/img/public/yscenter11.png new file mode 100644 index 0000000..d38e009 Binary files /dev/null and b/img/public/yscenter11.png differ diff --git a/img/public/yscenter11_1.png b/img/public/yscenter11_1.png new file mode 100644 index 0000000..c7a6dc0 Binary files /dev/null and b/img/public/yscenter11_1.png differ diff --git a/js/artistCenter/artistCenter.js b/js/artistCenter/artistCenter.js new file mode 100644 index 0000000..8cc6124 --- /dev/null +++ b/js/artistCenter/artistCenter.js @@ -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 +=` + +
+ +
+ + +
+ +
+ + +
${comment.title}
+ + +
${comment.time}
+ + +
${comment.status}
+ + +
+ + + +
+ + ` + }); +　　$('#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 +=` + +
+ +
+ + +
+ +
+ + +
${comment.title}
+ + +
${comment.time}
+ + +
${comment.status}
+ + +
+ + + +
+ + ` + }); +　　$('#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 +=` + +
+ +
+ + +
+ +
+ + +
${comment.title}
+ + +
${comment.time}
+ + +
${comment.status}
+ + +
+ + + +
+ + ` + }); +　　$('#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')//书刊杂志 +} \ No newline at end of file