修改购物车页面加载html、css、jquery

Time2019-01-30 15:56:00

<!DOCTYPE html>

<html>

<head>

<title>上传错误的html jquery更正重新上传部分(错误的将参考上传)</title>

<style>

*{margin: 0;padding: 0;list-style: none;text-decoration: none;}

.clear{clear: both;}

body{background: #F5F5F5;}

.logo{display:inline-block;margin-top: 25px;float: left;}

.headerc{width: 100%;margin: 0 auto;border-bottom: 3px solid #FF8200;height: 100px;}

.content{width: 1226px;margin: 0 auto;}

.content-left,.title-h1,.title-h6{float: left;}

.content-left{width: 820px;float: left;}

.title-h1{font-size: 26px;font-weight: 400;color: #424242;line-height: 98px;}

.title-h6{font-size: 12px; font-weight: 400;line-height: 48px;margin-top: 32px;color: #757575;margin-left: 100px;}

.content-right{float: right;margin-top: 30px;margin-right: 30px;}

.ct-rbox1 a{font-size: 14px; line-height: 48px;color: #757575;}

.boder-onset{width: 1226px; margin: 50px auto;border: 1px solid #ccc;position: relative;}

.boder-poab{width:380px ;height: 50px;line-height: 50px;background: #F5F5F5;text-align: center;font-weight: 400;font-size: 25px;position: relative;top: -75px;left: 500px;}

.ct-rbox1{width: 120px;height: 48px;float: left;}

.my-shop{float: right;margin-left: 20px;}

.my-shop a{font-size: 14px; line-height: 48px;color: #757575;}

.ct-rbox1 a:hover{color: #FF8200;}

.ct-rbox1 i:hover{color: ;}

.sowaobox{color:#0288D1;font-weight:400;width: 100px;border: 1px solid #FF5722;text-align: center;background:#FF5722;line-height: 38px;font-size: 12px;cursor: pointer;display: none;position: relative;z-index: 999;border-radius: 5px;}

.ct-rbox1:hover .sowaobox{display: block;}

.sowaobox li:hover{background: #fff;}

/*shop商城*/

.mi-list-title div{height: 70px;line-height: 70px; font-size: 14px;}

.mi-trunt{width: 100%;background-color:#f5f5f5;overflow: hidden;}

.mi-cart{width: 1226px;margin: 0 auto;padding-top: 38px;}

.mi-cart>.mi-list{background-color: #fff;overflow: hidden;}

.mi-list div{float: left;}

.mi-cart .mi-select{width: 110px;text-align: center;}

.mi-cart .mi-select i{font-size: 13px;display:inline-block;height: 15px;width:15px;line-height: 15px;background-color:#fff;color:rgba(0,0,0,0);border:1px solid #e0e0e0;margin:0 15px 0 24px;cursor: pointer;}

.mi-cart .mi-select .rls{color: #fff;background: #FF5722;border: 1px solid #FF5722;}

.mi-cart .mi-good-img{width: 120px;cursor: pointer;}

.mi-cart .mi-good-img img{width: 60px; height: 60px;margin-top: 15px;}

/*text-overflow: ellipsis;文本超出显示省略.....white-space: nowrap;文本内内容不换行*/

.mi-cart .mi-good-name{width: 380px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;cursor: pointer;font-size: 17px;color: #424242;}

.mi-cart .mi-good-price{width:75px;padding-right: 84px;text-align: right;}

.mi-cart .mi-good-num{width: 150px;text-align: center;}

.mi-good-num .num-input{width: 150px;height: 40px;padding: 0;margin-top:24px;padding-top: 1px;border: 1px solid #e0e0e0;}

.num-input button{width: 37px; height: 38px;text-align: center;line-height: 38px;color: #757575;font-size: 20px;background-color: #fff;border: none;}

.num-input button:hover{background-color: #e0e0e0}

.num-input .btn1{float: left;}

.num-input .btn2{float: right;}

.num-input .num-value{float: left;width: 72px;height: 38px;text-align: center;font-size: 16px;border: none;}

.mi-cart .mi-good-total-price{width: 120px;padding-right: 81px;text-align: right;color: #FF6A00;}

.mi-cart .mi-operation{width: 80px;padding-right: 26px;text-align: center;}

.mi-cart .mi-operation i{width: 20px;height: 20px;display:inline-block;border-radius: 10px;color:#757575;line-height: 20px;font-size: 12px;cursor:pointer;}

.mi-cart .mi-operation i:hover{background: #FF5722;color: #fff;}

/**/

.mi-list-item div{width: 86px;padding:15px 0;line-height: 86px;border-top:1px solid #e0e0e0;}

.mi-list-gogo{height: 50px;line-height: 50px;background: #fff;border-top: 20px solid #F5F5F5;}

.mi-list-gogo-left{float: left;}

.mi-list-gogo-right{float: right;}

.mi-list-gogo-right

.gogo-a a{width: 150px;display: inline-block;}

.gogo-a p{color: #ccc;font-size: 17px; display: inline-block;}

.gogo-all{font-size: 14px; color: #23262E;}

.gogo-endshop{float: left;font-size: 14px;}

.gogo-submit{width: 150px;line-height: 50px;display: inline-block;border: none;background-color: #FF6700;color: #fff;cursor: pointer;}

</style>

</head>

<body>

<h1 class="title-h1">   我的购物车</h1>

<h6 class="title-h6">温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</h6>

</div>

<a href="#" class="biao-onc">我是某某某iS  </a> <i class="fa fa-angle-down fa-1x biao-onc"></i>

</ul>

</div>

</div>

</div>

<div class="mi-good-name" style="font-size:14px;"> 小米MIX 2S 全网通版 6GB内存陶瓷标准版 64GB 白色 64GB</div>

</div>

</div>

<div class="mi-good-name" style="font-size:14px;"> 小米MIX 2S 全网通版 6GB内存陶瓷标准版 64GB 白色 64GB</div>

</div>

</div>

<div class="mi-good-name" style="font-size:14px;"> 小米MIX 2S 全网通版 6GB内存陶瓷标准版 64GB 白色 64GB</div>

</div>

</div>

</div>

</div>

<div class="boder-poab">买购物车中商品的人还买了</div>

</div><br />

<div class="pt-div">光学变焦双摄，拍人更美</div>

</div>