1444 lines
72 KiB
HTML
1444 lines
72 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/institutions/institutions.css">
|
|||
|
|
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
|||
|
|
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
|||
|
|
<script src="../../js/artistCenter/artistCenter.js" type="text/javascript" charset="utf-8"></script>
|
|||
|
|
<script src="https://unpkg.com/wangeditor/dist/wangEditor.min.js"></script>
|
|||
|
|
<script src="https://unpkg.com/i18next/dist/umd/i18next.js"></script>
|
|||
|
|
<style>
|
|||
|
|
.foot-iframe {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 400px;
|
|||
|
|
}
|
|||
|
|
input,textarea{
|
|||
|
|
padding-left: 14px;
|
|||
|
|
padding-right: 14px;
|
|||
|
|
}
|
|||
|
|
.ty_tit{
|
|||
|
|
height: auto;
|
|||
|
|
line-height: 22px;
|
|||
|
|
padding: 25px 0 22px 20px;
|
|||
|
|
}
|
|||
|
|
.ty_left{
|
|||
|
|
height: auto;
|
|||
|
|
padding-bottom: 30px;
|
|||
|
|
}
|
|||
|
|
.ty_riscon{margin-top: 15px;padding-left: 40px;}
|
|||
|
|
.ty_name > :nth-child(1),.ty_int > :nth-child(1),.ty_setle > :nth-child(1),.ty_img > :nth-child(1){margin-right: 10px;}
|
|||
|
|
.ty_btn {width: 100%;margin-top: 20px;}
|
|||
|
|
.ty_btn > button{border-radius: 3px;margin-right: 110px;}
|
|||
|
|
.ty_setle > select{cursor: pointer;}
|
|||
|
|
.ty_lititnoe > span{color: #333333;}
|
|||
|
|
.left-title{color: #CB1919!important;}
|
|||
|
|
td{border-bottom: 1px solid #ebebeb;}
|
|||
|
|
tfoot tr td{border-bottom: none;}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body class="ty_co">
|
|||
|
|
<iframe src="../../public/center-head.html" class="ty_topifrane" frameborder="0" scrolling="no"></iframe>
|
|||
|
|
|
|||
|
|
<div class="mian ">
|
|||
|
|
<div class="ty_ds">
|
|||
|
|
<button class="naliu">菜单</button>
|
|||
|
|
<div>
|
|||
|
|
<ul class="ty_left">
|
|||
|
|
<li class="ty_caidan">收起菜单</li>
|
|||
|
|
<li class="ty_lefttx"><img src="../../img/grzx/tx_04.jpg" title="图4" alt="图片已缺失"><div class="clips1 p-zy30">243</div></li>
|
|||
|
|
<li class="ty_leftcon ty_lititnoe">
|
|||
|
|
<img class="left-imgone" style="width: 18px;" src="../../img/grzx/icon_1.png" title="图5" alt="图片已缺失">
|
|||
|
|
<img class="left-imgtwo" style="width: 18px;" src="../../img/grzx/iocn (1).png" title="个人资料5" alt="图片已缺失">
|
|||
|
|
<span class="left-title">个人资料</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="ty_leftcon ty_litittwo">
|
|||
|
|
<img class="left-imgone" src="../../img/grzx/icon_2.png" title="密码修改" alt="图片已缺失">
|
|||
|
|
<img class="left-imgtwo" src="../../img/grzx/iocn (2).png" title="密码修改" alt="图片已缺失">
|
|||
|
|
<span>密码修改</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="ty_leftcon ty_litittwo">
|
|||
|
|
<img class="left-imgone" src="../../img/grzx/icon_3.png" title="订单" alt="图片已缺失">
|
|||
|
|
<img class="left-imgtwo" src="../../img/grzx/iocn (3).png" title="订单+" alt="图片已缺失">
|
|||
|
|
<span>我的订单</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="ty_leftcon ty_litittwo">
|
|||
|
|
<img class="left-imgone" src="../../img/grzx/icon_4.png" title="关注" alt="图片已缺失">
|
|||
|
|
<img class="left-imgtwo" src="../../img/grzx/iocn (4).png" title="关注" alt="图片已缺失">
|
|||
|
|
<span>我的关注</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="ty_leftcon ty_litittwo">
|
|||
|
|
<img class="left-imgone" src="../../img/grzx/icon_5.png" title="收藏" alt="图片已缺失">
|
|||
|
|
<img class="left-imgtwo" src="../../img/grzx/iocn (5).png" title="收藏" alt="图片已缺失">
|
|||
|
|
<span>我的收藏</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="ty_leftcon ty_litittwo">
|
|||
|
|
<img class="left-imgone" src="../../img/grzx/icon_6.png" title="积分" alt="图片已缺失">
|
|||
|
|
<img class="left-imgtwo" src="../../img/grzx/iocn (6).png" title="积分" alt="图片已缺失">
|
|||
|
|
<span>我的积分</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="ty_leftcon ty_litittwo">
|
|||
|
|
<img class="left-imgone" src="../../img/grzx/icon_7.png" title="优惠卷" alt="图片已缺失">
|
|||
|
|
<img class="left-imgtwo" src="../../img/grzx/iocn (7).png" title="优惠卷" alt="图片已缺失">
|
|||
|
|
<span>我的优惠券</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="ty_leftcon ty_litittwo">
|
|||
|
|
<img class="left-imgone" src="../../img/grzx/icon_8.png" title="征稿作品管理+" alt="图片已缺失">
|
|||
|
|
<img class="left-imgtwo" src="../../img/grzx/iocn (8).png" title="征稿作品管理+" alt="图片已缺失">
|
|||
|
|
<span>征稿作品管理</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="ty_leftcon ty_litittwo">
|
|||
|
|
<img class="left-imgone" src="../../img/public/yscenter08_1.png" title="征稿作品管理+" alt="图片已缺失">
|
|||
|
|
<img class="left-imgtwo" src="../../img/public/yscenter08.png" title="征稿作品管理+" alt="图片已缺失">
|
|||
|
|
<span>收货地址</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="ty_leftcon ty_litittwo">
|
|||
|
|
<img class="left-imgone" src="../../img/public/yscenter09_1.png" title="征稿作品管理+" alt="图片已缺失">
|
|||
|
|
<img class="left-imgtwo" src="../../img/public/yscenter09.png" title="征稿作品管理+" alt="图片已缺失">
|
|||
|
|
<span>推荐作品</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="ty_leftcon ty_litittwo">
|
|||
|
|
<img class="left-imgone" src="../../img/public/yscenter10_1.png" title="征稿作品管理+" alt="图片已缺失">
|
|||
|
|
<img class="left-imgtwo" src="../../img/public/yscenter10.png" title="征稿作品管理+" alt="图片已缺失">
|
|||
|
|
<span>艺术访谈</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="ty_leftcon ty_litittwo">
|
|||
|
|
<img class="left-imgone" src="../../img/public/yscenter11_1.png" title="征稿作品管理+" alt="图片已缺失">
|
|||
|
|
<img class="left-imgtwo" src="../../img/public/yscenter11.png" title="征稿作品管理+" alt="图片已缺失">
|
|||
|
|
<span>书刊杂志</span>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 个人资料 -->
|
|||
|
|
<div id="personal" style="display:block" data-in="1" class="ty_ris ">
|
|||
|
|
<p class="ty_tit">个人资料</p>
|
|||
|
|
<div class="ty_riscon ty_jgzl">
|
|||
|
|
<div class="ty_tupian">
|
|||
|
|
<div class="ty_scimg">
|
|||
|
|
<!-- <img src="" alt="图片缺失"> -->
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div>
|
|||
|
|
<button class="ty_tubtn"><img src="../../img/grzx/tusc.jpg" title="头像上传" alt="图片已缺失">请选择您要上传的头像</button>
|
|||
|
|
<p class="ty_col" style="font-size: 12px;">仅支持JPG、PNG格式，文件小于4M</p>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<div class="ty_name">
|
|||
|
|
<p style="text-align: right;width: 81px;">用户名：</p>
|
|||
|
|
<div>asdgf</div>
|
|||
|
|
</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_img">
|
|||
|
|
<p>照片：</p>
|
|||
|
|
<div>
|
|||
|
|
<img src="../../img/jgzx/tyimg.png" alt="">
|
|||
|
|
<p>仅支持JPG、PNG格式，文件小于4M</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_img" style="margin-top: 20px;">
|
|||
|
|
<p>简介：</p>
|
|||
|
|
<div>
|
|||
|
|
<div id="div2" style="width: 818px;"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_btn">
|
|||
|
|
<button>提交</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
const E = window.wangEditor;
|
|||
|
|
const editor = new E("#div2");
|
|||
|
|
editor.config.uploadImgServer = "/api/upload-img";
|
|||
|
|
editor.config.lang = "en";
|
|||
|
|
editor.i18next = window.i18next;
|
|||
|
|
// editor.config.languages['en'] = {//注释变成英文，打开变成中文
|
|||
|
|
// wangEditor: {
|
|||
|
|
// welcome: 'Welcome to wangeditor rich text editor',
|
|||
|
|
// menus: {
|
|||
|
|
// 设置标题: 'set title',
|
|||
|
|
// },
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
editor.create();
|
|||
|
|
</script>
|
|||
|
|
<!-- 修改密码 -->
|
|||
|
|
<div id="updatePass" 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_password ty_wic">
|
|||
|
|
<p class="col19">原密码：</p>
|
|||
|
|
<input type="text">
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_int ty_password ty_wic">
|
|||
|
|
<p class="col19">新密码：</p>
|
|||
|
|
<input type="text">
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_int ty_password ty_wic">
|
|||
|
|
<p class="col19">确认新密码:</p>
|
|||
|
|
<input type="text">
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_btn ty_btn1" style="width: 65%;">
|
|||
|
|
<button style="margin-right: 52px;">确认修改</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 收货地址 -->
|
|||
|
|
<div id="mySH" style="display:none" data-in="9" class="ty_ris">
|
|||
|
|
<div class="ty_shtit">
|
|||
|
|
<div>
|
|||
|
|
<p>收货地址</p>
|
|||
|
|
<p class="font-12 col19 op8">您以创建2个收货地址，最多可创建25个</p>
|
|||
|
|
</div>
|
|||
|
|
<p class="ty_cz cq-cp">新增收货地址</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_con">
|
|||
|
|
<div class="ty_dizcon">
|
|||
|
|
<div class="ty_dzxx">
|
|||
|
|
<div>
|
|||
|
|
<p>张珊珊</p>
|
|||
|
|
<div class="font-14" style="font-weight: 400;line-height: 25px;">默认地址</div>
|
|||
|
|
</div>
|
|||
|
|
<p><img class="cq-cp" 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 class="cq-cp">编辑</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_dizcon">
|
|||
|
|
<div class="ty_dzxx">
|
|||
|
|
<div>
|
|||
|
|
<p>张珊珊</p>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<p><img class="cq-cp" 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 class="cq-cp">设为默认地址</p>
|
|||
|
|
<p class="cq-cp">编辑</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- 优惠券 -->
|
|||
|
|
<div id="myCoupon" style="display:none" data-in="7" class="ty_ris">
|
|||
|
|
<div class="ty_yhtit">
|
|||
|
|
<p data-in="1" class="ty_yhd yhdj cq-cp">可用优惠卷</p>
|
|||
|
|
<p data-in="2" class="yhdj cq-cp">已过期优惠卷</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_con ty_tp" style="padding: 25px 12px 0 25px;display: flex; flex-wrap: wrap;align-content: flex-start;">
|
|||
|
|
|
|||
|
|
<div class="ty_yhuij">
|
|||
|
|
<div>
|
|||
|
|
<div class="ty_gb">
|
|||
|
|
<img src="../../img/grzx//yhgb.png" title="优惠卷" 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 class="ty_yhjyuan" 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" title="优惠卷" 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 class="ty_yhjyuan" 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" title="优惠卷" 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 class="ty_yhjyuan" 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 class="ty_yhjyuan" title="优惠卷" 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 class="ty_yhjyuan" title="优惠卷" 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 class="ty_yhjyuan" title="优惠卷" 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 12px 0 25px;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 class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
|
|||
|
|
</div>
|
|||
|
|
<div class="gqtp">
|
|||
|
|
<img src="../../img/grzx/gqtp.png" title="过期" 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 class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
|
|||
|
|
</div>
|
|||
|
|
<div class="gqtp">
|
|||
|
|
<img src="../../img/grzx/gqtp.png" title="过期" 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 class="ty_yhjyuan" title="过期" 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 class="ty_yhjyuan" title="过期" src="../../img/grzx/bjyh.png" alt="图片缺失">
|
|||
|
|
</div>
|
|||
|
|
<div class="gqtp">
|
|||
|
|
<img src="../../img/grzx/gqtp.png" title="过期" 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 class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
|
|||
|
|
</div>
|
|||
|
|
<div class="gqtp">
|
|||
|
|
<img src="../../img/grzx/gqtp.png" title="过期" 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 class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
|
|||
|
|
</div>
|
|||
|
|
<div class="gqtp">
|
|||
|
|
<img src="../../img/grzx/gqtp.png" title="过期" alt="图片缺失">
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 订单 -->
|
|||
|
|
<div id="myOrder" style="display:none" data-in="" class="ty_ris">
|
|||
|
|
<p class="ty_tit">我的订单</p>
|
|||
|
|
<div class="ty_con ty_didanpd" 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 class="ty_dindantop">
|
|||
|
|
<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 class="cq-cp">
|
|||
|
|
<p style="font-size: 14px;">删除</p>
|
|||
|
|
<img src="../../img/grzx/ljt.png" title="删除" alt="图片缺失">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="ty_ddxx">
|
|||
|
|
<div class="ty_ddxxnoe">
|
|||
|
|
<div>
|
|||
|
|
<div class="ty_ddmas"> <img src="../../img/grzx/yt.png" title="悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画" alt="图片缺失">
|
|||
|
|
<p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_dnum">
|
|||
|
|
<p>x1</p>
|
|||
|
|
<p>¥532.20</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<div class="ty_ddmas"> <img src="../../img/grzx/yt1.png" title="悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画" alt="图片缺失">
|
|||
|
|
<p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_dnum">
|
|||
|
|
<p>x1</p>
|
|||
|
|
<p>¥532.20</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_dindantetx">
|
|||
|
|
<div class="ty_ddxxTxt"><span class="ty_dindantit">收货人</span>程鹏龙</div>
|
|||
|
|
<div class="ty_ddxxTxt"><span class="ty_dindantit">金额</span>总金额¥532.20</div>
|
|||
|
|
<div class="ty_ddxxTxt ty_ddys"><span class="ty_dindantit">状态</span>待支付</div>
|
|||
|
|
<div class="ty_ddxxTxt1">
|
|||
|
|
<span class="ty_dindantit">操作</span>
|
|||
|
|
<button class="ty_ddys cq-cp">
|
|||
|
|
去支付
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_ddcon">
|
|||
|
|
<div class="ty_ddcontit">
|
|||
|
|
<div class="ty_dindantop">
|
|||
|
|
<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 class="cq-cp">
|
|||
|
|
<p>删除</p>
|
|||
|
|
<img src="../../img/grzx/ljt.png" alt="图片缺失">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="ty_ddxx">
|
|||
|
|
<div class="ty_ddxxnoe">
|
|||
|
|
<div>
|
|||
|
|
<div class="ty_ddmas"> <img src="../../img/grzx/yt.png" title="悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画" alt="图片缺失">
|
|||
|
|
<p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_dnum">
|
|||
|
|
<p>x1</p>
|
|||
|
|
<p>¥532.20</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<div class="ty_ddmas"> <img src="../../img/grzx/yt1.png" title="悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画" alt="图片缺失">
|
|||
|
|
<p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="ty_dnum">
|
|||
|
|
<p>x1</p>
|
|||
|
|
<p>¥532.20</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_dindantetx">
|
|||
|
|
<div class="ty_ddxxTxt"><span class="ty_dindantit"></span> 程鹏龙</div>
|
|||
|
|
<div class="ty_ddxxTxt"><span class="ty_dindantit"></span> 总金额¥532.20</div>
|
|||
|
|
<div class="ty_ddxxTxt ty_ddys"><span class="ty_dindantit"></span> 待支付</div>
|
|||
|
|
<div class="ty_ddxxTxt1">
|
|||
|
|
<span class="ty_dindantit"></span>
|
|||
|
|
<button class="ty_ddys cq-cp">
|
|||
|
|
确认收货
|
|||
|
|
</button>
|
|||
|
|
<button class="ty_ddys cq-cp">
|
|||
|
|
查看物流
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_ddcon">
|
|||
|
|
<div class="ty_ddcontit">
|
|||
|
|
<div class="ty_dindantop">
|
|||
|
|
<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 class="cq-cp">
|
|||
|
|
<p>删除</p>
|
|||
|
|
<img src="../../img/grzx/ljt.png" title="删除" alt="图片缺失">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="ty_ddxx">
|
|||
|
|
<div class="ty_ddxxnoe">
|
|||
|
|
<div>
|
|||
|
|
<div class="ty_ddmas">
|
|||
|
|
<img src="../../img/grzx/yt.png" title="悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画" alt="图片缺失">
|
|||
|
|
<p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_dnum">
|
|||
|
|
<p>x1</p>
|
|||
|
|
<p>¥532.20</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<div class="ty_ddmas"> <img src="../../img/grzx/yt1.png" title="悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画" alt="图片缺失">
|
|||
|
|
<p>悠弦赵刚隶书手写真迹书法茶室挂画作品新 中式字画办公室挂画励志毛笔字装饰画</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_dnum">
|
|||
|
|
<p>x1</p>
|
|||
|
|
<p>¥532.20</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_dindantetx">
|
|||
|
|
<div class="ty_ddxxTxt"><span class="ty_dindantit"></span>程鹏龙</div>
|
|||
|
|
<div class="ty_ddxxTxt"><span class="ty_dindantit"></span>总金额¥532.20</div>
|
|||
|
|
<div class="ty_ddxxTxt ty_ddys"><span class="ty_dindantit"></span>待支付</div>
|
|||
|
|
<div class="ty_ddxxTxt1">
|
|||
|
|
<span class="ty_dindantit"></span>
|
|||
|
|
<button class="ty_ddys ty_sqtc cq-cp">
|
|||
|
|
申请售后
|
|||
|
|
</button>
|
|||
|
|
<button class="ty_ddys ty_sqjgtc cq-cp">
|
|||
|
|
售后结果
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_paging">
|
|||
|
|
<p>上一页</p>
|
|||
|
|
<div>
|
|||
|
|
<span class="ty_pagingcol">1</span>
|
|||
|
|
</div>
|
|||
|
|
<p>下一页</p>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 我的关注 -->
|
|||
|
|
<div id="myAttention" style="display:none" data-in="4" class="ty_ris">
|
|||
|
|
<div class="ty_yhtit">
|
|||
|
|
<p data-in="1" class="ty_yhd ty_ysnav cq-cp">我关注的艺术家</p>
|
|||
|
|
<p data-in="2" class="ty_ysnav cq-cp">我关注的机构</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" title="张龙升" alt="图片缺失">
|
|||
|
|
<p>张龙升</p>
|
|||
|
|
<span class="ty_ysqxgz">取消关注</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_ysnr">
|
|||
|
|
<img src="../../img/grzx/y2.png" title="张龙升" alt="图片缺失">
|
|||
|
|
<p>张龙升</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_ysnr">
|
|||
|
|
<img src="../../img/grzx/y3.png" title="张龙升" alt="图片缺失">
|
|||
|
|
<p>张龙升</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_ysnr">
|
|||
|
|
<img src="../../img/grzx/y4.png" title="张龙升" alt="图片缺失">
|
|||
|
|
<p>张龙升</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_ysnr">
|
|||
|
|
<img src="../../img/grzx/y5.png" title="张龙升" alt="图片缺失">
|
|||
|
|
<p>张龙升</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_ysnr">
|
|||
|
|
<img src="../../img/grzx/y6.png" title="张龙升" alt="图片缺失">
|
|||
|
|
<p>张龙升</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_ysnr">
|
|||
|
|
<img src="../../img/grzx/y7.png" title="张龙升" 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" title="摩空精舍" alt="图片缺失">
|
|||
|
|
<p>摩空精舍</p>
|
|||
|
|
<span class="ty_ysqxgz">取消关注</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_wdgz">
|
|||
|
|
<img src="../../img/grzx/jg1.png" title="摩空精舍" alt="图片缺失">
|
|||
|
|
<p>摩空精舍</p>
|
|||
|
|
<span class="ty_ysqxgz">取消关注</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_wdgz">
|
|||
|
|
<img src="../../img/grzx/jg1.png" title="摩空精舍" alt="图片缺失">
|
|||
|
|
<p>摩空精舍</p>
|
|||
|
|
<span class="ty_ysqxgz">取消关注</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_wdgz">
|
|||
|
|
<img src="../../img/grzx/jg1.png" title="摩空精舍" alt="图片缺失">
|
|||
|
|
<p>摩空精舍</p>
|
|||
|
|
<span class="ty_ysqxgz">取消关注</span>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 我的积分 -->
|
|||
|
|
<div id="myIntegral" style="display:none" data-in="6" class="ty_ris">
|
|||
|
|
<div class="ty_jftit">
|
|||
|
|
<p>我的积分</p>
|
|||
|
|
<div>
|
|||
|
|
<p>我的总积分</p>
|
|||
|
|
<p>57421</p>
|
|||
|
|
<p class="cq-cp">立即兑换超值礼品</p>
|
|||
|
|
<p class="ty_qdaoclick cq-cp">立即签到</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 class="cq-cp">上一页</p>
|
|||
|
|
<div>
|
|||
|
|
<span class="ty_pagingcol">1</span>
|
|||
|
|
</div>
|
|||
|
|
<p class="cq-cp">下一页</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 收藏 -->
|
|||
|
|
<div id="myCollection" style="display:none" data-in="5" class="ty_ris">
|
|||
|
|
<div class="ty_yhtit">
|
|||
|
|
<p data-in="1" class="ty_yhd ty_sc cq-cp">我收藏的展览</p>
|
|||
|
|
<p data-in="2" class="ty_sc cq-cp">我收藏的艺术品</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" title="未来城市+ ：建筑设计模型展" alt="图片缺失">
|
|||
|
|
<p>未来城市+ ：建筑设计模型展</p>
|
|||
|
|
<p>展览时间： <span style="display: inline-block;"> 2021.07.09 - 2021.07.19</span></p>
|
|||
|
|
<span class="ty_ysqxgz cq-cp">取消收藏</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_yishusc">
|
|||
|
|
<img src="../../img/grzx/sc1.png" title="未来城市+ ：建筑设计模型展" alt="图片缺失">
|
|||
|
|
<p>未来城市+ ：建筑设计模型展</p>
|
|||
|
|
<p>展览时间： <span style="display: inline-block;"> 2021.07.09 - 2021.07.19</span></p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_yishusc">
|
|||
|
|
<img src="../../img/grzx/sc.png" title="未来城市+ ：建筑设计模型展" alt="图片缺失">
|
|||
|
|
<p>未来城市+ ：建筑设计模型展</p>
|
|||
|
|
<p>展览时间： <span style="display: inline-block;"> 2021.07.09 - 2021.07.19</span></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" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
|
|||
|
|
<p>艺术清酒--得寓(酒标作品)</p>
|
|||
|
|
<span class="ty_ysqxgz cq-cp">取消收藏</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_yspcon">
|
|||
|
|
<img src="../../img/grzx/ysp1.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
|
|||
|
|
<p>艺术清酒--得寓(酒标作品)</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_yspcon">
|
|||
|
|
<img src="../../img/grzx/ysp2.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
|
|||
|
|
<p>艺术清酒--得寓(酒标作品)</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_yspcon">
|
|||
|
|
<img src="../../img/grzx/ysp3.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
|
|||
|
|
<p>艺术清酒--得寓(酒标作品)</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_yspcon">
|
|||
|
|
<img src="../../img/grzx/ysp4.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
|
|||
|
|
<p>艺术清酒--得寓(酒标作品)</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_yspcon">
|
|||
|
|
<img src="../../img/grzx/ysp4.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
|
|||
|
|
<p>艺术清酒--得寓(酒标作品)</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_yspcon">
|
|||
|
|
<img src="../../img/grzx/ysp4.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
|
|||
|
|
<p>艺术清酒--得寓(酒标作品)</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_yspcon">
|
|||
|
|
<img src="../../img/grzx/ysp4.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
|
|||
|
|
<p>艺术清酒--得寓(酒标作品)</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 征稿 -->
|
|||
|
|
<div style="background: #FFFFFF;">
|
|||
|
|
<div id="myZG" style="display:none" data-in="3" class="ty_ris">
|
|||
|
|
<p class="ty_tit" style="">征稿作品管理</p>
|
|||
|
|
<div style="height: 15px;width: 100%;background: rgba(245, 245, 245,1);"></div>
|
|||
|
|
<table width="96%" class="font-13" cellspacing="0" style="margin: 0 auto;table-layout: fixed;padding-top: 20px;">
|
|||
|
|
<tr style="color: #333333;opacity: .7;font-size: 14px;font-weight: 400;background-color: rgb(245, 245, 245);height: 40px;">
|
|||
|
|
<th style="width: 340px;"><div style="margin-right: 120px;">作品名称</div></th>
|
|||
|
|
<th style="width: 260px;">所属展览</th>
|
|||
|
|
<th style="width: 80px;">审核状况</th>
|
|||
|
|
<th style="width: 170px;">发布日期</th>
|
|||
|
|
<th style="width: 90px;">操作</th>
|
|||
|
|
</tr>
|
|||
|
|
<tr class="tc">
|
|||
|
|
<td class="pd20 fs" valign="top">
|
|||
|
|
<div class="dis">
|
|||
|
|
<div class="fs" style="width: 103px;height: 103px;overflow: hidden;">
|
|||
|
|
<img height="100%" src="../../img/grzx/zgimg.png" >
|
|||
|
|
</div>
|
|||
|
|
<div class="m-z10 tl linh24 ">
|
|||
|
|
<div class="col19 clips2">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款 </div>
|
|||
|
|
<span class="col7d">作品编号：15245825461</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td class="p-sx20" style="color: #525252;" valign="top">
|
|||
|
|
<div style="">未来城市+ ：建筑设计模型展</div>
|
|||
|
|
</td>
|
|||
|
|
<td class="p-sx20" valign="top">
|
|||
|
|
<div class="colcb">未审核</div>
|
|||
|
|
</td>
|
|||
|
|
<td class="p-sx20" style="color: #525252;" valign="top">
|
|||
|
|
<div>2019-12-20 12:25:30</div>
|
|||
|
|
</td>
|
|||
|
|
<td class="p-sx10" valign="top">
|
|||
|
|
<div style="display: flex;align-items: center;flex-direction: column;">
|
|||
|
|
<button class="cq-cp" type="button" style="color: #00a608;border: 1px solid #00a608;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;background: #FFFFFF;">编辑</button>
|
|||
|
|
<button class="cq-cp" type="button" style="color: #066ee2;border: 1px solid #066ee2;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;margin-top: 6px;background: #FFFFFF;" >删除</button>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr class="tc">
|
|||
|
|
<td class="dis pd20" valign="top">
|
|||
|
|
<div class="fs" style="width: 103px;height: 103px;overflow: hidden;">
|
|||
|
|
<img height="100%" src="../../img/public/backTop.png" >
|
|||
|
|
</div>
|
|||
|
|
<div class="m-z10 tl linh24">
|
|||
|
|
<div class="col19 clips2" style="max-width: 210px;">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款 </div>
|
|||
|
|
<span class="col7d">作品编号：15245825461</span>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td class="p-sx20" style="color: #525252;" valign="top">
|
|||
|
|
<div style="">未来城市+ ：建筑设计模型展</div>
|
|||
|
|
</td>
|
|||
|
|
<td class="p-sx20" valign="top">
|
|||
|
|
<div class="colcb">已审核</div>
|
|||
|
|
</td>
|
|||
|
|
<td class="p-sx20" style="color: #525252;" valign="top">
|
|||
|
|
<div>2019-12-20 12:25:30</div>
|
|||
|
|
</td>
|
|||
|
|
<td class="p-sx20" valign="top">
|
|||
|
|
<div class="col19 cq-cp">联系平台</div>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 推荐作品 -->
|
|||
|
|
<div style="background: #FFFFFF;">
|
|||
|
|
<div id="myTJ" style="display: none;" class="ty_ris">
|
|||
|
|
<div class="djbac">
|
|||
|
|
<p class="ty_tit"></p>
|
|||
|
|
<div class="dac">
|
|||
|
|
<button onclick="addCont(1)" class="cq-cp addContent" type="button" style="width: 116px;height: 44px;line-height: 44px;text-align: center;color: #FFFFFF;background: #CB1919;border-radius: 5px;border: 1px solid #CB1919;font-size: 15px;">+添加作品</button>
|
|||
|
|
<button class="cq-cp" type="button" style="width: 116px;height: 44px;line-height: 44px;text-align: center;color: #066ee2;background: #FFFFFF;border-radius: 5px;border: 1px solid #066ee2;font-size: 15px;margin: 0px 20px 0 10px;"><label for="chooseAllT" class="cq-cp">批量删除</label></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="height: 15px;width: 100%;background: rgba(245, 245, 245,1);"></div>
|
|||
|
|
<table width="96%" class="font-13" cellspacing="0" style="margin: 0 auto;table-layout: fixed;padding-top: 20px;">
|
|||
|
|
<tr style="color: #191919;opacity: .8;font-size: 14px;font-weight: 400;background-color: rgb(245, 245, 245);height: 40px;">
|
|||
|
|
<th style="width: 20px;">
|
|||
|
|
<input type="checkbox" name="" id="" value="" />
|
|||
|
|
</th>
|
|||
|
|
<th style="width: 70px;">封面</th>
|
|||
|
|
<th style="width: 180px;">标题</th>
|
|||
|
|
<th style="width: 120px;">创建日期</th>
|
|||
|
|
<th style="width: 120px;">状态</th>
|
|||
|
|
<th style="width: 240px;text-align: left;">操作</th>
|
|||
|
|
</tr>
|
|||
|
|
<tbody id="tj-list"></tbody>
|
|||
|
|
<tfoot>
|
|||
|
|
<tr>
|
|||
|
|
<td>
|
|||
|
|
<div style="display: flex;justify-content: center;margin: 30px 0px 50px 0;">
|
|||
|
|
<input id="chooseAllT" class="chooseAllT cq-cp" onchange="selectAllT()" type="checkbox" name="" value="" />
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td valign="top" style="padding-top: 28px;"><label for="chooseAllT" class="cq-cp" style="color: #066ee2;">批量删除</label></td>
|
|||
|
|
<td></td>
|
|||
|
|
<td></td>
|
|||
|
|
<td></td>
|
|||
|
|
<td>
|
|||
|
|
<div id="" style="display: flex;justify-content: flex-end;">
|
|||
|
|
<div class="dac">
|
|||
|
|
<button class="cq-cp" type="button" style="width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;">上一页</button>
|
|||
|
|
<div style="color: #CB1919;padding: 0 15px;font-weight: bold;">1</div>
|
|||
|
|
<button class="cq-cp" type="button" style="width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;">下一页</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</tfoot>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 艺术访谈 -->
|
|||
|
|
<div style="background: #FFFFFF;">
|
|||
|
|
<div id="myFW" style="display: none;" class="ty_ris">
|
|||
|
|
<div class="djbac">
|
|||
|
|
<p class="ty_tit"></p>
|
|||
|
|
<div class="dac">
|
|||
|
|
<button onclick="addCont(2)" class="cq-cp addContent" type="button" style="width: 116px;height: 44px;line-height: 44px;text-align: center;color: #FFFFFF;background: #CB1919;border-radius: 5px;border: 1px solid #CB1919;font-size: 15px;">+添加内容</button>
|
|||
|
|
<button class="cq-cp" type="button" style="width: 116px;height: 44px;line-height: 44px;text-align: center;color: #066ee2;background: #FFFFFF;border-radius: 5px;border: 1px solid #066ee2;font-size: 15px;margin: 0px 20px 0 10px;"><label for="chooseAllF" class="cq-cp">批量删除</label></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="height: 15px;width: 100%;background: rgba(245, 245, 245,1);"></div>
|
|||
|
|
<table width="96%" class="font-13" cellspacing="0" style="margin: 0 auto;table-layout: fixed;padding-top: 20px;">
|
|||
|
|
<tr style="color: #191919;opacity: .8;font-size: 14px;font-weight: 400;background-color: rgb(245, 245, 245);height: 40px;">
|
|||
|
|
<th style="width: 20px;">
|
|||
|
|
<input type="checkbox" name="" id="" value="" />
|
|||
|
|
</th>
|
|||
|
|
<th style="width: 70px;">封面</th>
|
|||
|
|
<th style="width: 180px;">标题</th>
|
|||
|
|
<th style="width: 120px;">创建日期</th>
|
|||
|
|
<th style="width: 120px;">状态</th>
|
|||
|
|
<th style="width: 240px;text-align: left;">操作</th>
|
|||
|
|
</tr>
|
|||
|
|
<tbody id="yis-list"></tbody>
|
|||
|
|
<tfoot>
|
|||
|
|
<tr>
|
|||
|
|
<td>
|
|||
|
|
<div style="display: flex;justify-content: center;margin: 30px 0px 50px 0;">
|
|||
|
|
<input id="chooseAllF" class="chooseAllF cq-cp" onchange="selectAllF()" type="checkbox" name="" value="" />
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td valign="top" style="padding-top: 28px;"><label for="chooseAllF" class="cq-cp" style="color: #066ee2;">批量删除</label></td>
|
|||
|
|
<td></td>
|
|||
|
|
<td></td>
|
|||
|
|
<td></td>
|
|||
|
|
<td>
|
|||
|
|
<div id="" style="display: flex;justify-content: flex-end;">
|
|||
|
|
<div class="dac">
|
|||
|
|
<button class="cq-cp" type="button" style="width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;">上一页</button>
|
|||
|
|
<div style="color: #CB1919;padding: 0 15px;font-weight: bold;">1</div>
|
|||
|
|
<button class="cq-cp" type="button" style="width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;">下一页</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</tfoot>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 书刊杂志 -->
|
|||
|
|
<div style="background: #FFFFFF;">
|
|||
|
|
<div id="mySK" style="display: none;" class="ty_ris">
|
|||
|
|
<div class="djbac">
|
|||
|
|
<p class="ty_tit"></p>
|
|||
|
|
<div class="dac">
|
|||
|
|
<button onclick="addCont(3)" class="cq-cp addContent" type="button" style="width: 116px;height: 44px;line-height: 44px;text-align: center;color: #FFFFFF;background: #CB1919;border-radius: 5px;border: 1px solid #CB1919;font-size: 15px;">+添加内容</button>
|
|||
|
|
<button class="cq-cp" type="button" style="width: 116px;height: 44px;line-height: 44px;text-align: center;color: #066ee2;background: #FFFFFF;border-radius: 5px;border: 1px solid #066ee2;font-size: 15px;margin: 0px 20px 0 10px;"><label for="chooseAll" class="cq-cp">批量删除</label></button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="height: 15px;width: 100%;background: rgba(245, 245, 245,1);"></div>
|
|||
|
|
<table width="96%" class="font-13" cellspacing="0" style="margin: 0 auto;table-layout: fixed;padding-top: 20px;">
|
|||
|
|
<tr style="color: #191919;opacity: .8;font-size: 14px;font-weight: 400;background-color: rgb(245, 245, 245);height: 40px;">
|
|||
|
|
<th style="width: 20px;">
|
|||
|
|
<input type="checkbox" name="" id="" value="" />
|
|||
|
|
</th>
|
|||
|
|
<th style="width: 70px;">封面</th>
|
|||
|
|
<th style="width: 180px;">标题</th>
|
|||
|
|
<th style="width: 120px;">创建日期</th>
|
|||
|
|
<th style="width: 120px;">状态</th>
|
|||
|
|
<th style="width: 240px;text-align: left;">操作</th>
|
|||
|
|
</tr>
|
|||
|
|
<tbody id="zhaz-list"></tbody>
|
|||
|
|
<tfoot>
|
|||
|
|
<tr>
|
|||
|
|
<td>
|
|||
|
|
<div style="display: flex;justify-content: center;margin: 30px 0px 50px 0;">
|
|||
|
|
<input id="chooseAll" class="chooseAll cq-cp" onchange="selectAll()" type="checkbox" name="" value="" />
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
<td valign="top" style="padding-top: 28px;"><label for="chooseAll" class="cq-cp" style="color: #066ee2;">批量删除</label></td>
|
|||
|
|
<td></td>
|
|||
|
|
<td></td>
|
|||
|
|
<td></td>
|
|||
|
|
<td>
|
|||
|
|
<div id="" style="display: flex;justify-content: flex-end;">
|
|||
|
|
<div class="dac">
|
|||
|
|
<button class="cq-cp" type="button" style="width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;">上一页</button>
|
|||
|
|
<div style="color: #CB1919;padding: 0 15px;font-weight: bold;">1</div>
|
|||
|
|
<button class="cq-cp" type="button" style="width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;">下一页</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</tfoot>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 给书刊添加内容 -->
|
|||
|
|
<div id="addContent" style="display: none;">
|
|||
|
|
<div style="display:block" data-in="1" class="ty_ris ">
|
|||
|
|
<p class="ty_tit">添加内容</p>
|
|||
|
|
<div class="ty_riscon ty_jgzl">
|
|||
|
|
<div>
|
|||
|
|
<div class="ty_int">
|
|||
|
|
<p>标题：</p>
|
|||
|
|
<input type="text">
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_int ysft zhaz">
|
|||
|
|
<p>副标题：</p>
|
|||
|
|
<textarea style="resize: none;height: 162px;width: 818px;"></textarea>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_int dn tjzp ysft">
|
|||
|
|
<p>类别：</p>
|
|||
|
|
<input type="text" readonly class="cq-cp">
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_int dn tjzp ysft">
|
|||
|
|
<p>尺寸：</p>
|
|||
|
|
<input type="text">
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_int">
|
|||
|
|
<p>链接：</p>
|
|||
|
|
<input type="text">
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_int ysft">
|
|||
|
|
<p>购买链接：</p>
|
|||
|
|
<input type="text">
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_img" style="margin-bottom: 18px;">
|
|||
|
|
<p>封面图：</p>
|
|||
|
|
<div>
|
|||
|
|
<img src="../../img/jgzx/tyimg.png" alt="">
|
|||
|
|
<p>仅支持JPG、PNG格式，文件小于4M</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_img ysft zhaz" style="margin-bottom: 18px;">
|
|||
|
|
<p>组图：</p>
|
|||
|
|
<div>
|
|||
|
|
<img src="../../img/jgzx/tyimg.png" alt="">
|
|||
|
|
<p>仅支持JPG、PNG格式，文件小于4M</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_int ysft zhaz">
|
|||
|
|
<p>出版时间：</p>
|
|||
|
|
<input type="date" class="cq-cp">
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_img" style="margin-top: 20px;">
|
|||
|
|
<p>内容：</p>
|
|||
|
|
<div>
|
|||
|
|
<div id="div1" style="width: 818px;"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_btn">
|
|||
|
|
<button>提交</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
const Edit = window.wangEditor;
|
|||
|
|
const editort = new Edit("#div1");
|
|||
|
|
editort.config.uploadImgServer = "/api/upload-img";
|
|||
|
|
editort.config.lang = "en";
|
|||
|
|
editort.i18next = window.i18next;
|
|||
|
|
// editor.config.languages['en'] = {//注释变成英文，打开变成中文
|
|||
|
|
// wangEditor: {
|
|||
|
|
// welcome: 'Welcome to wangeditor rich text editor',
|
|||
|
|
// menus: {
|
|||
|
|
// 设置标题: 'set title',
|
|||
|
|
// },
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
editort.create();
|
|||
|
|
</script>
|
|||
|
|
</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 class="cq-cp" src="../../img/grzx/sh.jpg" title="关闭" 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 class="cq-cp" style="width: 155px;height: 51px;margin-right: 50px;">保存收货地址</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 cq-cp"><img src="../../img/grzx/sh.jpg" title="关闭" 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;" class="cq-cp">
|
|||
|
|
<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 class="cq-cp">
|
|||
|
|
<img src="../../img/grzx/szj.png" title="图片上传" alt="图片已缺失">
|
|||
|
|
</div>
|
|||
|
|
<p>上传图片格式包括jpg/png/gif，图片大小不超过20MB</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="ty_btn">
|
|||
|
|
<button class="cq-cp" style="width: 155px;height: 51px;margin-right: 70px;">立即提交</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 cq-cp"><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 cq-cp" src="../../img/grzx/qdgb.png" title="关闭按钮" alt="图片缺失">
|
|||
|
|
<button class="cq-cp">立即签到</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")
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
// 菜单事件
|
|||
|
|
$(".naliu").on("click", () => {
|
|||
|
|
$(".ty_left").css("left", "5%")
|
|||
|
|
})
|
|||
|
|
$(".ty_caidan").on("click", () => {
|
|||
|
|
|
|||
|
|
$(".ty_left").css("left", "-65PX")
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
// 新闻公告选择点击
|
|||
|
|
$(".ty_selected").on("click", () => {
|
|||
|
|
if ($(event.target).css("backgroundColor") != "rgb(0, 0, 0)") {
|
|||
|
|
$(event.target).css("backgroundColor", "#000")
|
|||
|
|
|
|||
|
|
}else{
|
|||
|
|
$(event.target).css("backgroundColor", "#fff")
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|