艺术家修改
parent
f895aa89fb
commit
a6134144b2
|
@ -596,7 +596,6 @@ align-items: center;
|
||||||
width: 33%;
|
width: 33%;
|
||||||
}
|
}
|
||||||
.tyhder_listnav {
|
.tyhder_listnav {
|
||||||
|
|
||||||
padding-bottom: 26px;
|
padding-bottom: 26px;
|
||||||
}
|
}
|
||||||
#ys-cate{overflow-x: scroll;overflow-y: hidden;}
|
#ys-cate{overflow-x: scroll;overflow-y: hidden;}
|
||||||
|
@ -605,25 +604,26 @@ align-items: center;
|
||||||
.zx-nav li, .szx-nav li, .px-nav li{flex-shrink: 0;margin-right: 20px;}
|
.zx-nav li, .szx-nav li, .px-nav li{flex-shrink: 0;margin-right: 20px;}
|
||||||
.jg-xian{display: none;}
|
.jg-xian{display: none;}
|
||||||
.jg-guanz {width: 80px;height: 30px;line-height: 30px;}
|
.jg-guanz {width: 80px;height: 30px;line-height: 30px;}
|
||||||
}
|
|
||||||
}
|
/* 购物车 */
|
||||||
@media screen and (min-width:1621px) and (max-width:1820px) {
|
.cart-head{padding: 22px 0px 16px 0px;}
|
||||||
.logo{width: 30%;}
|
.cart-content>div:nth-child(1),.cart-head div:first-child{width: 16%;padding-left: 20px;}
|
||||||
.p-zy180,.head-box{padding: 20px 180px;}
|
.cart-head div:nth-of-type(6){width: 8%;}
|
||||||
.tyhder_di {
|
|
||||||
display: none;
|
.cart-content{margin-top: 20px;}
|
||||||
}
|
.cart-content>div:nth-child(6){width: 8%;padding-top: 10px;}
|
||||||
.tyhder_listnav a{
|
.num-box{width: 12%;padding-top: 10px;}
|
||||||
padding-left: 8px;
|
|
||||||
}
|
|
||||||
#ys-cate{overflow-x: scroll;overflow-y: hidden;}
|
|
||||||
#ys-cate li{padding: 10px 0 8px 0;font-size: 14px;flex-shrink: 0;}
|
|
||||||
.zx-nav li, .szx-nav li, .px-nav li{flex-shrink: 0;margin-right: 20px;}
|
|
||||||
.jg-xian{display: none;}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width:1621px) and (max-width:1820px) {
|
@media screen and (min-width:1621px) and (max-width:1820px) {
|
||||||
.logo {width: 30%;}
|
.logo {width: 30%;}
|
||||||
|
.p-zy180,.head-box{padding: 20px 180px;}
|
||||||
|
.tyhder_di {display: none;}
|
||||||
|
.tyhder_listnav a{padding-left: 8px;}
|
||||||
|
#ys-cate{overflow-x: scroll;overflow-y: hidden;}
|
||||||
|
#ys-cate li{padding: 10px 0 8px 0;font-size: 14px;flex-shrink: 0;}
|
||||||
|
.zx-nav li, .szx-nav li, .px-nav li{flex-shrink: 0;margin-right: 20px;}
|
||||||
|
.jg-xian{display: none;}
|
||||||
}
|
}
|
||||||
@media (max-width:766px){
|
@media (max-width:766px){
|
||||||
#zx-list img {width: 120px;max-height: 74px;}
|
#zx-list img {width: 120px;max-height: 74px;}
|
||||||
|
@ -868,6 +868,25 @@ align-items: center;
|
||||||
|
|
||||||
#previewImg div:first-child{width: 60%;height: auto;}
|
#previewImg div:first-child{width: 60%;height: auto;}
|
||||||
#previewImg div:first-child img{height: 100%;float: left;}
|
#previewImg div:first-child img{height: 100%;float: left;}
|
||||||
|
|
||||||
|
.zhanw{height: 20px;}
|
||||||
|
/* 购物车 */
|
||||||
|
section .whoil .whoil-1{padding: 20px;margin: 0 -20px;}
|
||||||
|
section .whoil .whoil-1 .all {font-size: 16px;border-bottom: #cb1919 1px solid;}
|
||||||
|
section .whoil{padding: 0 20px;}
|
||||||
|
.cart-content{display: flex;position: relative;justify-content: space-between;padding: 20px 10px 60px 10px;}
|
||||||
|
.cart-head{display: none;}
|
||||||
|
.cart-content > div:nth-child(1) input{}
|
||||||
|
.cart-content > div:nth-child(1), .cart-head div:first-child{width: 20%;display: flex;justify-content: space-between;align-items: center;}
|
||||||
|
.cart-content>div:nth-child(1),.cart-head div:first-child{width: 18%;padding-left: 0px;}
|
||||||
|
.m-z37 {margin-left: 0px;}
|
||||||
|
.cart-content{margin-top: 10px;}
|
||||||
|
.cart-content>div:nth-child(2){width: 62%;padding-top: 0px;}
|
||||||
|
.cart-content>div:nth-child(2) a{font-size: 14px;height: 50px;line-height: 24px;}
|
||||||
|
.cart-content>div:nth-child(3){font-size: 14px;position: absolute;bottom: 30px;right: 10px;width: auto;}
|
||||||
|
.cart-content>div:nth-child(5){font-size: 14px;position: absolute;bottom: 10px;right: 15%;width: auto;}
|
||||||
|
.cart-content>div:nth-child(6){position: absolute;bottom: 10px;right: 10px;width: auto;}
|
||||||
|
.num-box{width: 12%;padding-top: 10px;position: absolute;bottom: 30px;left: 47%;width: auto;}
|
||||||
}
|
}
|
||||||
@media (min-width:767px) and (max-width:991px){
|
@media (min-width:767px) and (max-width:991px){
|
||||||
#zx-list img {width: 250px;max-height: 155px;}
|
#zx-list img {width: 250px;max-height: 155px;}
|
||||||
|
@ -923,6 +942,24 @@ align-items: center;
|
||||||
#pm-list .font-20{font-size: 15px;}
|
#pm-list .font-20{font-size: 15px;}
|
||||||
#pm-list .font-15{font-size: 13px;}
|
#pm-list .font-15{font-size: 13px;}
|
||||||
#pm-list .m-x20{margin-bottom: 10px;}
|
#pm-list .m-x20{margin-bottom: 10px;}
|
||||||
|
/* 购物车 */
|
||||||
|
section .whoil{padding: 0 20px;}
|
||||||
|
.cart-content > div:nth-child(1), .cart-head div:first-child{width: 10%;}
|
||||||
|
.cart-head{padding: 22px 0px 16px 0px;}
|
||||||
|
.cart-content>div:nth-child(1),.cart-head div:first-child{width: 16%;padding-left: 20px;}
|
||||||
|
.cart-head div:nth-of-type(2){width: 38%;padding-left: 20px;}
|
||||||
|
.cart-head div:nth-of-type(3){width: 12%;}
|
||||||
|
.cart-head div:nth-of-type(4){width: 12%;}
|
||||||
|
.cart-head div:nth-of-type(5){width: 11%;}
|
||||||
|
.cart-head div:nth-of-type(6){width: 8%;}
|
||||||
|
.m-z37 {margin-left: 20px;}
|
||||||
|
.cart-content{margin-top: 20px;}
|
||||||
|
.cart-content>div:nth-child(2){width: 38%;padding-left: 20px;padding-top: 10px;}
|
||||||
|
.cart-content>div:nth-child(2) a{font-size: 15px;height: 50px;line-height: 24px;}
|
||||||
|
.cart-content>div:nth-child(3){width: 12%;padding-top: 10px;font-size: 14px;}
|
||||||
|
.cart-content>div:nth-child(5){width: 11%;padding-top: 10px;font-size: 14px;}
|
||||||
|
.cart-content>div:nth-child(6){width: 8%;padding-top: 10px;}
|
||||||
|
.num-box{width: 12%;padding-top: 10px;}
|
||||||
}
|
}
|
||||||
@media (min-width:992px) and (max-width:1199px){
|
@media (min-width:992px) and (max-width:1199px){
|
||||||
#zx-list img {width: 250px;max-height: 155px;}
|
#zx-list img {width: 250px;max-height: 155px;}
|
||||||
|
@ -957,7 +994,24 @@ align-items: center;
|
||||||
#pm-list .font-15{font-size: 13px;}
|
#pm-list .font-15{font-size: 13px;}
|
||||||
#pm-list .m-x20{margin-bottom: 10px;}
|
#pm-list .m-x20{margin-bottom: 10px;}
|
||||||
|
|
||||||
|
/* 购物车 */
|
||||||
|
section .whoil{padding: 0 120px;}
|
||||||
|
.cart-content > div:nth-child(1), .cart-head div:first-child{width: 10%;}
|
||||||
|
.cart-head{padding: 22px 0px 16px 0px;}
|
||||||
|
.cart-content>div:nth-child(1),.cart-head div:first-child{width: 16%;padding-left: 20px;}
|
||||||
|
.cart-head div:nth-of-type(2){width: 38%;padding-left: 20px;}
|
||||||
|
.cart-head div:nth-of-type(3){width: 12%;}
|
||||||
|
.cart-head div:nth-of-type(4){width: 12%;}
|
||||||
|
.cart-head div:nth-of-type(5){width: 11%;}
|
||||||
|
.cart-head div:nth-of-type(6){width: 8%;}
|
||||||
|
.m-z37 {margin-left: 20px;}
|
||||||
|
.cart-content{margin-top: 20px;}
|
||||||
|
.cart-content>div:nth-child(2){width: 38%;padding-left: 20px;padding-top: 10px;}
|
||||||
|
.cart-content>div:nth-child(2) a{font-size: 15px;height: 50px;line-height: 24px;}
|
||||||
|
.cart-content>div:nth-child(3){width: 12%;padding-top: 10px;font-size: 14px;}
|
||||||
|
.cart-content>div:nth-child(5){width: 11%;padding-top: 10px;font-size: 14px;}
|
||||||
|
.cart-content>div:nth-child(6){width: 8%;padding-top: 10px;}
|
||||||
|
.num-box{width: 12%;padding-top: 10px;}
|
||||||
}
|
}
|
||||||
@media (min-width:1200px) and (max-width:1440px){
|
@media (min-width:1200px) and (max-width:1440px){
|
||||||
#ys-cate{overflow-x: scroll;overflow-y: hidden;}
|
#ys-cate{overflow-x: scroll;overflow-y: hidden;}
|
||||||
|
@ -967,4 +1021,23 @@ align-items: center;
|
||||||
.jg-xian{display: none;}
|
.jg-xian{display: none;}
|
||||||
.jg-guanz {width: 80px;height: 30px;line-height: 30px;}
|
.jg-guanz {width: 80px;height: 30px;line-height: 30px;}
|
||||||
.p-zy180,.head-box {padding: 20px 100px;}
|
.p-zy180,.head-box {padding: 20px 100px;}
|
||||||
|
|
||||||
|
/* 购物车 */
|
||||||
|
section .whoil{padding: 0 120px;}
|
||||||
|
.cart-content > div:nth-child(1), .cart-head div:first-child{width: 10%;}
|
||||||
|
.cart-head{padding: 22px 0px 16px 0px;}
|
||||||
|
.cart-content>div:nth-child(1),.cart-head div:first-child{width: 12%;padding-left: 20px;}
|
||||||
|
.cart-head div:nth-of-type(2){width: 42%;padding-left: 20px;}
|
||||||
|
.cart-head div:nth-of-type(3){width: 12%;}
|
||||||
|
.cart-head div:nth-of-type(4){width: 12%;}
|
||||||
|
.cart-head div:nth-of-type(5){width: 11%;}
|
||||||
|
.cart-head div:nth-of-type(6){width: 11%;}
|
||||||
|
|
||||||
|
.cart-content{margin-top: 20px;}
|
||||||
|
.cart-content>div:nth-child(2){width: 42%;padding-left: 20px;padding-top: 10px;}
|
||||||
|
.cart-content>div:nth-child(2) a{font-size: 15px;height: 50px;line-height: 24px;}
|
||||||
|
.cart-content>div:nth-child(3){width: 12%;padding-top: 10px;font-size: 14px;}
|
||||||
|
.cart-content>div:nth-child(5){width: 11%;padding-top: 10px;font-size: 14px;}
|
||||||
|
.cart-content>div:nth-child(6){width: 11%;padding-top: 10px;}
|
||||||
|
.num-box{width: 12%;padding-top: 10px;}
|
||||||
}
|
}
|
|
@ -46,68 +46,78 @@
|
||||||
<button class="naliu">菜单</button>
|
<button class="naliu">菜单</button>
|
||||||
<div>
|
<div>
|
||||||
<ul class="ty_left">
|
<ul class="ty_left">
|
||||||
<li class="ty_caidan">收起菜单</li>
|
<a href="javascript:;"><li class="ty_caidan">收起菜单</li></a>
|
||||||
<li class="ty_lefttx"><img src="../../img/grzx/tx_04.jpg" title="图4" alt="图片已缺失"><div class="clips1 p-zy30">243</div></li>
|
<a href="javascript:;"><li class="ty_lefttx"><img src="../../img/grzx/tx_04.jpg" title="图4" alt="图片已缺失"><div class="clips1 p-zy30 col22">243</div></li></a>
|
||||||
<li class="ty_leftcon ty_lititnoe">
|
<a href="javascript:;"><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-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="图片已缺失">
|
<img class="left-imgtwo" style="width: 18px;" src="../../img/grzx/iocn (1).png" title="个人资料5" alt="图片已缺失">
|
||||||
<span class="left-title">个人资料</span>
|
<span class="left-title col19">个人资料</span>
|
||||||
</li>
|
</li>
|
||||||
<li class="ty_leftcon ty_litittwo">
|
</a>
|
||||||
|
<a href="javascript:;"><li class="ty_leftcon ty_litittwo">
|
||||||
<img class="left-imgone" src="../../img/grzx/icon_2.png" title="密码修改" alt="图片已缺失">
|
<img class="left-imgone" src="../../img/grzx/icon_2.png" title="密码修改" alt="图片已缺失">
|
||||||
<img class="left-imgtwo" src="../../img/grzx/iocn (2).png" title="密码修改" alt="图片已缺失">
|
<img class="left-imgtwo" src="../../img/grzx/iocn (2).png" title="密码修改" alt="图片已缺失">
|
||||||
<span>密码修改</span>
|
<span class="col19">密码修改</span>
|
||||||
</li>
|
</li>
|
||||||
<li class="ty_leftcon ty_litittwo">
|
</a>
|
||||||
|
<a href="javascript:;"><li class="ty_leftcon ty_litittwo">
|
||||||
<img class="left-imgone" src="../../img/grzx/icon_3.png" title="订单" alt="图片已缺失">
|
<img class="left-imgone" src="../../img/grzx/icon_3.png" title="订单" alt="图片已缺失">
|
||||||
<img class="left-imgtwo" src="../../img/grzx/iocn (3).png" title="订单+" alt="图片已缺失">
|
<img class="left-imgtwo" src="../../img/grzx/iocn (3).png" title="订单+" alt="图片已缺失">
|
||||||
<span>我的订单</span>
|
<span class="col19">我的订单</span>
|
||||||
</li>
|
</li>
|
||||||
<li class="ty_leftcon ty_litittwo">
|
<a href="javascript:;"><li class="ty_leftcon ty_litittwo">
|
||||||
<img class="left-imgone" src="../../img/grzx/icon_4.png" title="关注" alt="图片已缺失">
|
<img class="left-imgone" src="../../img/grzx/icon_4.png" title="关注" alt="图片已缺失">
|
||||||
<img class="left-imgtwo" src="../../img/grzx/iocn (4).png" title="关注" alt="图片已缺失">
|
<img class="left-imgtwo" src="../../img/grzx/iocn (4).png" title="关注" alt="图片已缺失">
|
||||||
<span>我的关注</span>
|
<span class="col19">我的关注</span>
|
||||||
</li>
|
</li>
|
||||||
<li class="ty_leftcon ty_litittwo">
|
</a>
|
||||||
|
<a href="javascript:;"><li class="ty_leftcon ty_litittwo">
|
||||||
<img class="left-imgone" src="../../img/grzx/icon_5.png" title="收藏" alt="图片已缺失">
|
<img class="left-imgone" src="../../img/grzx/icon_5.png" title="收藏" alt="图片已缺失">
|
||||||
<img class="left-imgtwo" src="../../img/grzx/iocn (5).png" title="收藏" alt="图片已缺失">
|
<img class="left-imgtwo" src="../../img/grzx/iocn (5).png" title="收藏" alt="图片已缺失">
|
||||||
<span>我的收藏</span>
|
<span class="col19">我的收藏</span>
|
||||||
</li>
|
</li>
|
||||||
<li class="ty_leftcon ty_litittwo">
|
</a>
|
||||||
|
<a href="javascript:;"><li class="ty_leftcon ty_litittwo">
|
||||||
<img class="left-imgone" src="../../img/grzx/icon_6.png" title="积分" alt="图片已缺失">
|
<img class="left-imgone" src="../../img/grzx/icon_6.png" title="积分" alt="图片已缺失">
|
||||||
<img class="left-imgtwo" src="../../img/grzx/iocn (6).png" title="积分" alt="图片已缺失">
|
<img class="left-imgtwo" src="../../img/grzx/iocn (6).png" title="积分" alt="图片已缺失">
|
||||||
<span>我的积分</span>
|
<span class="col19">我的积分</span>
|
||||||
</li>
|
</li>
|
||||||
<li class="ty_leftcon ty_litittwo">
|
</a>
|
||||||
|
<a href="javascript:;"><li class="ty_leftcon ty_litittwo">
|
||||||
<img class="left-imgone" src="../../img/grzx/icon_7.png" title="优惠卷" alt="图片已缺失">
|
<img class="left-imgone" src="../../img/grzx/icon_7.png" title="优惠卷" alt="图片已缺失">
|
||||||
<img class="left-imgtwo" src="../../img/grzx/iocn (7).png" title="优惠卷" alt="图片已缺失">
|
<img class="left-imgtwo" src="../../img/grzx/iocn (7).png" title="优惠卷" alt="图片已缺失">
|
||||||
<span>我的优惠券</span>
|
<span class="col19">我的优惠券</span>
|
||||||
</li>
|
</li>
|
||||||
<li class="ty_leftcon ty_litittwo">
|
</a>
|
||||||
|
<a href="javascript:;"><li class="ty_leftcon ty_litittwo">
|
||||||
<img class="left-imgone" src="../../img/grzx/icon_8.png" title="征稿作品管理+" alt="图片已缺失">
|
<img class="left-imgone" src="../../img/grzx/icon_8.png" title="征稿作品管理+" alt="图片已缺失">
|
||||||
<img class="left-imgtwo" src="../../img/grzx/iocn (8).png" title="征稿作品管理+" alt="图片已缺失">
|
<img class="left-imgtwo" src="../../img/grzx/iocn (8).png" title="征稿作品管理+" alt="图片已缺失">
|
||||||
<span>征稿作品管理</span>
|
<span class="col19">征稿作品管理</span>
|
||||||
</li>
|
</li>
|
||||||
<li class="ty_leftcon ty_litittwo">
|
</a>
|
||||||
|
<a href="javascript:;"><li class="ty_leftcon ty_litittwo">
|
||||||
<img class="left-imgone" src="../../img/public/yscenter08_1.png" title="征稿作品管理+" alt="图片已缺失">
|
<img class="left-imgone" src="../../img/public/yscenter08_1.png" title="征稿作品管理+" alt="图片已缺失">
|
||||||
<img class="left-imgtwo" src="../../img/public/yscenter08.png" title="征稿作品管理+" alt="图片已缺失">
|
<img class="left-imgtwo" src="../../img/public/yscenter08.png" title="征稿作品管理+" alt="图片已缺失">
|
||||||
<span>收货地址</span>
|
<span class="col19">收货地址</span>
|
||||||
</li>
|
</li>
|
||||||
<li class="ty_leftcon ty_litittwo">
|
</a>
|
||||||
|
<a href="javascript:;"><li class="ty_leftcon ty_litittwo">
|
||||||
<img class="left-imgone" src="../../img/public/yscenter09_1.png" title="征稿作品管理+" alt="图片已缺失">
|
<img class="left-imgone" src="../../img/public/yscenter09_1.png" title="征稿作品管理+" alt="图片已缺失">
|
||||||
<img class="left-imgtwo" src="../../img/public/yscenter09.png" title="征稿作品管理+" alt="图片已缺失">
|
<img class="left-imgtwo" src="../../img/public/yscenter09.png" title="征稿作品管理+" alt="图片已缺失">
|
||||||
<span>推荐作品</span>
|
<span class="col19">推荐作品</span>
|
||||||
</li>
|
</li>
|
||||||
<li class="ty_leftcon ty_litittwo">
|
</a>
|
||||||
|
<a href="javascript:;"><li class="ty_leftcon ty_litittwo">
|
||||||
<img class="left-imgone" src="../../img/public/yscenter10_1.png" title="征稿作品管理+" alt="图片已缺失">
|
<img class="left-imgone" src="../../img/public/yscenter10_1.png" title="征稿作品管理+" alt="图片已缺失">
|
||||||
<img class="left-imgtwo" src="../../img/public/yscenter10.png" title="征稿作品管理+" alt="图片已缺失">
|
<img class="left-imgtwo" src="../../img/public/yscenter10.png" title="征稿作品管理+" alt="图片已缺失">
|
||||||
<span>艺术访谈</span>
|
<span class="col19">艺术访谈</span>
|
||||||
</li>
|
</li>
|
||||||
<li class="ty_leftcon ty_litittwo">
|
<a href="javascript:;"><li class="ty_leftcon ty_litittwo">
|
||||||
<img class="left-imgone" src="../../img/public/yscenter11_1.png" title="征稿作品管理+" alt="图片已缺失">
|
<img class="left-imgone" src="../../img/public/yscenter11_1.png" title="征稿作品管理+" alt="图片已缺失">
|
||||||
<img class="left-imgtwo" src="../../img/public/yscenter11.png" title="征稿作品管理+" alt="图片已缺失">
|
<img class="left-imgtwo" src="../../img/public/yscenter11.png" title="征稿作品管理+" alt="图片已缺失">
|
||||||
<span>书刊杂志</span>
|
<span class="col19">书刊杂志</span>
|
||||||
</li>
|
</li>
|
||||||
|
</a>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -4,12 +4,13 @@
|
||||||
<head lang="en">
|
<head lang="en">
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>购物车</title>
|
<title>购物车</title>
|
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||||
<link rel="stylesheet" href="../../css/swiper-bundle.min.css">
|
<link rel="stylesheet" href="../../css/swiper-bundle.min.css">
|
||||||
<script src="../../js/swiper-bundle.min.js"></script>
|
<script src="../../js/swiper-bundle.min.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css" />
|
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="../../css/logshoppingcar/login_cart.css"/>
|
||||||
<link rel="stylesheet" type="text/css" href="../../css/huaxiaMedia.css" />
|
<link rel="stylesheet" type="text/css" href="../../css/huaxiaMedia.css" />
|
||||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
|
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
|
||||||
<link rel="stylesheet" type="text/css" href="../../css/logshoppingcar/login_cart.css"/>
|
|
||||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
<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>
|
<script src="../../js/login_cart/login_cart.js" type="text/javascript" charset="utf-8"></script>
|
||||||
</head>
|
</head>
|
||||||
|
@ -69,7 +70,7 @@
|
||||||
</header>
|
</header>
|
||||||
<div class="zhanw"></div>
|
<div class="zhanw"></div>
|
||||||
<section>
|
<section>
|
||||||
<div class="whoil padding-zy320">
|
<div class="whoil ">
|
||||||
<div id="myCart" class="whoil-1 backFF cart-box">
|
<div id="myCart" class="whoil-1 backFF cart-box">
|
||||||
<div class="all">全部商品(20)</div>
|
<div class="all">全部商品(20)</div>
|
||||||
<!-- 表头 -->
|
<!-- 表头 -->
|
||||||
|
@ -85,11 +86,11 @@
|
||||||
<div>操作</div>
|
<div>操作</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 列表内容 -->
|
<!-- 列表内容 -->
|
||||||
<div>
|
<div class="cart-list">
|
||||||
<div class="dis font-14 w100 cart-content">
|
<div class="dis font-14 w100 cart-content">
|
||||||
<div class="djb">
|
<div class="djb">
|
||||||
<input class="cq-cp" type="checkbox" name="" id="" value=""/>
|
<input class="cq-cp" type="checkbox" name="" id="" value=""/>
|
||||||
<a href="javascript:;"><img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一" /></a>
|
<a href="javascript:;" class="m-z10"><img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一" /></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="djb"><a href="javascript:;" class="clips2" style="color: #525252;">竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画靠山书房壁画抽象三联画餐厅墙画靠山书房壁画抽象艺术画 11时来运转8190</a><span class="m-z37 font-14" style="color: #525252;">x3</span></div>
|
<div class="djb"><a href="javascript:;" class="clips2" style="color: #525252;">竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画靠山书房壁画抽象三联画餐厅墙画靠山书房壁画抽象艺术画 11时来运转8190</a><span class="m-z37 font-14" style="color: #525252;">x3</span></div>
|
||||||
<div>¥188.00</div>
|
<div>¥188.00</div>
|
||||||
|
@ -104,7 +105,7 @@
|
||||||
<div class="dis font-14 w100 cart-content">
|
<div class="dis font-14 w100 cart-content">
|
||||||
<div class="djb">
|
<div class="djb">
|
||||||
<input class="cq-cp" type="checkbox" name="" id="" value=""/>
|
<input class="cq-cp" type="checkbox" name="" id="" value=""/>
|
||||||
<a href="javascript:;"><img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一" /></a>
|
<a href="javascript:;" class="m-z10"><img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一" /></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="djb"><a href="javascript:;" class="clips2" style="color: #525252;">竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画靠山书房壁画抽象三联画餐厅墙画靠山书房壁画抽象艺术画 11时来运转8190</a><span class="m-z37 font-14" style="color: #525252;">x3</span></div>
|
<div class="djb"><a href="javascript:;" class="clips2" style="color: #525252;">竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画靠山书房壁画抽象三联画餐厅墙画靠山书房壁画抽象艺术画 11时来运转8190</a><span class="m-z37 font-14" style="color: #525252;">x3</span></div>
|
||||||
<div>¥188.00</div>
|
<div>¥188.00</div>
|
||||||
|
|
|
@ -1,64 +1,11 @@
|
||||||
$(function(){
|
$(function(){
|
||||||
$('.ty_left li').on('click',function(){//左侧导航的点击事件
|
$('.ty_left li').on('click',function(){//左侧导航的点击事件
|
||||||
$('.ty_tit').text($(this).find('span').text())
|
$('.ty_left li').removeClass('ty_lititnoe')
|
||||||
|
$('.ty_left li').addClass('ty_litittwo')
|
||||||
$('.ty_left li span').removeClass('left-title')
|
$('.ty_left li span').removeClass('left-title')
|
||||||
|
$(this).removeClass('ty_litittwo')
|
||||||
|
$(this).addClass('ty_lititnoe')
|
||||||
$(this).find('span').addClass('left-title')
|
$(this).find('span').addClass('left-title')
|
||||||
$('.ty_left li .left-imgone').css('display','none')
|
|
||||||
$('.ty_left li .left-imgtwo').css('display','flex')
|
|
||||||
$(this).find('.left-imgtwo').css('display','none')
|
|
||||||
$(this).find('.left-imgone').css('display','flex')
|
|
||||||
let leftIndex = $(this).index()
|
|
||||||
clearAll()
|
|
||||||
switch (leftIndex){
|
|
||||||
case 2://个人资料
|
|
||||||
console.log($(this).find('span').text());
|
|
||||||
$('#personal').css('display','')
|
|
||||||
break;
|
|
||||||
case 3://密码修改
|
|
||||||
console.log($(this).find('span').text());
|
|
||||||
$('#updatePass').css('display','')
|
|
||||||
break;
|
|
||||||
case 4://我的订单
|
|
||||||
console.log($(this).find('span').text());
|
|
||||||
$('#myOrder').css('display','')
|
|
||||||
break;
|
|
||||||
case 5://我的关注
|
|
||||||
console.log($(this).find('span').text());
|
|
||||||
$('#myAttention').css('display','')
|
|
||||||
break;
|
|
||||||
case 6://我的收藏
|
|
||||||
console.log($(this).find('span').text());
|
|
||||||
$('#myCollection').css('display','')
|
|
||||||
break;
|
|
||||||
case 7://我的积分
|
|
||||||
console.log($(this).find('span').text());
|
|
||||||
$('#myIntegral').css('display','')
|
|
||||||
break;
|
|
||||||
case 8://我的优惠券
|
|
||||||
console.log($(this).find('span').text());
|
|
||||||
$('#myCoupon').css('display','')
|
|
||||||
break;
|
|
||||||
case 9://我的征稿作品管理
|
|
||||||
console.log($(this).find('span').text());
|
|
||||||
$('#myZG').css('display','')
|
|
||||||
break;
|
|
||||||
case 10://收货地址
|
|
||||||
console.log($(this).find('span').text());
|
|
||||||
$('#mySH').css('display','')
|
|
||||||
break;
|
|
||||||
case 11://推荐商品
|
|
||||||
console.log($(this).find('span').text());
|
|
||||||
$('#myTJ').css('display','')
|
|
||||||
break;
|
|
||||||
case 12://艺术访谈
|
|
||||||
console.log($(this).find('span').text());
|
|
||||||
$('#myFW').css('display','')
|
|
||||||
break;
|
|
||||||
case 13://书刊杂志
|
|
||||||
console.log($(this).find('span').text());
|
|
||||||
$('#mySK').css('display','')
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
yisList()
|
yisList()
|
||||||
zhazList()
|
zhazList()
|
||||||
|
|
|
@ -748,12 +748,8 @@ function getScrollTop() {
|
||||||
}
|
}
|
||||||
return scroll_top;
|
return scroll_top;
|
||||||
}
|
}
|
||||||
|
|
||||||
document.addEventListener("scroll", myFunction);
|
document.addEventListener("scroll", myFunction);
|
||||||
|
|
||||||
function myFunction() {
|
function myFunction() {
|
||||||
|
|
||||||
|
|
||||||
if (getScrollTop() > $(".tyhder_herader>img").css("height").split("px")[0]) {
|
if (getScrollTop() > $(".tyhder_herader>img").css("height").split("px")[0]) {
|
||||||
$(".pod").css("position", "fixed")
|
$(".pod").css("position", "fixed")
|
||||||
$(".pod").addClass("dtip")
|
$(".pod").addClass("dtip")
|
||||||
|
@ -766,8 +762,6 @@ function myFunction() {
|
||||||
$(".tyhder_moban").css("top", `0px`)
|
$(".tyhder_moban").css("top", `0px`)
|
||||||
$(".tyhder_listnavpad").css("top",`${$(".tyhder_herader>nav").css("height")}`)
|
$(".tyhder_listnavpad").css("top",`${$(".tyhder_herader>nav").css("height")}`)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
$(function navdao(params) {
|
$(function navdao(params) {
|
||||||
// ---
|
// ---
|
||||||
|
|
Loading…
Reference in New Issue