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

Merge branch 'master' of http://git.scdxtc.com/chen/huaxia

master
tangyi 2021-09-18 17:46:25 +08:00
parent 737819b5a4 70fe8aee6d
commit 0816b56c04
8 changed files with 344 additions and 350 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
css/huaxia.css
View File

@ -94,6 +94,7 @@ body{margin: 0;padding: 0;}
.p-s65{padding-top: 65px;}
.p-s30{padding-top:30px;}
.p-s28{padding-top:28px;}
.p-s27{padding-top:27px;}
.p-s20{padding-top:20px;}
.p-s10{padding-top:10px;}
@ -161,6 +162,7 @@ body{margin: 0;padding: 0;}
.col9{color: #999999;}
.colcb{color: #cb1919}
.col22{color: #222222}
.col52{color: #525252}
.backf{background: #FFFFFF;}
.backe6{background: #e6e6e6;}
@ -466,4 +468,26 @@ input{outline: none;}
.goMai{background-color: #CB1919;color: #FFFFFF;font-size: 20px;padding: 10px 40px;cursor: pointer;}
.zzpub{font-size: 20px;cursor: pointer;width: 163px;height: 53px;line-height: 53px;text-align: center;border: 1px solid #CB1919;}
.goMaiz{background-color: #CB1919;color: #FFFFFF;}
.yul{color: #CB1919;margin-left: 10px;}
.yul{color: #CB1919;margin-left: 10px;}
/* 征稿 */
.zhenggaoZhanw{height: 15px;width: 100%;background: rgba(245, 245, 245,1);}
.ty_zgysconTr th:nth-child(1){width: 340px;}
.ty_zgysconTr th:nth-child(1) div{margin-right: 120px;}
.ty_zgysconTr th:nth-child(2){width: 260px;}
.ty_zgysconTr th:nth-child(3){width: 80px;}
.ty_zgysconTr th:nth-child(4){width: 170px;}
.ty_zgysconTr th:nth-child(5){width: 90px;}
.zg-img-box{width: 103px;height: 103px;overflow: hidden;}
.zg-btn-box{display: flex;align-items: center;flex-direction: column;}
/* 推荐作品 */
.tui-box{margin: 0 auto;table-layout: fixed;padding-top: 20px;}
.biaoti{color: #191919;opacity: .8;font-size: 14px;font-weight: 400;background-color: rgb(245, 245, 245);height: 40px;}
.biaoti th:nth-child(1){width: 20px;}
.biaoti th:nth-child(2){width: 70px;}
.biaoti th:nth-child(3){width: 180px;}
.biaoti th:nth-child(4),.biaoti th:nth-child(5){width: 120px;}
.biaoti th:nth-child(6){width: 240px;text-align: left;}
.foot-all-box{display: flex;justify-content: center;margin: 30px 0px 50px 0;}
#pre_next_box{display: flex;justify-content: flex-end;}
#pre_next_box button{width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;}

27
css/logshoppingcar/login_cart.css
View File

@ -210,6 +210,7 @@ section .whoil .whoil-1 table tfoot td:last-child span {
section .whoil .whoil-1 .swiper-container {
width: 100%;
background-color: #fff;
padding-bottom: 50px;
}
section .whoil .whoil-1 .swiper-container .swiper-text {
@ -350,3 +351,29 @@ section .whole .whole-1 .payment .order .oderbuy a,
section .whole .whole-1 .payment .order .oderhome a {
color: #00a608;
}
.zhanw{height: 30px;width: 100%;background: #f5f5f5;}
.padding-zy320{padding: 0 320px;}
.backFF{background: #FFFFFF;}
.table-cbox{border-collapse: separate;border-spacing: 0px 17px;margin-top: -17px;}
.table-cbox thead tr th:nth-child(1){text-align: left;width: 110px;}
.table-cbox thead tr th:nth-child(2){text-align: left;width: 430px;}
.table-cbox thead tr th:nth-child(5){width: 110px;}
.table-cbox tbody tr td:nth-child(1){width: 130px;}
.table-cbox tbody tr td:nth-child(1) div{display: flex;}
.table-cbox tbody tr td:nth-child(1) div input{width: 15px;height: 15px;margin-right: 20px;}
.table-cbox tbody tr td:nth-child(2){font-size: 15px;color: #525252;width: 430px;}
.table-cbox tbody tr td:nth-child(2) div{width: 430px;}
.table-cbox tbody tr td:nth-child(3){font-size: 15px;color: #525252;}
.table-cbox tbody tr td:nth-child(4){font-size: 14px;font-weight: bold;color: #222222;}
.table-cbox tbody tr td:nth-child(5)>div{display: flex;align-items: center;justify-content: center;}
.add,.reduce{width: 17px;height: 23px;background: #f0f0f0;border: 1px solid #e5e5e5;cursor: pointer;}
.count-input{width: 39px;height: 23px;display: inline-block;text-align: center;border: 1px solid #aaaaaa;}
.table-cbox tbody tr td:nth-child(6){font-size: 14px;font-weight: bold;color: #CB1919;}
.table-cbox tbody tr td:nth-child(7){font-size: 14px;color: #222222;}
.jies-box{height: 50px;background: #f3f3f3;line-height: 50px;display: flex;justify-content: space-between;font-size: 14px;color: #333333;}
.jies-box>div:first-child{padding-left: 10px;}
.jies-box>div:first-child input{cursor: pointer;"}

171
css/logshoppingcar/tobepaid.css
View File

@ -13,6 +13,7 @@ a {
section {
background-color: #f5f5f5;
padding-bottom: 30px;
}
section .whole {
@ -44,7 +45,10 @@ section .whole .whole-1 .commodity {
}
section .whole .whole-1 .Subtitle {
font-weight: 800;
font-weight: bold;
font-size: 15px;
margin-top: 16px;
flex-shrink: 0;margin-right: 20px;
}
section .whole .whole-1 .Buyers {
@ -52,7 +56,14 @@ section .whole .whole-1 .Buyers {
border-bottom: 1px solid #f2f2f2;
background-color: #fff;
}
textarea{
resize: none;
border: 1px solid #efefef;
width: 100%;
padding: 20px 10px;
outline: none;
height: 90px;
}
section .whole .whole-1 .Buyers #container span:nth-child(2) {
float: right;
}
@ -74,6 +85,10 @@ section .whole .whole-1 .Buyers #container #wrap .address {
section .whole .whole-1 .Buyers #container #wrap .address .name {
display: inline-block;
padding: 10px 50px;
position: relative;
}
section .whole .whole-1 .Buyers #container #wrap .address .name img {
position: absolute;right: 0;bottom: 0;
}
section .whole .whole-1 .Buyers #container #wrap .address .na-1 {
@ -104,35 +119,14 @@ section .whole .whole-1 .Buyers #container #read-more {
section .whole .whole-1 .opt {
padding: 15px 0 0 0;
margin-bottom: 20px;
border-bottom: 1px solid #f2f2f2;
}
section .whole .whole-1 .opt ul .optall table {
width: 100%;
margin-bottom: 20px;
}
section .whole .whole-1 .opt ul .optall #checkall {
margin-left: 10px;
}
section .whole .whole-1 .opt ul .optall th {
height: 50px;
}
section .whole .whole-1 .opt ul .optall th span {
margin-left: 20px;
}
section .whole .whole-1 .opt .checklist .among table {
width: 100%;
background-color: #fff;
}
/* 使用优惠券 */
section .whole .whole-1 .coupon {
width: 100%;
display: inline-flex;
padding-bottom: 40px;
padding-left: 20px;
flex-wrap: wrap;
border-bottom: 1px solid #f2f2f2;
}
@ -140,44 +134,12 @@ section .whole .whole-1 .coupon .yh {
width: 262px;
height: 130px;
margin-right: 25px;
display: flex;flex-direction: column;align-items: center;cursor: pointer;margin-top: 26px;
}
section .whole .whole-1 .coupon .yh h1,
section .whole .whole-1 .coupon .yh h3,
section .whole .whole-1 .coupon .yh span {
color: #fff;
}
section .whole .whole-1 .coupon .yh h1 {
font-size: 50px;
position: relative;
left: 30px;
top: 20px;
}
section .whole .whole-1 .coupon .yh h3 {
font-size: 17px;
position: relative;
left: 91px;
top: -32px;
font-weight: 700;
}
section .whole .whole-1 .coupon .yh span {
position: relative;
left: 91px;
top: -32px;
}
section .whole .whole-1 .coupon .yh p {
color: #cb1919;
position: relative;
text-align: center;
}
/* 优惠卷的背景 */
section .whole .whole-1 .coupon .coupon-1 {
background: url("../../img/images/coupon-1.png");
margin-left: 50px;
}
section .whole .whole-1 .coupon .coupon-2 {
@ -187,72 +149,51 @@ section .whole .whole-1 .coupon .coupon-2 {
section .whole .whole-1 .coupon .coupon-3 {
background: url("../../img/images/coupon-3.png");
}
section .whole .whole-1 .coupon .coupon-3 p {
color: #d2d2d2;
}
/* 备注 */
section .whole .whole-1 .remarks {
padding-top: 30px;
}
section .whole .whole-1 .remarks .layui-textarea {
background-color: #fcfcfc;
}
/* 提交订单 */
section .whole .setall {
margin: 20px auto;
width: 100%;
background-color: #fff;
margin-top: 25px;
}
section .whole .setall .seta li {
margin-bottom: 20px;
display: block;
position: relative;
left: 815px;
text-align: center;
width: 380px;
.foot-iframe {
margin-top: -30px;
color: rgb(255, 255, 255);
}
section .whole .setall .seta li span {
float: right;
}
/* 送货地址 */
section .whole .setall .total {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
#gotoTop {
float: right;
position: relative;
right: 50px;
top: -50px;
}
.zhanw{height: 30px;width: 100%;background: #f5f5f5;}
.table-box{text-align: center;width: 100%;}
.table-box tr:first-child{background-color: #f3f3f3;}
.table-box tr:first-child>th:first-child{text-align: left;padding: 22px 0 16px 20px;width: 480px;}
.table-box tr:first-child>th:nth-child(2){width: 150px;}
.table-box tr:first-child>th:nth-child(3){width: 80px;}
.table-box tr:first-child>th:nth-child(4){width: 180px;}
.table-box .item-box td:nth-child(1){width: 480px;text-align: left;padding: 20px;border-bottom: 1px solid #f2f2f2;}
.table-box .item-box td:nth-child(1) div{width: 480px;display: flex;}
.table-box .item-box td:nth-child(1) div div{font-size: 14px;line-height: 24px;color: #525252;margin-left: 10px;}
.table-box .item-box td:nth-child(2),.table-box .item-box td:nth-child(3),.table-box .item-box td:nth-child(4){padding: 20px;font-weight: bold;border-bottom: 1px solid #f2f2f2;}
.table-box .item-box td:nth-child(4){color: #CB1919;}
section .whole .setall .total li {
display: block;
position: relative;
left: 752px;
text-align: center;
line-height: 50px;
width: 445px;
}
.yhquan{font-size: 15px;color: #333333;font-weight: bold;}
.yhmoney{display: flex;align-items: center;margin-top: 20px;}
.yhmoney>div:first-child{font-size: 56px;color: #FFFFFF;font-weight: bold;margin-right: 10px;}
.yhdate{margin-top: 16px;font-size: 15px;color: #CB1919;}
.yhyuan{font-size: 18px;font-weight: bold;color: #FFFFFF;}
.yhman{font-size: 14px;color: #FFFFFF;}
.yhguoqi{margin-top: 16px;font-size: 15px;color: #afafaf;}
section .whole .setall .total li span {
color: #cb1919;
font-size: 26px;
font-weight: 800;
float: right;
}
section .whole .setall .total li p {
color: #ababab;
}
/* 提交按钮 */
section .whole .setall .subore {
padding: 30px 0px;
height: 20px;
}
section .whole .setall .subore li {
padding: 15px 35px;
background-color: #cb1919;
color: #fff;
float: right;
}
.setall>div:first-child{padding: 30px 20px;}
.setall>div:nth-child(2){padding: 20px;}
.msg-bei{display: flex;margin-top: 30px;}
.price-box{line-height: 36px;font-size: 16px;color: #525252;border-bottom: 1px solid #efefef;}
.price{width: 148px;display: inline-block;}
.allPrice{color: #CB1919;font-weight: bold;font-size: 24px;}
.cartAddress{font-size: 14px;color: #333333;opacity: .5;}
.sumbtn-box{display: flex;justify-content: flex-end;padding: 30px 20px 30px 0;}
.sumbtn-box div{font-size: 18px;color: #FFFFFF;width: 142px;height: 45px;line-height: 45px;text-align: center;background: #CB1919;}

165
htmls/artistCenter/artistCenter.html
View File

@ -162,8 +162,8 @@
</div>
<div class="ty_img" style="margin-bottom: 18px;">
<label for="inputImg" class="font-16 col19">封面图：</label>
<div class="pr chooseImg-box" style="position: relative;">
<div style="display: flex;">
<div class="pr chooseImg-box pr">
<div class="dis">
<input class="ty_intfile inputImg" type="file" accept="image/gif,image/jpg,image/png" name="" value="" />
<img class="upImg" src="../../img/jgzx/tyimg.png">
@ -171,7 +171,7 @@
</div>
<div class="chooseImg-content">上传图片格式包括jpg/png/gif，图片大小不超过20MB</div>
</div>
<div class="ty_img" style="margin-top: 20px;">
<div class="ty_img m-s20">
<p>简介：</p>
<div>
<div id="div2" style="width: 818px;"></div>
@ -274,9 +274,6 @@
</div>
</div>
<!-- 优惠券 -->
<div id="myCoupon" style="display:none" data-in="7" class="ty_ris">
<div class="ty_yhtit">
@ -462,7 +459,6 @@
</div>
</div>
<!-- 订单 -->
<div id="myOrder" style="display:none" data-in="" class="ty_ris">
<p class="ty_tit">我的订单</p>
@ -719,7 +715,6 @@
</div>
</div>
<!-- 我的积分 -->
<div id="myIntegral" style="display:none" data-in="6" class="ty_ris">
<div class="ty_jftit">
@ -794,11 +789,6 @@
<td>商品评价（商品号:65428233459）奖励积分 </td>
</tr>
</table>
<div>
</div>
@ -874,22 +864,22 @@
</div>
</div>
<!-- 征稿 -->
<div style="background: #FFFFFF;">
<div class="backf">
<div id="myZG" style="display:none" data-in="3" class="ty_ris">
<p class="ty_tit" >征稿作品管理</p>
<div style="height: 15px;width: 100%;background: rgba(245, 245, 245,1);"></div>
<div class="zhenggaoZhanw"></div>
<table width="96%" class="font-13 ty_zgyscon" cellspacing="0" >
<tr class="ty_zgysconTr" >
<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>
<th style=""><div>作品名称</div></th>
<th style="">所属展览</th>
<th style="">审核状况</th>
<th style="">发布日期</th>
<th style="">操作</th>
</tr>
<tr class="tc">
<td class="pd20 fs" valign="top">
<div class="dis">
<div class="fs" style="width: 103px;height: 103px;overflow: hidden;">
<div class="fs zg-img-box">
<img height="100%" src="../../img/grzx/zgimg.png" >
</div>
<div class="m-z10 tl linh24 ">
@ -898,17 +888,17 @@
</div>
</div>
</td>
<td class="p-sx20" style="color: #525252;" valign="top">
<td class="p-sx20 col52" valign="top">
<div >未来城市+ ：建筑设计模型展</div>
</td>
<td class="p-sx20" valign="top">
<td class="p-sx20 col52" valign="top">
<div class="colcb">未审核</div>
</td>
<td class="p-sx20" style="color: #525252;" valign="top">
<td class="p-sx20" 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;">
<div class="zg-btn-box">
<button class="cq-cp ty_pj" type="button " >编辑</button>
<button class="cq-cp tyzg_sc" type="button " >删除</button>
</div>
@ -920,17 +910,17 @@
<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>
<div class="col19 clips2">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款 </div>
<span class="col7d">作品编号：15245825461</span>
</div>
</td>
<td class="p-sx20" style="color: #525252;" valign="top">
<td class="p-sx20 col52" valign="top">
<div>未来城市+ ：建筑设计模型展</div>
</td>
<td class="p-sx20" valign="top">
<div class="colcb">已审核</div>
</td>
<td class="p-sx20" style="color: #525252;" valign="top">
<td class="p-sx20 col52" valign="top">
<div>2019-12-20 12:25:30</div>
</td>
<td class="p-sx20" valign="top">
@ -941,45 +931,45 @@
</div>
</div>
<!-- 推荐作品 -->
<div style="background: #FFFFFF;">
<div class="backf">
<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 tytj_tjzp" type="button" >+添加作品</button>
<button class="cq-cp" type="button tytj_plsc" ><label for="chooseAllT" class="cq-cp">批量删除</label></button>
<button class="cq-cp tytj_plsc" type="button " ><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;">
<div class="zhenggaoZhanw"></div>
<table width="96%" class="font-13 tui-box" cellspacing="0">
<tr class="biaoti">
<th>
<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>
<th>封面</th>
<th>标题</th>
<th>创建日期</th>
<th>状态</th>
<th>操作</th>
</tr>
<tbody id="tj-list"></tbody>
<tfoot>
<tr>
<td>
<div style="display: flex;justify-content: center;margin: 30px 0px 50px 0;">
<div class="foot-all-box">
<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 valign="top" class="p-s28"><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 id="pre_next_box">
<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>
<button class="cq-cp " type="button">上一页</button>
<div class="colcb p-zy15" style="font-weight: bold;">1</div>
<button class="cq-cp" type="button">下一页</button>
</div>
</div>
</td>
@ -989,45 +979,45 @@
</div>
</div>
<!-- 艺术访谈 -->
<div style="background: #FFFFFF;">
<div class="backf">
<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>
<button onclick="addCont(2)" class="cq-cp addContent tytj_tjzp" type="button">+添加内容</button>
<button class="cq-cp tytj_plsc" type="button"><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;">
<div class="zhenggaoZhanw"></div>
<table width="96%" class="font-13 tui-box" cellspacing="0">
<tr class="biaoti">
<th>
<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>
<th>封面</th>
<th>标题</th>
<th>创建日期</th>
<th>状态</th>
<th>操作</th>
</tr>
<tbody id="yis-list"></tbody>
<tfoot>
<tr>
<td>
<div style="display: flex;justify-content: center;margin: 30px 0px 50px 0;">
<div class="foot-all-box">
<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 valign="top" class="p-s28"><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 id="pre_next_box">
<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>
<button class="cq-cp" type="button">上一页</button>
<div class="colcb p-zy15" style="font-weight: bold;">1</div>
<button class="cq-cp" type="button">下一页</button>
</div>
</div>
</td>
@ -1037,45 +1027,45 @@
</div>
</div>
<!-- 书刊杂志 -->
<div style="background: #FFFFFF;">
<div class="backf">
<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>
<button onclick="addCont(3)" class="cq-cp addContent tytj_tjzp" type="button">+添加内容</button>
<button class="cq-cp tytj_plsc" type="button"><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;">
<div class="zhenggaoZhanw"></div>
<table width="96%" class="font-13 tui-box" cellspacing="0">
<tr class="biaoti">
<th>
<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>
<th>封面</th>
<th>标题</th>
<th>创建日期</th>
<th>状态</th>
<th>操作</th>
</tr>
<tbody id="zhaz-list"></tbody>
<tfoot>
<tr>
<td>
<div style="display: flex;justify-content: center;margin: 30px 0px 50px 0;">
<div class="foot-all-box">
<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 valign="top" class="p-s28"><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 id="pre_next_box">
<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>
<button class="cq-cp" type="button" >上一页</button>
<div class="colcb p-zy15" style="font-weight: bold;">1</div>
<button class="cq-cp" type="button">下一页</button>
</div>
</div>
</td>
@ -1394,19 +1384,6 @@
}
// 菜单事件
$(".naliu").on("click", () => {
$(".ty_left").css("left", "5%")

128
htmls/logshoppingcar/shopcar.html
View File

@ -28,88 +28,80 @@
<body>
<!-- 头部导航 -->
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0" scrolling="no"></iframe>
<div style="height: 30px;width: 100%;background: #f5f5f5;"></div>
<div class="zhanw"></div>
<section>
<div class="whoil" style="padding: 0px 320px;">
<div class="whoil-1" style="background: #FFFFFF;">
<div class="whoil padding-zy320">
<div class="whoil-1 backFF">
<div class="all">全部商品(20)</div>
<!-- 选择 -->
<table border="0" cellspacing="0" style="border-collapse: separate;border-spacing: 0px 17px;margin-top: -17px;">
<table class="table-cbox" border="0" cellspacing="0">
<thead>
<tr>
<th style="text-align: left;width: 110px;"><input type="checkbox" id="ckAll" onclick="checkAll()">全选</th>
<th style="text-align: left;width: 430px;">商品</th>
<th><input type="checkbox" id="ckAll" onclick="checkAll()">全选</th>
<th>商品</th>
<th></th>
<th>单价</th>
<th style="width: 110px;">数量</th>
<th>数量</th>
<th>小计</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr class="inline" valign="top">
<td style="width: 130px;">
<div style="display: flex;">
<input type="checkbox" name="ck" style="width: 15px;height: 15px;margin-right: 20px;" onclick="check()">
<td>
<div>
<input type="checkbox" name="ck" onclick="check()">
<img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一" />
</div>
</td>
<td style="font-size: 15px;color: #525252;width: 430px;">
<div style="width: 430px;">竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画靠山书房壁画抽象艺术画 11时来运转8190</div>
</td>
<td style="font-size: 15px;color: #525252;"><span>x3</span></td>
<td style="font-size: 14px;font-weight: bold;color: #222222;">￥188.00</td>
<td><div>竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画靠山书房壁画抽象艺术画 11时来运转8190</div></td>
<td><span>x3</span></td>
<td>￥188.00</td>
<td>
<div style="display: flex;align-items: center;justify-content: center;">
<div style="width: 17px;height: 23px;background: #f0f0f0;border: 1px solid #e5e5e5;cursor: pointer;" class="reduce" onclick="reduceCount(this)">-</div>
<input style="width: 39px;height: 23px;display: inline-block;text-align: center;border: 1px solid #aaaaaa;" type="text" value="3" class="count-input">
<div style="width: 17px;height: 23px;background: #f0f0f0;border: 1px solid #e5e5e5;cursor: pointer;" class="add" onclick="addCount(this)">+</div>
<div>
<div class="reduce" onclick="reduceCount(this)">-</div>
<input type="text" value="3" class="count-input">
<div class="add" onclick="addCount(this)">+</div>
</div>
</td>
<td style="font-size: 14px;font-weight: bold;color: #CB1919;">￥564.00</td>
<td>
<span class="delete" onclick="del(this)" style="font-size: 14px;color: #222222;">删除</span>
</td>
<tr class="inline" valign="top">
<td style="width: 130px;">
<div style="display: flex;">
<input type="checkbox" name="ck" style="width: 15px;height: 15px;margin-right: 20px;" onclick="check()">
<img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一" />
</div>
</td>
<td style="font-size: 15px;color: #525252;width: 430px;">
<div style="width: 430px;">竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画靠山书房壁画抽象艺术画 11时来运转8190</div>
</td>
<td style="font-size: 15px;color: #525252;"><span>x3</span></td>
<td style="font-size: 14px;font-weight: bold;color: #222222;">￥188.00</td>
<td>
<div style="display: flex;align-items: center;justify-content: center;">
<div style="width: 17px;height: 23px;background: #f0f0f0;border: 1px solid #e5e5e5;cursor: pointer;" class="reduce" onclick="reduceCount(this)">-</div>
<input style="width: 39px;height: 23px;display: inline-block;text-align: center;border: 1px solid #aaaaaa;" type="text" value="3" class="count-input">
<div style="width: 17px;height: 23px;background: #f0f0f0;border: 1px solid #e5e5e5;cursor: pointer;" class="add" onclick="addCount(this)">+</div>
</div>
</td>
<td style="font-size: 14px;font-weight: bold;color: #CB1919;">￥564.00</td>
<td>
<span class="delete" onclick="del(this)" style="font-size: 14px;color: #222222;">删除</span>
</td>
</tr>
<td>￥564.00</td>
<td class="delete" onclick="del(this)">删除</td>
</tr>
<tr class="inline" valign="top">
<td>
<div>
<input type="checkbox" name="ck" onclick="check()">
<img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一" />
</div>
</td>
<td><div>竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画靠山书房壁画抽象艺术画 11时来运转8190</div></td>
<td><span>x3</span></td>
<td>￥188.00</td>
<td>
<div>
<div class="reduce" onclick="reduceCount(this)">-</div>
<input type="text" value="3" class="count-input">
<div class="add" onclick="addCount(this)">+</div>
</div>
</td>
<td>￥564.00</td>
<td class="delete" onclick="del(this)">删除</td>
</tr>
</tbody>
</table>
<div style="height: 50px;background: #f3f3f3;line-height: 50px;display: flex;justify-content: space-between;font-size: 14px;color: #333333;">
<div style="padding-left: 10px;">
<input type="checkbox" style="cursor: pointer;" id="ckAll"><span style="margin-left: 4px;cursor: pointer;">全选</span>
<div class="jies-box">
<div>
<input type="checkbox" id="ckAll">
<span style="margin-left: 4px;cursor: pointer;">全选</span>
<span style="margin-left: 20px;cursor: pointer;">删除</span>
</div>
<div>
<span>合计：￥<span style="font-size: 20px;font-weight: bold;color: #CB1919;">0.00</span></span>
<span>合计：￥<span style="font-size: 20px;font-weight: bold;color: #CB1919;" id="allPrice">0.00</span></span>
<span id="settlementt" class="settlement" style="height: 50px;background: #CB1919;color: #FFFFFF;display: inline-block;width: 130px;text-align: center;font-size: 18px;margin-left: 10px;cursor: pointer;">结算</span>
</div>
</div>
<!-- 轮播图 -->
<div class="swiper-container" style="padding-bottom: 50px;">
<div class="swiper-container">
<div class="swiper-text">推荐商品</div>
<div class="swiper-wrapper">
<div class="swiper-slide"><img width="100%" alt="图片丢失" title="图片一" src="../../img/images/1.png">
@ -204,16 +196,16 @@
}
//计算总数
function sumCount() {
var sum = 0;
for (var i = 0; i < cks.length; i++) {
if (cks[i].checked == true) {
var num = Number(countInput[i].value);
sum += num;
}
}
allCount.innerHTML = sum;
}
// function sumCount() {
// var sum = 0;
// for (var i = 0; i < cks.length; i++) {
// if (cks[i].checked == true) {
// var num = Number(countInput[i].value);
// sum += num;
// }
// }
// allCount.innerHTML = sum;
// }
//计算总价
function sumPrice() {
@ -252,7 +244,7 @@
e.previousElementSibling.value = num + 1;
inlinePrice();
sumPrice();
sumCount();
// sumCount();
}
@ -267,7 +259,7 @@
e.nextElementSibling.value = num - 1;
inlinePrice();
sumPrice();
sumCount();
// sumCount();
}
//全选和反选
@ -276,7 +268,7 @@
cks[i].checked = ckAll.checked;
}
sumPrice();
sumCount();
// sumCount();
}
//复选框
@ -285,7 +277,7 @@
if (cks[i].checked == false) {
ckAll.checked = false;
sumPrice();
sumCount();
// sumCount();
return;
}
}
@ -298,7 +290,7 @@
function del(e) {
e.parentElement.parentElement.remove();
sumPrice();
sumCount();
// sumCount();
}
</script>

162
htmls/logshoppingcar/tobepaid.html
View File

@ -8,26 +8,14 @@
<link rel="stylesheet" href="../../css/logshoppingcar/tobepaid.css">
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/login_cart/login_cart.js" type="text/javascript" charset="utf-8"></script>
</head>
<style>
.foot-iframe {
margin-top: -30px;
color: rgb(255, 255, 255);
}
#gotoTop {
float: right;
position: relative;
right: 50px;
top: -50px;
}
</style>
<body>
<!-- 头部导航 -->
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0" scrolling="no"></iframe>
<div style="height: 30px;width: 100%;background: #f5f5f5;"></div>
<div class="zhanw"></div>
<!-- 内容 -->
<section>
<div class="whole">
@ -42,15 +30,20 @@
<span><a class="addbuy" href="">新增收货地址</a></span>
<div id="wrap">
<div class="address address-1" onclick="Subtitle();">
<div class="name na-1">程鹏龙</div>
<div class="name na-1">程鹏龙<img src="../../img/public/chooseAddress.png" ></div>
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
<a class="" href=""><img src="../../img/images/Defadd.png" alt=""></a>
</div>
<div class="address address-2" onclick="Subtitle();">
<div class="name na-2">程鹏龙</div>
<div class="name na-2">程鹏龙2</div>
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
<a class="" href="">设置为默认地址</a>
</div>
<div class="address address-2" onclick="Subtitle();">
<div class="name na-2">程鹏龙2</div>
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
<a class="" href="">设置为默认地址</a>
</div>
<div id="gradient"></div>
</div>
<div id="read-more"></div>
@ -58,91 +51,116 @@
</div>
<!-- 送货清单 -->
<div class="opt">
<span class="Subtitle" style="font-size: 15px;">送货清单</span>
<span class="Subtitle">送货清单</span>
<div class="commodity">
<table style="text-align: center;width: 100%;" cellspacing="0" cellpadding="20">
<tr style="background-color: #f3f3f3;">
<th style="text-align: left;padding: 22px 0 16px 20px;width: 480px;">
<span>商品</span>
</th>
<table class="table-box" cellspacing="0" cellpadding="20">
<tr>
<th>商品</th>
<th>单价</th>
<th>数量</th>
<th>小计</th>
</tr>
<tr valign="top">
<td style="width: 480px;text-align: left;padding: 20px;border-bottom: 1px solid #f2f2f2;">
<div style="width: 480px;display: flex;">
<tr class="item-box" valign="top">
<td>
<div>
<img src="../../img/images/1-1.png" alt="图片丢失" title="商品1" >
<div style="font-size: 14px;line-height: 24px;color: #525252;margin-left: 10px;">创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办公室博古架抽象艺术工艺品 牛气冲天+运势如虹</div>
<div>创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办公室博古架抽象艺术工艺品 牛气冲天+运势如虹</div>
</div>
</td>
<td style="padding: 20px;font-weight: bold;border-bottom: 1px solid #f2f2f2;">￥188</td>
<td style="padding: 20px;font-weight: bold;border-bottom: 1px solid #f2f2f2;">x3</td>
<td id="price0" style="padding: 20px;font-weight: bold;color: #CB1919;border-bottom: 1px solid #f2f2f2;">￥564.6</td>
<td>￥188</td>
<td>x3</td>
<td id="price0">￥564.6</td>
</tr>
<tr valign="top">
<td style="width: 480px;text-align: left;padding: 20px;border-bottom: 1px solid #f2f2f2;">
<div style="width: 480px;display: flex;">
<tr class="item-box" valign="top">
<td>
<div>
<img src="../../img/images/1-1.png" alt="图片丢失" title="商品1" >
<div style="font-size: 14px;line-height: 24px;color: #525252;margin-left: 10px;">创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办公室博古架抽象艺术工艺品 牛气冲天+运势如虹</div>
<div>创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办公室博古架抽象艺术工艺品 牛气冲天+运势如虹</div>
</div>
</td>
<td style="padding: 20px;font-weight: bold;border-bottom: 1px solid #f2f2f2;">￥188</td>
<td style="padding: 20px;font-weight: bold;border-bottom: 1px solid #f2f2f2;">x3</td>
<td id="price0" style="padding: 20px;font-weight: bold;color: #CB1919;border-bottom: 1px solid #f2f2f2;">￥564.6</td>
<td>￥188</td>
<td>x3</td>
<td id="price0">￥564.6</td>
</tr>
</table>
</div>
</div>
<!-- 使用优惠券 -->
<div class="yhquan">使用优惠券</div>
<div class="coupon">
<div class="yh coupon-1" onclick="coupon1();">
<h1>20</h1>
<h3>元</h3>
<span>满300元，立减20元</span>
<p>有效期至：2020-09-31</p>
<div class="yh coupon-1">
<div class="yhmoney">
<div>20</div>
<div>
<div class="yhyuan">元</div>
<div class="yhman">满300元，立减20元</div>
</div>
</div>
<div class="yhdate">有效期至：2020-09-31</div>
</div>
<div class="yh coupon-2" onclick="coupon2();">
<h1>20</h1>
<h3>元</h3>
<span>满300元，立减20元</span>
<p>有效期至：2020-09-31</p>
</div>
<div class="yh coupon-3" onclick="coupon3();">
<h1>20</h1>
<h3>元</h3>
<span>满300元，立减20元</span>
<p>有效期至：2020-09-31</p>
<div class="yh coupon-2">
<div class="yhmoney">
<div>20</div>
<div>
<div class="yhyuan">元</div>
<div class="yhman">满300元，立减20元</div>
</div>
</div>
<div class="yhdate">有效期至：2020-09-31</div>
</div>
<div class="yh coupon-3">
<div class="yhmoney">
<div>20</div>
<div>
<div class="yhyuan">元</div>
<div class="yhman">满300元，立减20元</div>
</div>
</div>
<div class="yhguoqi">有效期至：2020-09-31</div>
</div>
<div class="yh coupon-3">
<div class="yhmoney">
<div>20</div>
<div>
<div class="yhyuan">元</div>
<div class="yhman">满300元，立减20元</div>
</div>
</div>
<div class="yhguoqi">有效期至：2020-09-31</div>
</div>
<div class="yh coupon-3">
<div class="yhmoney">
<div>20</div>
<div>
<div class="yhyuan">元</div>
<div class="yhman">满300元，立减20元</div>
</div>
</div>
<div class="yhguoqi">有效期至：2020-09-31</div>
</div>
</div>
<!-- 备注 -->
<div class="remarks">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label Subtitle">信息备注</label>
<div class="layui-input-block">
<textarea placeholder="请输入内容" class="layui-textarea" name="desc"></textarea>
</div>
</div>
</div>
<div class="msg-bei">
<label class="Subtitle">信息备注</label>
<textarea placeholder="请填写备注信息" class="layui-textarea" name="desc"></textarea>
</div>
</div>
<!-- 提交订单 -->
<div class="setall">
<div style="line-height: 36px;font-size: 16px;color: #525252;">
<div style="text-align: right;"><span>商品总金额：</span><span style="width: 200px;display: inline-block;">￥1128.00</span></div>
<div style="text-align: right;"><span>运费：</span><span style="width: 200px;display: inline-block;">￥0.00</span></div>
<div style="text-align: right;"><span>商品优惠：</span><span style="width: 200px;display: inline-block;">-￥20.00</span></div>
<div class="price-box">
<div style="text-align: right;"><span>商品总金额：</span><span class="price">￥1128.00</span></div>
<div style="text-align: right;"><span>运费：</span><span class="price">￥0.00</span></div>
<div style="text-align: right;"><span>商品优惠：</span><span class="price">-￥20.00</span></div>
</div>
<!-- 送货地址 -->
<div class="total">
<li>应付总额:<span>￥1123.00</span></li>
<li>
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
</li>
</div>
<div class="price-box">
<div style="text-align: right;"><span>应付总额：</span><span class="price allPrice">￥1123.00</span></div>
<div style="text-align: right;"><span class="cartAddress">程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</span></div>
</div>
<!-- 提交按钮 -->
<div class="subore">
<li><a href="qrcode.html" onclick="settlem();">提交订单</a></li>
<div class="sumbtn-box">
<div>提交订单</div>
</div>
</div>

BIN
img/public/chooseAddress.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

15
js/login_cart/login_cart.js
View File

@ -211,6 +211,21 @@ $(function(){
$('#settlementt').on('click',function(){
location.href = "tobepaid.html"
})
$('.coupon .yh').on('click',function(){
var quanIndex = $(this).index()
if(quanIndex==0){
$('.coupon .yh').removeClass('coupon-1')
$('.coupon .yh').addClass('coupon-2')
$(this).removeClass('coupon-2')
$(this).addClass('coupon-1')
}
if(quanIndex==1){
$('.coupon .yh').removeClass('coupon-1')
$('.coupon .yh').addClass('coupon-2')
$(this).removeClass('coupon-2')
$(this).addClass('coupon-1')
}
})
})
function clearClose(){
num = 0