chen
/
huaxia
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

个人中心

master
tangyi 2021-09-07 18:04:27 +08:00
parent e39a0199bc
commit ab91a6a4ca
56 changed files with 1470 additions and 167 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
css/centerHead.css Normal file
View File

@ -0,0 +1,80 @@
* {
padding: 0px;
margin: 0px;
}
/* header */
a {
text-decoration: none;
}
ul {
list-style: none;
}
.ty_herader {
box-shadow: 0px 3px 6px rgb(0 0 0 / 20%);
padding-bottom: 7px;
position: relative;
z-index: 2;
}
.ty_herader>img {
width: 100%;
}
.ty_herader>nav>img {
width: 489px;
height: 124px;
}
.ty_ds {
display: flex;
justify-content: space-between;
}
.ty_herader>nav {
margin-top: 31px;
}
.ty_w {
width: 1280px;
margin: auto;
}
.ty_listnav {
display: flex;
margin-top: 66px;
color: rgb(135, 135, 135);
align-self: flex-start;
}
.ty_listnav>li {
display: flex;
align-items: center;
font-size: 12px;
}
.ty_listnav a {
color: rgb(135, 135, 135);
font-size: 14px;
}
.ty_di {
width: 4px;
background-color: rgb(135, 135, 135);
height: 4px;
display: block;
border-radius: 50%;
margin: 0 10px;
}
.ty_topicon {
width: 15px;
margin-right: 6px;
height: 15px;
}
.ty_gr {
color: rgb(201, 57, 57) !important;
}

690
css/grzx/grzx.css
View File

@ -125,6 +125,7 @@ ul {
.ty_leftcon>img {
margin-right: 10px;
}
.ty_ris {
@ -167,13 +168,18 @@ ul {
align-items: center;
margin-bottom: 44px;
}
::-webkit-input-placeholder {
color: #222222;
}
.ty_tubtn {
width: 202px;
height: 33px;
border: 1px solid rgb(245, 245, 245);
background-image: linear-gradient(#fff, rgb(245, 245, 245));
margin-bottom: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.ty_col {
@ -216,7 +222,7 @@ ul {
}
select {
border-radius: 5px;
border-radius: 3px;
border: solid 1px #000;
border-color: rgb(208, 208, 208);
appearance: none;
@ -296,31 +302,38 @@ select {
padding-left: 24px;
padding-right: 20px;
}
.ty_shtit>div{
.ty_shtit>div {
display: flex;
align-items: center;
}
.ty_shtit>div>:nth-child(1){
.ty_shtit>div>:nth-child(1) {
font-size: 18px;
font-weight: bold;
margin-right: 20px;
}
.ty_shtit>div>:nth-child(2){
.ty_shtit>div>:nth-child(2) {
font-size: 12px;
}
.ty_shtit>p{
.ty_shtit>p {
font-size: 18px;
color: rgb(13, 158, 61);
}
.ty_con{
.ty_con {
width: 100%;
height: 638px;
margin-top: 10px;
box-sizing: border-box;
background-color: #fff;padding-top: 26px;
background-color: #fff;
padding-top: 26px;
}
.ty_dizcon{
.ty_dizcon {
width: 1006px;
height: 190px;
margin: auto;
@ -331,11 +344,13 @@ select {
padding: 20px 22px 0px;
box-sizing: border-box;
}
.ty_dzxx>:nth-child(1)>:nth-child(1){
font-size: 18px;
font-weight: bold;
.ty_dzxx>:nth-child(1)>:nth-child(1) {
font-size: 18px;
font-weight: bold;
}
.ty_dzxx>:nth-child(1)>:nth-child(2){
.ty_dzxx>:nth-child(1)>:nth-child(2) {
width: 61px;
height: 23px;
font-weight: bold;
@ -344,66 +359,76 @@ select {
line-height: 23px;
margin-left: 18px;
background-color: rgb(203, 25, 25);
}
.ty_dzxx>:nth-child(1){
}
.ty_dzxx>:nth-child(1) {
display: flex;
}
.ty_dzxx{
.ty_dzxx {
display: flex;
justify-content: space-between;
align-self: flex-start;
align-items: center;
margin-bottom: 20px;
}
.ty_dzxx>:nth-child(2){
width: 20px;
height: 20px;
.ty_dzxx>:nth-child(2) {
width: 20px;
height: 20px;
}
.ty_dztext{
.ty_dztext {
color: rgb(149, 149, 149);
margin-bottom: 10px;
font-size: 14px;
}
.ty_dztext>span{
.ty_dztext>span {
color: #000;
}
.ty_mr{
.ty_mr {
display: flex;
justify-content: space-between;
}
.ty_mr>:nth-child(2){
.ty_mr>:nth-child(2) {
display: flex;
color: rgb(74, 122, 228);
}
.ty_mr>:nth-child(2)>p{
.ty_mr>:nth-child(2)>p {
margin-left: 28px;
}
/* 新增收货地址 */
.ty_xzsh{
.ty_xzsh {
width: 100%;
height: 100%;
background-color: rgba(00, 00, 00,0.3) ;
background-color: rgba(00, 00, 00, 0.3);
position: fixed;
top: 0px;
display: none;
align-items: center;
justify-content: center;
padding-top: 45px;
box-sizing: border-box;
align-items: center;
justify-content: center;
padding-top: 45px;
box-sizing: border-box;
left: 0px;
z-index: 3;
}
.ty_tcon{
.ty_tcon {
width: 653px;
height: 438px;
padding-bottom: 43px;
border-radius: 5px;
background-color: #fff;
margin: auto;
}
.ty_tctiti{
.ty_tctiti {
width: 100%;
font-size: 16px;
font-weight: bold;
@ -414,26 +439,29 @@ select {
background-color: rgb(233, 233, 233);
box-sizing: border-box;
}
.ty_tctiti>:nth-child(2){
.ty_tctiti>:nth-child(2) {
width: 20px;
height: 20px;
}
.ty_tris{
.ty_tris {
padding-top: 26px;
padding-left: 40px;
}
.ty_tcwi{
.ty_tcwi {
margin-bottom: 12px;
}
.ty_tcwi>:nth-child(1){
width: 82px
;
.ty_tcwi>:nth-child(1) {
width: 82px;
margin-right: 0px;
}
.ty_yhtit{
.ty_yhtit {
width: 100%;
height: 64px;
background-color: #fff;
@ -442,23 +470,28 @@ select {
align-items: center;
padding-left: 23px;
font-size: 18px;
}
.ty_yhd{
.ty_yhd {
font-weight: 600;
}
.ty_yhtit>p{
.ty_yhtit>p {
margin-right: 40px;
color: #191919;
}
/* 优惠卷 */
.ty_yhuij{
.ty_yhuij {
width: 244px;
height: 226px;
text-align: center;
margin-right: 12px;
margin-right: 11px;
margin-bottom: 11px;
}
.ty_yhuij>:nth-child(1){
.ty_yhuij>:nth-child(1) {
background-color: rgb(116, 210, 212);
width: 100%;
height: 142px;
@ -466,12 +499,14 @@ select {
padding-top: 26px;
box-sizing: border-box;
}
.ty_yhuij>:nth-child(2){
.ty_yhuij>:nth-child(2) {
width: 244px;
height: 83px;
background-color: rgb(249, 249, 249);
}
.ty_gb{
.ty_gb {
position: absolute;
right: 0px;
top: 0px;
@ -484,30 +519,34 @@ select {
padding-top: 5px;
box-sizing: border-box;
}
.ty_yhmn{
color: #fff;
font-size: 36px;
text-align: center;
display: inline-block;
margin: auto;
line-height: 33px;
position: relative;
margin-left: 10px;
.ty_yhmn {
color: #fff;
font-size: 36px;
text-align: center;
display: inline-block;
margin: auto;
line-height: 33px;
position: relative;
margin-left: 10px;
}
.ty_yhmn>span{
.ty_yhmn>span {
font-size: 20px;
display: inline-block;
top:-9px;
top: -9px;
left: -19px;
position: absolute;
}
.ty_textyh{
.ty_textyh {
font-size: 13px;
margin-top: 15px;
margin-bottom: 20px;
color: #fff;
}
.ty_yhbtn{
.ty_yhbtn {
width: 121px;
height: 35px;
border: 1px solid rgb(116, 210, 212);
@ -515,60 +554,72 @@ margin-left: 10px;
margin-top: 26px;
color: rgb(116, 210, 212);
}
.gqtp{
.gqtp {
text-align: right;
padding-top: 12px;
padding-right: 12px;
box-sizing: border-box;
}
.ty_tp>:nth-child(4n){
.ty_tp>:nth-child(4n) {
margin-right: 0px;
}
.ty_listimg{
.ty_listimg {
position: absolute;
display: none;
}
/* 订单 */
.ty_ddnav{
.ty_ddnav {
display: flex;
}
.ty_ddys{
color: rgb(203,25,25);
.ty_ddys {
color: rgb(203, 25, 25);
}
.ty_ddnav>p{
.ty_ddnav>p {
margin-right: 32px;
font-weight: bold;
font-size: 14px;
}
.ty_ddxq{
.ty_ddxq {
width: 100%;
height: 40px;
background-color: rgb(245, 245, 245);
margin-top: 10px;
display: flex;
margin-bottom: 18px
;
justify-content: space-between;
align-items: center ;
padding-left: 16px;
padding-right: 40px;
box-sizing: border-box;
background-color: rgb(245, 245, 245);
margin-top: 10px;
display: flex;
margin-bottom: 18px;
justify-content: space-between;
align-items: center;
padding-left: 16px;
padding-right: 40px;
box-sizing: border-box;
}
.ty_ddxq>:nth-child(2){
.ty_ddxq p{
font-size: 14px;
color: rgb(106, 106, 106);
}
.ty_ddxq>:nth-child(2) {
display: flex;
}
.ty_ddxq>:nth-child(2)>*{
.ty_ddxq>:nth-child(2)>* {
margin-left: 60px;
}
.ty_ddcon{
.ty_ddcon {
width: 100%;
height: 258px;
border: 1px solid rgb(233, 233, 233);
box-sizing: border-box;
margin-bottom: 20px;
}
.ty_ddcontit{
.ty_ddcontit {
width: 100%;
height: 35px;
background-color: rgb(245, 245, 245);
@ -579,18 +630,467 @@ margin-left: 10px;
padding-left: 13px;
padding-right: 10px;
}
.ty_ddcontit>:nth-child(1)>p{
.ty_ddcontit>:nth-child(1)>p {
color: rgb(146, 146, 146);
}
.ty_ddcontit>:nth-child(2){
.ty_ddcontit>:nth-child(2) {
display: flex;
align-items: center;
}
.ty_ddcontit>:nth-child(2)>p{
.ty_ddcontit>:nth-child(2)>p {
margin-right: 5px;
color: rgb(6, 110, 226);
}
.ty_ddxx{
.ty_ddxx>:nth-child(1)>div {
display: flex;
padding: 14px 0px 14px 15px;
border-bottom: 1px solid rgb(233, 233, 233);
border-right: 1px solid rgb(233, 233, 233);
box-sizing: border-box;
width: 610px;
}
.ty_ddxx>:nth-child(1)>:last-child {
border-bottom: none;
}
.ty_ddxx>:nth-child(1)>div>:nth-child(2) {
width: 250px;
font-size: 13px;
padding-top: 12px;
margin-left: 12px;
}
.ty_ddxx>:nth-child(1)>div>:nth-child(3) {
padding-top: 12px;
margin-left: 80px;
font-size: 13px;
}
.ty_ddxx>:nth-child(1)>div>:nth-child(4) {
padding-top: 12px;
margin-left: 72px;
font-size: 13px;
}
.ty_ddxx {
display: flex;
}
.ty_ddxxTxt {
padding-top: 24px;
font-size: 13px;
width: 98px;
border-right: 1px solid rgb(233, 233, 233);
text-align: center;
}
.ty_ddxxTxt1 {
padding-top: 24px;
width: 112px;
text-align: center;
}
.ty_ddxxTxt1>button {
width: 79px;
height: 34px;
border: 1px solid rgb(233, 156, 156);
color: rgb(203, 25, 25);
margin-bottom: 8px;
}
.ty_paging {
display: flex;
align-items: center;
}
.ty_paging>p {
width: 101px;
height: 37px;
border: solid 1px rgb(243, 243, 243);
text-align: center;
line-height: 37px;
margin-right: 12px;
color: #848484;
}
.ty_pagingcol {
color: rgb(255, 82, 0);
}
.ty_paging>div>span {
margin-right: 12px;
}
.ty_shtcint {
display: flex;
align-items: center;
}
.ty_sgtxt {
font-size: 16px;
color: #191919;
}
.ty_tpsc {
display: flex;
}
.ty_tpsc>:nth-child(1) {
width: 109px;
height: 109px;
border: 1px solid rgb(208, 208, 208);
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
font-size: 80px;
}
.ty_tpsc>:nth-child(2) {
color: #222222;
margin-top: 82px;
margin-left: 15px;
font-size: 12px;
color: rgb(126,126,126);
}
.ty_yscon {
padding-left: 24px;
padding-right: 24px;
}
.ty_ysnr {
width: 184px;
margin-right: 23px;
margin-bottom: 35px;
position: relative;
}
.ty_ysnr>p {
font-size: 16px;
color: #191919;
text-align: center;
margin-top: 18px;
}
.ty_ysmr {
display: flex;
flex-wrap: wrap;
}
.ty_ysmr>:nth-child(5n) {
margin-right: 0px;
}
.ty_ysqxgz {
display: inline-block;
width: 67px;
height: 25px;
text-align: center;
line-height: 25px;
background-color: rgb(53, 53, 53);
position: absolute;
top: 0px;
left: 0px;
color: #fff;
font-size: 13px;
}
.ty_wdgz {
width: 323px;
margin-right: 21px;
margin-bottom: 21px;
position: relative;
}
.ty_wdgz>p {
font-size: 16px;
color: #191919;
margin-top: 18px;
}
.ty_gzmr>:nth-child(3n) {
margin-right: 0px;
}
.ty_jftit {
width: 100%;
background-color: #fff;
height: 161px;
padding-top: 25px;
box-sizing: border-box;
padding-left: 22px;
}
.ty_jftit>:nth-child(1) {
font-size: 18px;
color: #191919;
font-weight: bold;
}
.ty_jftit>:nth-child(2) {
display: flex;
padding-left: 32px;
margin-top: 35px;
align-items: center;
}
.ty_jftit>:nth-child(2)>:nth-child(1) {
font-size: 16px;
color: #191919;
}
.ty_jftit>:nth-child(2)>:nth-child(2) {
color: #cb1919;
font-size: 24px;
margin-left: 20px;
}
.ty_jftit>:nth-child(2)>:nth-child(3) {
width: 179px;
height: 44px;
background-color: #cb1919;
border-radius: 3px;
font-size: 15px;
color: #fff;
text-align: center;
line-height: 44px;
margin-left: 30px;
}
.ty_jftit>:nth-child(2)>:nth-child(4) {
width: 98px;
font-size: 15px;
color: #cb1919;
text-align: center;
line-height: 44px;
border: 1px solid #cb1919;
border-radius: 3px;
margin-left: 20px;
height: 44px;
}
.ty_jfn>:nth-child(1) {
font-size: 14px;
color: #cb1919;
font-weight: bold;
}
.ty_jfn>:nth-child(2) {
width: 100%;
height: 42px;
margin-top: 10px;
background-color: rgb(245, 245, 245);
display: flex;
align-items: center;
box-sizing: border-box;
padding-left: 77px;
}
.ty_jfn>:nth-child(2)>p {
color: rgb(106, 106, 106);
font-size: 14px;
}
.ty_jfn>:nth-child(2)>:nth-child(2) {
margin-left: 250px;
margin-right: 173px;
}
.ty_jfcon>div {
display: flex;
padding: 16px 0px 17px 26px;
border-bottom: 1px solid rgb(238, 233, 231);
}
.ty_jfcon>div>:nth-child(1){
font-size: 13px;
color: #525252;
margin-right: 200px;
}
.ty_jfcon>div>:nth-child(2){
width: 75px;
font-size: 14px;
margin-right: 161px;
font-weight: bold;
}
.ty_jfys{
color: rgb(0,166,8);
}
.ty_jfys2{
color: rgb(203, 25, 25);
}
.ty_jfcon>div>:nth-child(3){
font-size: 13px;
color: #525252;
}
/* 收藏 */
.ty_sccon{
padding-left: 24px;
padding-right: 24px;
}
.ty_yishusc{
width: 328px;
margin-right: 14px;
position: relative;
}
.ty_yishusc>:nth-child(2){
font-size: 16px;
color: #191919;
margin-top: 17px;
margin-bottom: 14px;
}
.ty_yishusc>:nth-child(3){
color: rgb(147,147,147);
font-size: 13px;
}
.ty_scmr>:nth-child(3n){
margin-right: 0px;
}
.ty_scml{
padding-left: 22px;
padding-right: 22px;
}
.ty_yspcon{
width: 184px;
margin-right: 24px;
margin-bottom: 24px;
position: relative;
}
.ty_yspcon>img{
width: 100%;
height: 185px;
}
.ty_yspcon>p{
font-size: 14px;
color: #191919;
margin-top: 18px;
}
.ty_scml>:nth-child(5n){
margin-right: 0px;
}
/* 签到 */
.ty_qidaocon{
width: 657px;
height: 307px;
background-image: url("../../img/grzx/qdbj.jpg");
background-size: 100%;
position: relative;
display: flex;
justify-content: center;
align-items: flex-end;
}
.ty_qidaocon>img{
position: absolute;
top: 14px;
right: 16px;
}
.ty_qidaocon>button{
width: 176px;
height: 50px;
border-radius: 3px;
background-color: rgb(203,25,25);
border: none;
margin-bottom: 24px;
font-size: 18px;
color: #fff;
}
/* 征稿 */
.ty_zgtit{
width: 100%;
background-color: rgb(245, 245, 245);
height: 40px;
display: flex;
align-items: center;
padding-left: 77px;
box-sizing: border-box;
}
.ty_zgtit>p{
font-size: 14px;
color: rgb(106, 106, 106);
}
.ty_zgtit>:nth-child(1){
margin-right: 314px;
}
.ty_zgtit>:nth-child(2){
margin-right: 159px;
}
.ty_zgtit>:nth-child(3){
margin-right: 101px;
}
.ty_zgtit>:nth-child(4){
margin-right: 82px;
}
.ty_zgcon{
padding-top: 17px;
padding-bottom: 14px;
padding-left: 9px;
padding-right: 7px;
}
.ty_zgcon{
display: flex;
border-bottom:1px solid rgb(238, 233, 231);
}
.ty_zgzti{
font-size: 13px;
color: rgb(82,82,82);
}
.ty_zgcon>:nth-child(1){
width: 88px;
height: 85px;
margin-right: 11px;
}
.ty_zgcon>:nth-child(3){
width: 187px;
margin-right: 92px;
margin-left: 80px;
}
.ty_zgcon>:nth-child(4){
margin-right: 67px;
}
.ty_zgcon>:nth-child(5){
margin-right: 34px;
}
.ty_zgcon>:nth-child(6){
width: 62px;
}
.ty_zgcon>:nth-child(6)>button{
width: 62px;
height: 34px;
border-radius: 3px;
background-color: #fff;
margin-bottom: 5px;
}
.ty_zgcon>:nth-child(6)>p{
color: #191919;
font-size: 13px;
margin-top: 5px;
}
.ty_bj{
color: #00a608;
border: 1px solid #00a608;
}
.ty_scsc{
color: #066ee2;
border: 1px solid #066ee2;
}
.ty_lititnoe>:nth-child(2){
display: none;
}
.ty_lititnoe>span{
color: rgb(203, 25, 25);
}
.ty_litittwo>:nth-child(1){
display: none;
}

838
htmls/grzx/personalData.html
View File

@ -7,54 +7,65 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人中心</title>
<link rel="stylesheet" href="../../css/grzx/grzx.css">
<link rel="stylesheet" type="text/css" href="../../css/layui.css" />
<style>
.foot-iframe {
width: 100%;
height: 400px;
}
</style>
</head>
<body>
<header class="ty_herader">
<img src="../../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
<nav class="ty_w ty_ds">
<img src="../../img/logo.png" title="图2" alt="图片已缺失">
<ul class="ty_listnav">
<li> 123</li>
<li><span class="ty_di"></span><a href="">网站首页</a></li>
<li><span class="ty_di"></span><a href="">关于我们</a></li>
<li><span class="ty_di"></span><a href=""><img class="ty_topicon" title="图3" src="../../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li>
<li><span class="ty_di"></span><a href="">积分商城</a></li>
<li><span class="ty_di"></span><a href="">联系我们</a></li>
<li><span class="ty_di"></span><a href="" class="ty_gr">个人中心</a></li>
<li><a href="">【退出】</a></li>
</ul>
</nav>
</header>
<div class="mian ty_co">
<body class="ty_co">
<iframe src="../../public/center-head.html" width="100%" height="300" frameborder="0" scrolling="no"></iframe>
<div class="mian ">
<div class="ty_w ty_ds">
<ul class="ty_left">
<li class="ty_lefttx"><img src="../../img/grzx/tx_04.jpg" title="图4" alt="图片已缺失"><span>243</span></li>
<li data-in="1" class="ty_leftcon"> <img class="ty_listimg" src="../../img/grzx/iocn_1.jpg" title="图5" alt="图片已缺失"> <img src="../../img/grzx/iocn (1).jpg" title="图5" alt="图片已缺失"> <span>个人资料</span></li>
<li data-in="2" class="ty_leftcon"> <img class="ty_listimg" src="../../img/grzx/iocn_2.jpg" title="图6" alt="图片已缺失"> <img src="../../img/grzx/iocn (2).jpg" title="图6" alt="图片已缺失"> <span>密码修改</span></li>
<li data-in="3" class="ty_leftcon"> <img class="ty_listimg" src="../../img/grzx/iocn_3.jpg" title="图7" alt="图片已缺失"> <img src="../../img/grzx/iocn (3).jpg" title="图7" alt="图片已缺失"> <span>我的订单</span></li>
<li data-in="4" class="ty_leftcon"> <img class="ty_listimg" src="../../img/grzx/iocn_4.jpg" title="图8" alt="图片已缺失"> <img src="../../img/grzx/iocn (4).jpg" title="图8" alt="图片已缺失"> <span>我的关注</span></li>
<li data-in="5" class="ty_leftcon"> <img class="ty_listimg" src="../../img/grzx/iocn_5.jpg" title="图9" alt="图片已缺失"> <img src="../../img/grzx/iocn (5).jpg" title="图9" alt="图片已缺失"> <span>我的收藏</span></li>
<li data-in="6" class="ty_leftcon"> <img class="ty_listimg" src="../../img/grzx/iocn_6.jpg" title="图10" alt="图片已缺失"> <img src="../../img/grzx/iocn (6).jpg" title="图10" alt="图片已缺失"> <span>我的积分</span></li>
<li data-in="7" class="ty_leftcon"> <img class="ty_listimg" src="../../img/grzx/iocn_7.jpg" title="图11" alt="图片已缺失"> <img src="../../img/grzx/iocn (7).jpg" title="图11" alt="图片已缺失"> <span>我的优惠券</span></li>
<li data-in="8" class="ty_leftcon"> <img class="ty_listimg" src="../../img/grzx/iocn_8.jpg" title="图12" alt="图片已缺失"> <img src="../../img/grzx/iocn (8).jpg" title="图12" alt="图片已缺失"> <span>征稿作品管理</span></li>
<li data-in="9" class="ty_leftcon"> <img class="ty_listimg" src="../../img/grzx/iocn_9.jpg" title="图12" alt="图片已缺失"> <img src="../../img/grzx/iocn (9).jpg" title="图12" alt="图片已缺失"> <span>收货地址</span></li>
<li onclick="tyList(1)" class="ty_leftcon ty_lititnoe">
<img style="width: 18px;" src="../../img/grzx/icon_1.png" title="图5" alt="图片已缺失"> <img style="width: 18px;" src="../../img/grzx/iocn (1).png" title="图5" alt="图片已缺失"> <span>个人资料</span>
</li>
<li onclick="tyList(2)" class="ty_leftcon ty_litittwo">
<img src="../../img/grzx/icon_2.png" title="图6" alt="图片已缺失"> <img src="../../img/grzx/iocn (2).png" title="图6" alt="图片已缺失"> <span>密码修改</span>
</li>
<li onclick="tyList(3)" class="ty_leftcon ty_litittwo">
<img src="../../img/grzx/icon_3.png" title="图7" alt="图片已缺失"> <img src="../../img/grzx/iocn (3).png" title="图7" alt="图片已缺失"> <span>我的订单</span>
</li>
<li onclick="tyList(4)" class="ty_leftcon ty_litittwo">
<img src="../../img/grzx/icon_4.png" title="图8" alt="图片已缺失"> <img src="../../img/grzx/iocn (4).png" title="图8" alt="图片已缺失"> <span>我的关注</span>
</li>
<li onclick="tyList(5)" class="ty_leftcon ty_litittwo">
<img src="../../img/grzx/icon_5.png" title="图9" alt="图片已缺失"> <img src="../../img/grzx/iocn (5).png" title="图9" alt="图片已缺失"> <span>我的收藏</span>
</li>
<li onclick="tyList(6)" class="ty_leftcon ty_litittwo">
<img src="../../img/grzx/icon_6.png" title="图10" alt="图片已缺失"> <img src="../../img/grzx/iocn (6).png" title="图10" alt="图片已缺失"> <span>我的积分</span>
</li>
<li onclick="tyList(7)" class="ty_leftcon ty_litittwo">
<img src="../../img/grzx/icon_7.png" title="图11" alt="图片已缺失"> <img src="../../img/grzx/iocn (7).png" title="图11" alt="图片已缺失"> <span>我的优惠券</span>
</li>
<li onclick="tyList(8)" class="ty_leftcon ty_litittwo">
<img src="../../img/grzx/icon_8.png" title="图12" alt="图片已缺失"> <img src="../../img/grzx/iocn (8).png" title="图12" alt="图片已缺失"> <span>征稿作品管理</span>
</li>
<li onclick="tyList(9)" class="ty_leftcon ty_litittwo">
<img src="../../img/grzx/icon_9.png" title="图12" alt="图片已缺失"> <img src="../../img/grzx/iocn (9).png" title="图12" alt="图片已缺失"> <span>收货地址</span>
</li>
</ul>
<!-- <div class="ty_ris ">
<!-- 个人资料 -->
<div style="display:block" data-in="1" class="ty_ris ">
<p class="ty_tit">个人资料</p>
<div class="ty_riscon">
<div class="ty_tupian">
<div class="ty_scimg">
<img src="" alt="图片已缺失">
<img src="" alt="">
</div>
<div>
<button class="ty_tubtn"><img src="../../img/grzx/tusc.jpg" title="图14" alt="图片已缺失">请选择您要上传的头像</button>
<p class="ty_col">仅支持JPG,GIF,PNG,JPEG,BMP格式</p>
<p class="ty_col" style="font-size: 12px;">仅支持JPG,GIF,PNG,JPEG,BMP格式</p>
</p>
</div>
</div>
@ -99,8 +110,11 @@
</div>
</div> -->
<!-- <div class="ty_ris ">
</div>
<!-- 修改密码 -->
<div style="display:none" data-in="2" class="ty_ris ">
<p class="ty_tit">个人资料</p>
<div class="ty_riscon ty_riscon1">
@ -132,9 +146,11 @@
</div>
</div> -->
<!-- <div class="ty_ris">
</div>
<!-- 收货地址 -->
<div style="display:none" data-in="9" class="ty_ris">
<div class="ty_shtit">
<div>
<p>收货地址</p>
@ -159,7 +175,7 @@
<div class="ty_mr">
<p class="ty_dztext">手机号：<span>136****4451</span></p>
<div>
<div class="ty_mrdiz">
<p>编辑</p>
</div>
@ -167,7 +183,7 @@
</div>
<div class="ty_dizcon">
<div class="ty_dzxx">
<div>
<div >
<p>张珊珊</p>
</div>
@ -179,7 +195,7 @@
<div class="ty_mr">
<p class="ty_dztext">手机号：<span>136****4451</span></p>
<div>
<div class="ty_mrdiz">
<p>设为默认地址</p>
<p>编辑</p>
</div>
@ -187,17 +203,52 @@
</div>
</div>
</div> -->
<!-- <div class="ty_ris">
</div>
<!-- 优惠券 -->
<div style="display:none" data-in="7" class="ty_ris">
<div class="ty_yhtit">
<p data-in="1" class="ty_yhd yhdj">可用优惠卷</p>
<p data-in="2" class="yhdj">已过期优惠卷</p>
</div>
<div class="ty_con ty_tp" style="padding: 32px 26px 0;display: flex; justify-content: space-between;">
<div class="ty_con ty_tp" style="padding: 25px 25px 0;display: flex; flex-wrap: wrap;align-content: flex-start;">
<div class="ty_yhuij">
<div>
<div class="ty_gb">
<img src="../../img/grzx//yhgb.png" alt="">
</div>
<p class="ty_yhmn"><span>￥</span>50</p>
<p class="ty_textyh">满500可用</p>
<p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
<img style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
</div>
<div>
<button class="ty_yhbtn">立即使用</button>
</div>
</div>
<div class="ty_yhuij">
<div>
<div class="ty_gb">
<img src="../../img/grzx//yhgb.png" alt="">
</div>
<p class="ty_yhmn"><span>￥</span>50</p>
<p class="ty_textyh">满500可用</p>
<p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
<img style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
</div>
<div>
<button class="ty_yhbtn">立即使用</button>
</div>
</div>
<div class="ty_yhuij">
<div>
<div class="ty_gb">
@ -257,7 +308,7 @@
</div>
</div>
<div class="ty_con ty_tp" style="padding: 32px 26px 0;display: none; ">
<div class="ty_con ty_tp " style="padding: 25px 25px 0;display: none; flex-wrap: wrap;align-content: flex-start;">
<div class="ty_yhuij">
<div style="background-color: rgb(173,173,173);">
<p class="ty_yhmn"><span>￥</span>50</p>
@ -274,6 +325,59 @@
<div style="background-color: rgb(173,173,173);">
<p class="ty_yhmn"><span>￥</span>50</p>
<p class="ty_textyh">满500可用</p>
<p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
<img style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
</div>
<div class="gqtp">
<img src="../../img/grzx/gqtp.png" alt="">
</div>
</div>
<div class="ty_yhuij">
<div style="background-color: rgb(173,173,173);">
<p class="ty_yhmn"><span>￥</span>50</p>
<p class="ty_textyh">满500可用</p>
<p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
<img style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
</div>
<div class="gqtp">
<img src="../../img/grzx/gqtp.png" alt="">
</div>
</div> <div class="ty_yhuij">
<div style="background-color: rgb(173,173,173);">
<p class="ty_yhmn"><span>￥</span>50</p>
<p class="ty_textyh">满500可用</p>
<p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
<img style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
</div>
<div class="gqtp">
<img src="../../img/grzx/gqtp.png" alt="">
</div>
</div> <div class="ty_yhuij">
<div style="background-color: rgb(173,173,173);">
<p class="ty_yhmn"><span>￥</span>50</p>
<p class="ty_textyh">满500可用</p>
<p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
<img style="margin-bottom: -8px;" src="../../img/grzx/bjyh.png" alt="">
</div>
<div class="gqtp">
<img src="../../img/grzx/gqtp.png" alt="">
</div>
</div> <div class="ty_yhuij">
<div style="background-color: rgb(173,173,173);">
<p class="ty_yhmn"><span>￥</span>50</p>
<p class="ty_textyh">满500可用</p>
<p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
@ -286,11 +390,10 @@
</div>
</div>
</div> -->
<div class="ty_ris">
</div>
<!-- 订单 -->
<div style="display:none" data-in="3" class="ty_ris">
<p class="ty_tit">我的订单</p>
<div class="ty_con" style="height: auto; padding: 25px 24px 20px;">
<div class="ty_ddtit">
@ -308,11 +411,51 @@
<div>
<p>收货人</p>
<p>金额</p>
<div>全部状态<img src="../../img/grzx/qbdd.png" alt=""></div>
<div style="font-size: 14px;">全部状态<img src="../../img/grzx/qbdd.png" alt=""></div>
<p>操作</p>
</div>
</div>
</div>
<div class="ty_ddcon">
<div class="ty_ddcontit">
<div style="display: flex;align-items: center;font-size: 14px;">
<p style="margin-right: 30px;"><span>2021-07-10</span><span>15:24:44</span></p>
<p><span>订单号：</span><span style="color: #000;">10954896547</span></p>
</div>
<div>
<p style="font-size: 14px;">删除</p>
<img src="../../img/grzx/ljt.png" alt="">
</div>
</div>
<div class="ty_ddxx">
<div class="ty_ddxxnoe">
<div>
<img src="../../img/grzx/yt.png" alt="">
<p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
<p>x1</p>
<p>¥532.20</p>
</div>
<div>
<img src="../../img/grzx/yt1.png" alt="">
<p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
<p>x1</p>
<p>¥532.20</p>
</div>
</div>
<div class="ty_ddxxTxt">程鹏龙</div>
<div class="ty_ddxxTxt">总金额¥532.20</div>
<div class="ty_ddxxTxt ty_ddys">待支付</div>
<div class="ty_ddxxTxt1">
<button class="ty_ddys">
去支付
</button>
</div>
</div>
</div>
<div class="ty_ddcon">
<div class="ty_ddcontit">
<div style="display: flex;align-items: center;">
@ -327,21 +470,274 @@
<div class="ty_ddxx">
<div>
<div class="ty_ddxxnoe">
<div>
<img src="../../img/grzx/yt.png" alt="">
<p></p>
<p></p>
<p></p>
<p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
<p>x1</p>
<p>¥532.20</p>
</div>
<div>
<img src="../../img/grzx/yt1.png" alt="">
<p></p>
<p></p>
<p></p>
<p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
<p>x1</p>
<p>¥532.20</p>
</div>
</div>
<div class="ty_ddxxTxt">程鹏龙</div>
<div class="ty_ddxxTxt">总金额¥532.20</div>
<div class="ty_ddxxTxt ty_ddys">待支付</div>
<div class="ty_ddxxTxt1">
<button class="ty_ddys">
确认收货
</button>
<button class="ty_ddys">
查看物流
</button>
</div>
</div>
</div>
<div class="ty_ddcon">
<div class="ty_ddcontit">
<div style="display: flex;align-items: center;">
<p style="margin-right: 30px;"><span>2021-07-10</span><span>15:24:44</span></p>
<p><span>订单号：</span><span style="color: #000;">10954896547</span></p>
</div>
<div>
<p>删除</p>
<img src="../../img/grzx/ljt.png" alt="">
</div>
</div>
<div class="ty_ddxx">
<div class="ty_ddxxnoe">
<div>
<img src="../../img/grzx/yt.png" alt="">
<p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
<p>x1</p>
<p>¥532.20</p>
</div>
<div>
<img src="../../img/grzx/yt1.png" alt="">
<p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
<p>x1</p>
<p>¥532.20</p>
</div>
</div>
<div class="ty_ddxxTxt">程鹏龙</div>
<div class="ty_ddxxTxt">总金额¥532.20</div>
<div class="ty_ddxxTxt ty_ddys">待支付</div>
<div class="ty_ddxxTxt1">
<button class="ty_ddys ty_sqtc">
申请售后
</button>
<button class="ty_ddys ty_sqjgtc">
售后结果
</button>
</div>
</div>
</div>
<div class="ty_paging">
<p>上一页</p>
<div>
<span class="ty_pagingcol">1</span>
</div>
<p>下一页</p>
</div>
</div>
</div>
<!-- 我的关注 -->
<div style="display:none" data-in="4" class="ty_ris">
<div class="ty_yhtit">
<p data-in="1" class="ty_yhd ty_ysnav">我关注的艺术家</p>
<p data-in="2" class="ty_ysnav">我关注的机构</p>
</div>
<div class="ty_con ty_yscon ty_ysmr " style="align-content: flex-start;">
<div class="ty_ysnr">
<img src="../../img/grzx/y1.png" alt="">
<p>张龙升</p>
<span class="ty_ysqxgz">取消关注</span>
</div>
<div class="ty_ysnr">
<img src="../../img/grzx/y2.png" alt="">
<p>张龙升</p>
</div>
<div class="ty_ysnr">
<img src="../../img/grzx/y3.png" alt="">
<p>张龙升</p>
</div>
<div class="ty_ysnr">
<img src="../../img/grzx/y4.png" alt="">
<p>张龙升</p>
</div>
<div class="ty_ysnr">
<img src="../../img/grzx/y5.png" alt="">
<p>张龙升</p>
</div>
<div class="ty_ysnr">
<img src="../../img/grzx/y6.png" alt="">
<p>张龙升</p>
</div>
<div class="ty_ysnr">
<img src="../../img/grzx/y7.png" alt="">
<p>张龙升</p>
</div>
</div>
<div class="ty_con ty_yscon ty_gzmr" style="display:none;align-content: flex-start;flex-wrap: wrap;">
<div class="ty_wdgz">
<img src="../../img/grzx/jg1.png" alt="">
<p>摩空精舍</p>
<span class="ty_ysqxgz">取消关注</span>
</div>
<div class="ty_wdgz">
<img src="../../img/grzx/jg1.png" alt="">
<p>摩空精舍</p>
<span class="ty_ysqxgz">取消关注</span>
</div>
<div class="ty_wdgz">
<img src="../../img/grzx/jg1.png" alt="">
<p>摩空精舍</p>
<span class="ty_ysqxgz">取消关注</span>
</div>
<div class="ty_wdgz">
<img src="../../img/grzx/jg1.png" alt="">
<p>摩空精舍</p>
<span class="ty_ysqxgz">取消关注</span>
</div>
</div>
</div>
<!-- 我的积分 -->
<div style="display:none" data-in="6" class="ty_ris">
<div class="ty_jftit">
<p>我的积分</p>
<div>
<p>我的总积分</p>
<p>57421</p>
<p>立即兑换超值礼品</p>
<p class="ty_qdaoclick">立即签到</p>
</div>
</div>
<div class="ty_con" style="height: auto; padding: 25px 24px 20px;">
<div>
<div class="ty_jfn">
<p>积分记录</p>
<div>
<p>时间</p>
<p>收入/支出</p>
<p>详情说明</p>
</div>
</div>
<div class="ty_jfcon">
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys">+580</p>
<p>商品评价（商品号:65428233459）奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价（商品号:65428233459）奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价（商品号:65428233459）奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价（商品号:65428233459）奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价（商品号:65428233459）奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价（商品号:65428233459）奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价（商品号:65428233459）奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价（商品号:65428233459）奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价（商品号:65428233459）奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价（商品号:65428233459）奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价（商品号:65428233459）奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价（商品号:65428233459）奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价（商品号:65428233459）奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价（商品号:65428233459）奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价（商品号:65428233459）奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价（商品号:65428233459）奖励积分 </p>
</div>
</div>
<div>
</div>
</div>
<div class="ty_paging" style="margin-top: 20px;">
<p>上一页</p>
<div>
<span class="ty_pagingcol">1</span>
</div>
<p>下一页</p>
</div>
</div>
@ -349,7 +745,155 @@
</div>
<!-- 收藏 -->
<div style="display:none" data-in="5" class="ty_ris">
<div class="ty_yhtit">
<p data-in="1" class="ty_yhd ty_sc">我收藏的展览</p>
<p data-in="2" class="ty_sc">我收藏的艺术品</p>
</div>
<div class="ty_con ty_sccon ty_scmr" style="align-content: flex-start;display: flex;flex-wrap: wrap;">
<div class="ty_yishusc">
<img src="../../img/grzx/sc.png" alt="">
<p>未来城市+ ：建筑设计模型展</p>
<p>展览时间：2021.07.09 - 2021.07.19</p>
<span class="ty_ysqxgz">取消收藏</span>
</div>
<div class="ty_yishusc">
<img src="../../img/grzx/sc1.png" alt="">
<p>未来城市+ ：建筑设计模型展</p>
<p>展览时间：2021.07.09 - 2021.07.19</p>
</div>
<div class="ty_yishusc">
<img src="../../img/grzx/sc.png" alt="">
<p>未来城市+ ：建筑设计模型展</p>
<p>展览时间：2021.07.09 - 2021.07.19</p>
</div>
</div>
<div class="ty_con ty_sccon ty_scml" style="display:none;align-content: flex-start;flex-wrap: wrap;">
<div class="ty_yspcon">
<img src="../../img/grzx/ysp.png" alt="">
<p>艺术清酒--得寓(酒标作品)</p>
<span class="ty_ysqxgz">取消收藏</span>
</div>
<div class="ty_yspcon">
<img src="../../img/grzx/ysp1.png" alt="">
<p>艺术清酒--得寓(酒标作品)</p>
</div>
<div class="ty_yspcon">
<img src="../../img/grzx/ysp2.png" alt="">
<p>艺术清酒--得寓(酒标作品)</p>
</div>
<div class="ty_yspcon">
<img src="../../img/grzx/ysp3.png" alt="">
<p>艺术清酒--得寓(酒标作品)</p>
</div>
<div class="ty_yspcon">
<img src="../../img/grzx/ysp4.png" alt="">
<p>艺术清酒--得寓(酒标作品)</p>
</div>
<div class="ty_yspcon">
<img src="../../img/grzx/ysp4.png" alt="">
<p>艺术清酒--得寓(酒标作品)</p>
</div>
<div class="ty_yspcon">
<img src="../../img/grzx/ysp4.png" alt="">
<p>艺术清酒--得寓(酒标作品)</p>
</div>
<div class="ty_yspcon">
<img src="../../img/grzx/ysp4.png" alt="">
<p>艺术清酒--得寓(酒标作品)</p>
</div>
</div>
</div>
<!-- 征稿 -->
<div style="display:none" data-in="8" class="ty_ris">
<p class="ty_tit">征稿作品管理</p>
<div class="ty_con" style=" padding: 25px 24px 20px;">
<div class="ty_zgtit">
<p>作品名称</p>
<p>所属展览</p>
<p>审核状况</p>
<p>发布日期</p>
<p>操作</p>
</div>
<div>
<div class="ty_zgcon">
<img src="../../img/grzx/zgimg.png" alt="">
<div>
<p class="ty_zgzti" style="width: 207px;line-height: 27px;">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
<p style="font-size: 13px;color: rgb(140,140,140);margin-top: 5px;">作品编号：15245825461</p>
</div>
<p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
<p style="margin-top: 5px;" class="ty_zgzti">未审核</p>
<p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
<div>
<button class="ty_bj">编辑</button><button class="ty_scsc">删除</button>
<p></p>
</div>
</div>
<div class="ty_zgcon">
<img src="../../img/grzx/zgimg.png" alt="">
<div>
<p class="ty_zgzti" style="width: 207px;line-height: 27px;">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
<p style="font-size: 13px;color: rgb(140,140,140);margin-top: 5px;">作品编号：15245825461</p>
</div>
<p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
<p style="margin-top: 5px;" class="ty_zgzti">未审核</p>
<p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
<div>
<button class="ty_bj">编辑</button><button class="ty_scsc">删除</button>
<p></p>
</div>
</div>
<div class="ty_zgcon">
<img src="../../img/grzx/zgimg.png" alt="">
<div>
<p class="ty_zgzti" style="width: 207px;line-height: 27px;">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
<p style="font-size: 13px;color: rgb(140,140,140);margin-top: 5px;">作品编号：15245825461</p>
</div>
<p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
<p style="margin-top: 5px;" class="ty_zgzti">已审核</p>
<p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
<div>
<p>联系平台</p>
</div>
</div>
<div class="ty_zgcon">
<img src="../../img/grzx/zgimg.png" alt="">
<div>
<p class="ty_zgzti" style="width: 207px;line-height: 27px;">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
<p style="font-size: 13px;color: rgb(140,140,140);margin-top: 5px;">作品编号：15245825461</p>
</div>
<p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
<p style="margin-top: 5px;" class="ty_zgzti">未审核</p>
<p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
<div>
<button class="ty_bj">编辑</button><button class="ty_scsc">删除</button>
<p></p>
</div>
</div>
</div>
</div>
</div>
</div>
@ -357,21 +901,18 @@
</div>
<div class="ty_xzsh">
<!-- 收货地址弹窗 -->
<div class="ty_xzsh ty_shclick" style="display: none;">
<div class="ty_tcon">
<div class="ty_tctiti">
<p>新增收货地址</p>
<p class="ty_gbtc"><img src="../../img/grzx/sh.jpg" alt=""></p>
<p class="ty_gbtc ty_shgb"><img src="../../img/grzx/sh.jpg" alt=""></p>
</div>
<div class="ty_tris">
<div class="ty_int ty_tcwi ">
<p>收货人：</p>
<input type="text">
</div>
<div class="ty_setle ty_tcwi">
<p>所在地址：</p>
<select name="" id="">
@ -397,22 +938,123 @@
<div class="ty_btn">
<button style="width: 155px;height: 51px;margin-right: 3px;">保存收货地址</button>
</div>
</div>
</div>
</div>
<!-- 申请售后弹窗 -->
<div class="ty_xzsh ty_sqshclick" style="display: none;">
<div class="ty_tcon">
<div class="ty_tctiti">
<p>申请售后</p>
<p class="ty_gbtc ty_shtcgb"><img src="../../img/grzx/sh.jpg" alt=""></p>
</div>
<div class="ty_tris">
<div class="ty_shtcint" style="margin-bottom: 29px;">
<p class="ty_sgtxt">退款原因：</p>
<select name="" id="" style="width: 460px;">
<option value="">
尺寸拍错/不喜欢/效果不好
</option>
</select>
</div>
<div class="ty_shtcint" style="margin-bottom: 38px;">
<p class="ty_sgtxt">退款原因：</p>
<p style="color: #cb1919;font-weight: bold;">￥562.00</p>
</div>
<div class="ty_shtcint" style="margin-bottom: 38px;align-items:flex-start;">
<p class="ty_sgtxt" style="margin-top: 10px;">图片上传：</p>
<div class="ty_tpsc">
<div>
<img src="../../img/grzx/szj.png" title="图25" alt="图片已缺失">
</div>
<p>上传图片格式包括jpg/png/gif，图片大小不超过20MB</p>
</div>
</div>
<div class="ty_btn">
<button style="width: 155px;height: 51px;margin-right: 3px;">立即提交</button>
</div>
</div>
</div>
</div>
<!-- 售后结果 -->
<div class="ty_xzsh ty_sqjgclick" style="display: none;">
<div class="ty_tcon">
<div class="ty_tctiti">
<p>售后结果</p>
<p class="ty_gbtc ty_shjggb"><img src="../../img/grzx/sh.jpg" alt=""></p>
</div>
<div class="ty_tris" style="padding-right: 30px;">
<div class="ty_shtcint" style="margin-bottom: 38px;align-items:flex-start;">
<p class="ty_sgtxt">售后原因：</p>
<p style="width: 490px;color: #525252;font-size: 14px; line-height: 25px;">售后原因文字描述后面替换现有文字售后原因文字描述后面替换现有文字售后原 因文字描述后面替换现有文字售后原因文字描述后面替换现有</p>
</div>
<div class="ty_shtcint">
<p class="ty_sgtxt">售后结果：</p>
<p style="color: #cb1919;font-size: 14px;">等待售后</p>
</div>
</div>
</div>
</div>
<!-- 签到 -->
<div class="ty_xzsh ty_qdao" style="display: none;">
<div class="ty_qidaocon">
<img class="ty_qdgban" src="../../img/grzx/qdgb.png" title="关闭按钮" alt="图片缺失">
<button>立即签到</button>
</div>
</div>
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"></iframe>
<script src="../../js/jquery-1.9.1.js"></script>
<script src="../../js/layui.js"></script>
<!-- <script src="../../js/layui.js"></script> -->
<script>
// 弹窗点击
$(".ty_cz").on("click", () => {
$(".ty_xzsh").css("display", "flex")
$("body").css("overflow", "hidden")
$(".ty_shclick").css("display", "flex")
})
$(".ty_gbtc").on("click", () => {
$(".ty_xzsh").css("display", "none")
$("body").css("overflow", "auto")
$(".ty_shgb").on("click", () => {
$(".ty_shclick").css("display", "none")
})
$(".ty_sqtc").on("click", () => {
$(".ty_sqshclick").css("display", "flex")
})
$(".ty_shtcgb").on("click", () => {
$(".ty_sqshclick").css("display", "none")
})
$(".ty_sqjgtc").on("click", () => {
$(".ty_sqjgclick").css("display", "flex")
})
$(".ty_shjggb").on("click", () => {
$(".ty_sqjgclick").css("display", "none")
})
$(".ty_qdaoclick").on("click", () => {
$(".ty_qdao").css("display", "flex")
})
$(".ty_qdgban").on("click", () => {
$(".ty_qdao").css("display", "none")
})
// 优惠切换
$(".yhdj").on("click", () => {
if ($(event.target).attr("data-in") == 1) {
@ -428,6 +1070,58 @@
}
})
// 我的关注
$(".ty_ysnav").on("click", () => {
if ($(event.target).attr("data-in") == 1) {
$($(".ty_yscon")[1]).css("display", "none")
$($(".ty_yscon")[0]).css("display", "flex")
$($(".ty_ysnav")[0]).addClass("ty_yhd");
$($(".ty_ysnav")[1]).removeClass("ty_yhd");
} else {
$($(".ty_yscon")[0]).css("display", "none")
$($(".ty_yscon")[1]).css("display", "flex")
$($(".ty_ysnav")[1]).addClass("ty_yhd");
$($(".ty_ysnav")[0]).removeClass("ty_yhd");
}
})
$(".ty_sc").on("click", () => {
if ($(event.target).attr("data-in") == 1) {
$($(".ty_sccon")[1]).css("display", "none")
$($(".ty_sccon")[0]).css("display", "flex")
$($(".ty_sc")[0]).addClass("ty_yhd");
$($(".ty_sc")[1]).removeClass("ty_yhd");
} else {
$($(".ty_sccon")[0]).css("display", "none")
$($(".ty_sccon")[1]).css("display", "flex")
$($(".ty_sc")[1]).addClass("ty_yhd");
$($(".ty_sc")[0]).removeClass("ty_yhd");
}
})
function tyList(data){
$(".ty_lititnoe").addClass("ty_litittwo");
$(".ty_lititnoe").removeClass("ty_lititnoe");
$($(".ty_leftcon")[data-1]).addClass("ty_lititnoe");
$($(".ty_leftcon")[data-1]).removeClass("ty_litittwo");
$(".ty_ris").css("display","none")
for (let index = 0; index < $(".ty_ris").length; index++) {
if ($($(".ty_ris")[index]).attr("data-in")==data) {
$($(".ty_ris")[index]).css("display","block")
$([index]).css("display","block")
}
}
}
</script>
</body>

BIN
img/grzx/icon_1.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.4 KiB

BIN
img/grzx/icon_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 677 B

BIN
img/grzx/icon_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 512 B

BIN
img/grzx/icon_3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 396 B

BIN
img/grzx/icon_4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 499 B

BIN
img/grzx/icon_5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 555 B

BIN
img/grzx/icon_6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 619 B

BIN
img/grzx/icon_7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 655 B

BIN
img/grzx/icon_8.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 664 B

BIN
img/grzx/icon_9.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 611 B

BIN
img/grzx/iocn (1).jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
img/grzx/iocn (1).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 674 B

BIN
img/grzx/iocn (2).jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

BIN
img/grzx/iocn (2).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 504 B

BIN
img/grzx/iocn (3).jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

BIN
img/grzx/iocn (3).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 397 B

BIN
img/grzx/iocn (4).jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

BIN
img/grzx/iocn (4).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 498 B

BIN
img/grzx/iocn (5).jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
img/grzx/iocn (5).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 552 B

BIN
img/grzx/iocn (6).jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
img/grzx/iocn (6).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 613 B

BIN
img/grzx/iocn (7).jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
img/grzx/iocn (7).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 639 B

BIN
img/grzx/iocn (8).jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
img/grzx/iocn (8).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 667 B

BIN
img/grzx/iocn (9).jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
img/grzx/iocn (9).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 607 B

BIN
img/grzx/jg1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 89 KiB

BIN
img/grzx/jg2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 126 KiB

BIN
img/grzx/jg3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 110 KiB

BIN
img/grzx/qdbj.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 173 KiB

BIN
img/grzx/qdgb.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 568 B

BIN
img/grzx/sc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 108 KiB

BIN
img/grzx/sc1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 258 KiB

BIN
img/grzx/szj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 180 B

BIN
img/grzx/y1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

BIN
img/grzx/y2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
img/grzx/y3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

BIN
img/grzx/y4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 75 KiB

BIN
img/grzx/y5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

BIN
img/grzx/y6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB

BIN
img/grzx/y7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 52 KiB

BIN
img/grzx/ysp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
img/grzx/ysp1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 47 KiB

BIN
img/grzx/ysp2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
img/grzx/ysp3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

BIN
img/grzx/ysp4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

BIN
img/grzx/zgimg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
img/grzx/圆角矩形 1 拷贝 6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 461 B

BIN
img/grzx/组 11.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

28
public/center-head.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人中心-头部</title></title>
<link rel="stylesheet" href="../css/centerHead.css">
</head>
<body>
<header class="ty_herader">
<img src="../img/grzx/topimg.jpg" title="图1" alt="图片已缺失">
<nav class="ty_w ty_ds">
<img src="../img/logo.png" title="图2" alt="图片已缺失">
<ul class="ty_listnav">
<li> 123</li>
<li><span class="ty_di"></span><a href="">网站首页</a></li>
<li><span class="ty_di"></span><a href="">关于我们</a></li>
<li><span class="ty_di"></span><a href=""><img class="ty_topicon" title="图3" src="../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li>
<li><span class="ty_di"></span><a href="">积分商城</a></li>
<li><span class="ty_di"></span><a href="">联系我们</a></li>
<li><span class="ty_di"></span><a href="" class="ty_gr">个人中心</a></li>
<li><a href="">【退出】</a></li>
</ul>
</nav>
</header>
</body>
</html>

1
public/foot-tab.html
View File

@ -64,5 +64,6 @@
<div class="foot-end-bottom">Copyright@2021 华夏艺术网.All rights reserved. 蜀ICP备11111111号 技术支持全美网络 </div>
</div>
</div>
</body>
</html>