1128 lines
53 KiB
HTML
1128 lines
53 KiB
HTML
<!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">
|
||
|
||
<style>
|
||
.foot-iframe {
|
||
width: 100%;
|
||
height: 400px;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<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 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 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="">
|
||
</div>
|
||
|
||
<div>
|
||
<button class="ty_tubtn"><img src="../../img/grzx/tusc.jpg" title="图14" alt="图片已缺失">请选择您要上传的头像</button>
|
||
<p class="ty_col" style="font-size: 12px;">仅支持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 style="display:none" data-in="2" 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 style="display:none" data-in="9" 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 class="ty_mrdiz">
|
||
|
||
<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 class="ty_mrdiz">
|
||
<p>设为默认地址</p>
|
||
<p>编辑</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</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: 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">
|
||
<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: 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>
|
||
<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>
|
||
<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 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">
|
||
<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 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;">
|
||
<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">
|
||
确认收货
|
||
</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>
|
||
|
||
|
||
|
||
|
||
</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>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<!-- 收货地址弹窗 -->
|
||
<div class="ty_xzsh ty_shclick" style="display: none;">
|
||
<div class="ty_tcon">
|
||
<div class="ty_tctiti">
|
||
<p>新增收货地址</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="">
|
||
<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>
|
||
<!-- 申请售后弹窗 -->
|
||
<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>
|
||
// 弹窗点击
|
||
$(".ty_cz").on("click", () => {
|
||
$(".ty_shclick").css("display", "flex")
|
||
|
||
})
|
||
$(".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) {
|
||
|
||
$($(".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");
|
||
}
|
||
|
||
})
|
||
// 我的关注
|
||
$(".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>
|
||
|
||
</html> |