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

个人中心

master
tangyi 2021-09-06 18:08:42 +08:00
parent cb7f9dd257
commit 1ec6a59f09
31 changed files with 1051 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

596
css/grzx/grzx.css Normal file
View File

@ -0,0 +1,596 @@
* {
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;
}
/* main */
.mian {
padding-top: 22px;
}
.ty_co {
background-color: rgb(245, 245, 245);
}
.ty_left {
width: 202px;
height: 711px;
background-color: #fff;
padding-top: 29px;
box-sizing: border-box;
}
.ty_lefttx {
text-align: center;
border-bottom: 1px solid rgb(245, 245, 245);
padding-bottom: 24px;
}
.ty_lefttx>img {
width: 102px;
height: 102px;
margin: auto;
margin-bottom: 29px;
display: block;
}
.ty_leftcon {
width: 100%;
height: 53px;
border-bottom: 1px solid rgb(245, 245, 245);
display: flex;
align-items: center;
padding-left: 31px;
font-size: 15px;
position: relative;
box-sizing: border-box;
}
.ty_leftcon>img {
margin-right: 10px;
}
.ty_ris {
width: 1060px;
}
.ty_tit {
width: 100%;
height: 64px;
background-color: #fff;
line-height: 64px;
font-weight: bold;
box-sizing: border-box;
font-size: 18px;
padding-left: 24px;
}
.ty_riscon {
width: 100%;
margin-top: 20px;
height: 709px;
padding-top: 40px;
padding-left: 100px;
box-sizing: border-box;
background-color: #fff;
}
.ty_scimg {
width: 154px;
height: 154px;
background-color: rgb(245, 245, 245);
border-radius: 50%;
border: none;
margin-right: 28px;
}
.ty_tupian {
display: flex;
align-items: center;
margin-bottom: 44px;
}
.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;
}
.ty_col {
color: rgb(193, 193, 193);
}
.ty_name {
display: flex;
margin-bottom: 37px;
font-size: 16px;
}
.ty_name> :nth-child(1) {
width: 65px;
margin-right: 20px;
text-align: right;
}
.ty_int {
display: flex;
align-items: center;
margin-bottom: 18px;
}
.ty_int> :nth-child(1) {
width: 65px;
text-align: right;
margin-right: 20px;
font-size: 16px;
}
.ty_int> :nth-child(2) {
width: 471px;
height: 52px;
box-sizing: border-box;
font-size: 16px;
border: solid 1px #000;
border-color: rgb(208, 208, 208);
border-radius: 5px;
}
select {
border-radius: 5px;
border: solid 1px #000;
border-color: rgb(208, 208, 208);
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
display: flex;
padding: 12px 18px;
box-sizing: border-box;
background: url("../../img/grzx/xiala_08.jpg") no-repeat scroll right 20px top 20px transparent;
background-size: 12px 8px;
width: 150px;
height: 52px;
}
.ty_setle {
display: flex;
align-items: center;
margin-bottom: 18px;
}
.ty_setle> :nth-child(1) {
width: 65px;
text-align: right;
margin-right: 20px;
font-size: 16px;
}
.ty_setle>select {
margin-right: 10px;
}
.tyint_pal {
padding-left: 14px;
box-sizing: border-box;
color: #000;
}
.ty_btn {
text-align: right;
width: 557px;
}
.ty_btn>button {
border-radius: 5px;
font-size: 18px;
width: 138px;
height: 50px;
color: #fff;
background-color: rgb(203, 25, 25);
border: none;
}
.ty_btn1 {
text-align: right;
width: 581px;
}
/* 密码修改 */
.ty_wic> :nth-child(1) {
width: 90px;
}
.ty_riscon1 {
height: 638px;
margin-top: 10px;
}
/* 收货地址 */
.ty_shtit {
width: 100%;
height: 64px;
background-color: #fff;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 24px;
padding-right: 20px;
}
.ty_shtit>div{
display: flex;
align-items: center;
}
.ty_shtit>div>:nth-child(1){
font-size: 18px;
font-weight: bold;
margin-right: 20px;
}
.ty_shtit>div>:nth-child(2){
font-size: 12px;
}
.ty_shtit>p{
font-size: 18px;
color: rgb(13, 158, 61);
}
.ty_con{
width: 100%;
height: 638px;
margin-top: 10px;
box-sizing: border-box;
background-color: #fff;padding-top: 26px;
}
.ty_dizcon{
width: 1006px;
height: 190px;
margin: auto;
margin-bottom: 23px;
border: 1px solid rgb(229, 229, 229);
padding-left: 22px;
padding-top: 20px;
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(2){
width: 61px;
height: 23px;
font-weight: bold;
text-align: center;
color: #fff;
line-height: 23px;
margin-left: 18px;
background-color: rgb(203, 25, 25);
}
.ty_dzxx>:nth-child(1){
display: flex;
}
.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_dztext{
color: rgb(149, 149, 149);
margin-bottom: 10px;
}
.ty_dztext>span{
color: #000;
}
.ty_mr{
display: flex;
justify-content: space-between;
}
.ty_mr>:nth-child(2){
display: flex;
color: rgb(74, 122, 228);
}
.ty_mr>:nth-child(2)>p{
margin-left: 28px;
}
/* 新增收货地址 */
.ty_xzsh{
width: 100%;
height: 100%;
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;
left: 0px;
z-index: 3;
}
.ty_tcon{
width: 653px;
height: 438px;
border-radius: 5px;
background-color: #fff;
margin: auto;
}
.ty_tctiti{
width: 100%;
font-size: 16px;
font-weight: bold;
display: flex;
justify-content: space-between;
padding: 15px 20px 12px;
align-items: center;
background-color: rgb(233, 233, 233);
box-sizing: border-box;
}
.ty_tctiti>:nth-child(2){
width: 20px;
height: 20px;
}
.ty_tris{
padding-top: 26px;
padding-left: 40px;
}
.ty_tcwi{
margin-bottom: 12px;
}
.ty_tcwi>:nth-child(1){
width: 82px
;
margin-right: 0px;
}
.ty_yhtit{
width: 100%;
height: 64px;
background-color: #fff;
box-sizing: border-box;
display: flex;
align-items: center;
padding-left: 23px;
font-size: 18px;
}
.ty_yhd{
font-weight: 600;
}
.ty_yhtit>p{
margin-right: 40px;
}
/* 优惠卷 */
.ty_yhuij{
width: 244px;
height: 226px;
text-align: center;
margin-right: 12px;
}
.ty_yhuij>:nth-child(1){
background-color: rgb(116, 210, 212);
width: 100%;
height: 142px;
position: relative;
padding-top: 26px;
box-sizing: border-box;
}
.ty_yhuij>:nth-child(2){
width: 244px;
height: 83px;
background-color: rgb(249, 249, 249);
}
.ty_gb{
position: absolute;
right: 0px;
top: 0px;
width: 50px;
height: 50px;
background-image: url("../../img/grzx/yhq.png");
background-size: 100%;
text-align: right;
padding-right: 10px;
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>span{
font-size: 20px;
display: inline-block;
top:-9px;
left: -19px;
position: absolute;
}
.ty_textyh{
font-size: 13px;
margin-top: 15px;
margin-bottom: 20px;
color: #fff;
}
.ty_yhbtn{
width: 121px;
height: 35px;
border: 1px solid rgb(116, 210, 212);
border-radius: 30px;
margin-top: 26px;
color: rgb(116, 210, 212);
}
.gqtp{
text-align: right;
padding-top: 12px;
padding-right: 12px;
box-sizing: border-box;
}
.ty_tp>:nth-child(4n){
margin-right: 0px;
}
.ty_listimg{
position: absolute;
display: none;
}
/* 订单 */
.ty_ddnav{
display: flex;
}
.ty_ddys{
color: rgb(203,25,25);
}
.ty_ddnav>p{
margin-right: 32px;
font-weight: bold;
}
.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;
}
.ty_ddxq>:nth-child(2){
display: flex;
}
.ty_ddxq>:nth-child(2)>*{
margin-left: 60px;
}
.ty_ddcon{
width: 100%;
height: 258px;
border: 1px solid rgb(233, 233, 233);
box-sizing: border-box;
margin-bottom: 20px;
}
.ty_ddcontit{
width: 100%;
height: 35px;
background-color: rgb(245, 245, 245);
display: flex;
align-items: center;
box-sizing: border-box;
justify-content: space-between;
padding-left: 13px;
padding-right: 10px;
}
.ty_ddcontit>:nth-child(1)>p{
color: rgb(146, 146, 146);
}
.ty_ddcontit>:nth-child(2){
display: flex;
align-items: center;
}
.ty_ddcontit>:nth-child(2)>p{
margin-right: 5px;
color: rgb(6, 110, 226);
}
.ty_ddxx{
}

21
css/huaxia.css
View File

@ -150,3 +150,24 @@

434
htmls/grzx/personalData.html Normal file
View File

@ -0,0 +1,434 @@
<!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>
<link rel="stylesheet" href="../../css/grzx/grzx.css">
<link rel="stylesheet" type="text/css" href="../../css/layui.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>
<div class="mian ty_co">
<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>
</ul>
<!-- <div class="ty_ris ">
<p class="ty_tit">个人资料</p>
<div class="ty_riscon">
<div class="ty_tupian">
<div class="ty_scimg">
<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>
</div>
</div>
<div>
<div class="ty_name">
<p>用户名：</p>
<p>asdgf</p>
</div>
<div class="ty_int">
<p>姓名：</p>
<input type="text">
</div>
<div class="ty_int">
<p>电话：</p>
<input type="text">
</div>
<div class="ty_setle">
<p>电话：</p>
<select name="" id="">
<option value="">四川省</option>
</select>
<select name="" id="">
<option value="">成都市</option>
</select>
<select name="" id="">
<option value="">锦江区</option>
</select>
</div>
<div class="ty_int">
<p></p>
<input class="tyint_pal" placeholder="请输入详情地址" type="text">
</div>
<div class="ty_btn">
<button>提交</button>
</div>
</div>
</div>
</div> -->
<!-- <div class="ty_ris ">
<p class="ty_tit">个人资料</p>
<div class="ty_riscon ty_riscon1">
<div>
<div class="ty_int ty_wic">
<p>原密码：</p>
<input type="text">
</div>
<div class="ty_int ty_wic">
<p>新密码：</p>
<input type="text">
</div>
<div class="ty_int ty_wic">
<p>确认新密码:</p>
<input type="text">
</div>
<div class="ty_btn ty_btn1">
<button>提交</button>
</div>
</div>
</div>
</div> -->
<!-- <div class="ty_ris">
<div class="ty_shtit">
<div>
<p>收货地址</p>
<p>您以创建2个收货地址，最多可创建25个</p>
</div>
<p class="ty_cz">新增收货地址</p>
</div>
<div class="ty_con">
<div class="ty_dizcon">
<div class="ty_dzxx">
<div>
<p>张珊珊</p>
<p>默认地址</p>
</div>
<p><img src="../../img/grzx/sh1.jpg" alt=""></p>
</div>
<p class="ty_dztext">收货人：<span>张珊珊</span> </p>
<p class="ty_dztext">所在地区：<span>四川成都市温江区</span> </p>
<p class="ty_dztext">地址：<span>光华大道1568号</span> </p>
<div class="ty_mr">
<p class="ty_dztext">手机号：<span>136****4451</span></p>
<div>
<p>编辑</p>
</div>
</div>
</div>
<div class="ty_dizcon">
<div class="ty_dzxx">
<div>
<p>张珊珊</p>
</div>
<p><img src="../../img/grzx/sh1.jpg" alt=""></p>
</div>
<p class="ty_dztext">收货人：<span>张珊珊</span> </p>
<p class="ty_dztext">所在地区：<span>四川成都市温江区</span> </p>
<p class="ty_dztext">地址：<span>光华大道1568号</span> </p>
<div class="ty_mr">
<p class="ty_dztext">手机号：<span>136****4451</span></p>
<div>
<p>设为默认地址</p>
<p>编辑</p>
</div>
</div>
</div>
</div>
</div> -->
<!-- <div 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_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>
<p class="ty_yhmn"><span>￥</span>100</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>
<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>
<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>
<div class="ty_con ty_tp" style="padding: 32px 26px 0;display: none; ">
<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>
</div> -->
<div class="ty_ris">
<p class="ty_tit">我的订单</p>
<div class="ty_con" style="height: auto; padding: 25px 24px 20px;">
<div class="ty_ddtit">
<div class="ty_ddnav">
<p class="ty_ddys">全部订单</p>
<p>待付款
</p>
<p>待发货</p>
<p>待收货</p>
</div>
<div class="ty_ddxq">
<p>订单详情</p>
<div>
<p>收货人</p>
<p>金额</p>
<div>全部状态<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;">
<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>
<div>
<img src="../../img/grzx/yt.png" alt="">
<p></p>
<p></p>
<p></p>
</div>
<div>
<img src="../../img/grzx/yt1.png" alt="">
<p></p>
<p></p>
<p></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ty_xzsh">
<div class="ty_tcon">
<div class="ty_tctiti">
<p>新增收货地址</p>
<p class="ty_gbtc"><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="">
<option value="">四川省</option>
</select>
<select name="" id="">
<option value="">成都市</option>
</select>
<select name="" id="">
<option value="">锦江区</option>
</select>
</div>
<div class="ty_int ty_tcwi">
<p></p>
<input class="tyint_pal" placeholder="请输入详情地址" type="text">
</div>
<div class="ty_int ty_tcwi">
<p>手机：</p>
<input type="text">
</div>
<div class="ty_btn">
<button style="width: 155px;height: 51px;margin-right: 3px;">保存收货地址</button>
</div>
</div>
</div>
</div>
<script src="../../js/jquery-1.9.1.js"></script>
<script src="../../js/layui.js"></script>
<script>
$(".ty_cz").on("click", () => {
$(".ty_xzsh").css("display", "flex")
$("body").css("overflow", "hidden")
})
$(".ty_gbtc").on("click", () => {
$(".ty_xzsh").css("display", "none")
$("body").css("overflow", "auto")
})
$(".yhdj").on("click", () => {
if ($(event.target).attr("data-in") == 1) {
$($(".ty_tp")[1]).css("display", "none")
$($(".ty_tp")[0]).css("display", "flex")
$($(".yhdj")[0]).addClass("ty_yhd");
$($(".yhdj")[1]).removeClass("ty_yhd");
} else {
$($(".ty_tp")[0]).css("display", "none")
$($(".ty_tp")[1]).css("display", "flex")
$($(".yhdj")[1]).addClass("ty_yhd");
$($(".yhdj")[0]).removeClass("ty_yhd");
}
})
</script>
</body>
</html>

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 235 B

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
img/grzx/images/01个人中心--个人资料-恢复的_01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 211 KiB

BIN
img/grzx/images/xiala_01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

BIN
img/grzx/images/xiala_04.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
img/grzx/images/xiala_08.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 319 B

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 98 B

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 211 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.5 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 320 B

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 308 B

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB