liting2017 vor 6 Jahren
Ursprung
Commit
20ddcffdd8

BIN
img/shopList/shopNo.jpg


BIN
img/shopList/shopOK.jpg


BIN
img/shopList/shop_Success.jpg


BIN
img/shopList/shop_all.png


BIN
img/shopList/shop_com.jpg


+ 21 - 18
src/css/newMenu/header.css

@@ -49,6 +49,7 @@
 	width: 100%;
 	background: #ffffff;
     height:90px;
+    border-bottom: 3px solid #1697ea;
 }
 .topNav.navFix{
 	position: fixed;
@@ -78,7 +79,7 @@
 }
 
 .navHeader .logo_right {
-	margin-top: 14px;
+	margin-top: 10px;
 	float: left;
 	padding-left: 20px;
 	width: 150px;
@@ -90,56 +91,57 @@
 .navHeader .nav {
     float: left;
     vertical-align: top;
-    margin-top: 26px;
+    margin-top: 16px;
 	padding-left: 40px;
 }
 
 .navHeader .nav>ul>li {
-	float: left;
-    width: 112px;
+    float: left;
+    width: 120px;
+    margin-right: 20px;
     vertical-align: middle;
 	text-align: center;
     position: relative;
-    margin: 0 5px;
-   
 }
-.navHeader .nav>ul>li.active div{
+.navHeader .nav>ul>li.active div>a{
     /* box-shadow: 0 0 15px rgb(219, 218, 218); */
-    border-bottom: 4px solid #064f87;
+    color: #0289df;
+    font-weight: 800
 
 }
-
+.header .blue{
+    color: #1997ec;
+}
 /*2级导航*/
 .navHeader .nav ul li div{
     background: #ffffff;
     overflow:hidden;
-    width: 112px;
 }
 .navHeader .nav ul li:hover{
     box-shadow: 0 0 15px rgb(219, 218, 218);
 }
-.navHeader .nav ul li:hover div{
-    border-radius: 5px;
+.navHeader .nav ul li:hover div>a{
+    color: #064f87;
 }
 .navHeader .nav ul li>div>a{
-    width: 112px;
     line-height: 56px;
     height: 56px;
+    width: 100%;
 	display: inline-block;
-    font-size: 20px;
-    color: #064f87;
+    font-size: 18px;
+    color: #323131;
 }
 .navHeader .nav ul li .subnavigation {
-	width: 112px;
 	top: 76px;
-	z-index: 9999;
+    z-index: 9999;
+    width: 100%;
 	background: #ffffff;
     display: none;
     padding-bottom: 15px;
 }
 
 .subnavigation li>a {
-	width: 110px;
+    width: 100%;
 	height: 42px;
 	line-height: 42px;
     display: inline-block;
@@ -464,6 +466,7 @@ input:focus{
 }
 /* 网站导航 */
 .navWrapper{
+    display: none;
     position: absolute;
     top: 36px;
     width: 1200px;

+ 3 - 0
src/css/newMenu/index.css

@@ -5,6 +5,9 @@
     color: #1697e9;
     font-size: 14px;
 }
+.topNav{
+    border:none!important;
+}
 .bannerList{
     position: relative;
     overflow: hidden;

+ 5 - 0
src/css/newMenu/public.css

@@ -740,6 +740,11 @@ a:active{text-decoration:none;}/* 指正在点的链接*/
 	line-height: 40px;
 	border-top: 1px dotted #ccc
 }
+.pub_fix ul li a{
+	width: 100%;
+	height: 100%;
+	display: inline-block;
+}
 .phonefix{
 	position: relative;
 }

+ 253 - 0
src/css/newMenu/shopList.css

@@ -0,0 +1,253 @@
+
+.navigationShop .shopAll{
+    width: 100%;
+    background: #f4f9fd;
+    height: 60px;
+    line-height: 60px;
+    font-size: 16px;
+}
+.navigationShop .shopAll img{
+    margin-right: 44px;
+    margin-left: 14px;
+    display: inline-block;
+}
+.tabShop{
+    margin-top: 19px;
+}
+.tabShop #checkboxAll{
+    vertical-align: top;
+    opacity: 0; 
+    margin-top: 19px;
+    margin-left:-23px;
+}
+.nubTotal{
+    display: inline-block;
+    margin-left: 5px;
+}
+.tabShop .checkImg{
+    display: inline-block;
+    vertical-align: top;
+    margin-top:19px; 
+    margin-left: 36px;
+    margin-right:10px; 
+    width: 13px;
+    height: 13px;
+    background: url(../../../img/shopList/shopOK.jpg)no-repeat;
+    background-size:100% 100%; 
+}
+.tabShop .checkNoImg{
+    display: inline-block;
+    vertical-align: top;
+    margin-top:19px; 
+    margin-left: 36px;
+    margin-right:10px; 
+    width: 13px;
+    height: 13px;
+    background: url(../../../img/shopList/shopNo.jpg)no-repeat;
+    background-size:100% 100%; 
+}
+.shopLists .companyImg{
+    display: inline-block;
+    width: 23px;
+    height: 23px;
+    background: url(../../../img/shopList/shop_com.jpg) no-repeat;
+    background-size:100% 100%; 
+    margin-left: 33px;
+    margin-right: 28px;
+    vertical-align: bottom
+}
+
+.shopLists .tdImg img{
+    width: 105px;
+    height: 105px;
+    float: left;
+}
+.checkIcon .checkSingle{
+    margin-top: 48px;
+    opacity: 0; 
+    margin-left: -26px!important;
+}
+.tabShop ol{
+    overflow: hidden;
+    height: 50px;
+    line-height: 50px;
+    background: #f9f9f9;
+}
+.tabShop ol li{
+    float: left;
+    line-height: 50px;
+}
+.tabShop ol li span,.tabShop ol li label{
+    color: #7f7f7f;
+    font-size: 14px;
+    font-weight: normal
+}
+.tabShop ol li label{
+    margin-left: 10px;
+}
+.tabShop ol li:nth-child(1){
+    margin-right: 345px;
+}
+.tabShop ol li:nth-child(2){
+    margin-right: 134px;
+}
+.tabShop ol li:nth-child(3){
+    margin-right: 167px;
+}
+.tabShop ol li:nth-child(4){
+    margin-right: 190px;
+}
+.shopLists{
+    clear: both;
+}
+.shopLists .shopBox{
+    overflow: hidden;
+    border: 1px solid #eeeeee;
+    padding: 20px 0;
+    margin-top: 12px;
+    margin-bottom: 50px;
+}
+.tdImg .tdText{
+    position: relative;
+    width: 168px;
+    margin-left: 20px;
+    height: 105px;
+    margin-right: 88px;
+}
+.tdImg .tdText p{
+    width: 168px;
+    font-size: 16px;
+    position: absolute;
+    top: 50%;
+    left: 0;
+    transform: translate(0,-50%)
+}
+.shopLists .shopBox div{
+    float: left;
+}
+.shopLists li{
+    clear: both;
+}
+.checkIcon .checkImg,.checkIcon .checkNoImg{
+    margin-top: 48px;
+}
+.shopLists li:last-child .shopBox{
+    margin-bottom: 0
+}
+.shopBox .price{
+    font-size: 16px;
+    color: #ff580e;
+    display: inline-block;
+    margin-top: 40px;
+    margin-right: 123px;
+}
+.inpG{
+    margin-top: 34px;
+    position: relative;
+    width: 96px;
+    height: 30px;
+    margin-right: 160px;
+    border: 1px solid #e3e3e3;
+}
+.inpG button{
+    width: 30px;
+    height: 28px;
+    line-height: 26px;
+     background:#f7f7f7;
+    border: none;
+}
+.inpG .reduce{
+    position: absolute;
+    left: 0;
+    top: 0;
+    border-right: 1px solid #e3e3e3;
+}
+.priceTotal{
+    color: #ff580e;
+    font-size: 16px;
+    margin-top: 40px;
+    margin-right: 210px;
+}
+.del{
+    cursor: pointer;
+    font-size: 14px;
+    color: #7a7878;
+    margin-top: 44px;
+    display: inline-block;
+}
+.del:hover{
+    color: #f00;
+}
+.inpG .add{
+    position: absolute;
+    right: 0;
+    top: 0;
+    border-left: 1px solid #e3e3e3
+}
+.inpG input{
+    position: absolute;
+    left: 31px;
+    top: 0;
+    width:36px; 
+    height: 28px;
+    border: none;
+    line-height: 28px;
+    font-size:14px; 
+   text-align: center
+}
+.totalFooter{
+    height: 50px;
+    width: 100%;
+    border: 1px solid #eeeeee;
+    border-top: none;
+    background: #f9f9f9;
+    overflow: hidden;
+    margin-bottom: 100px;
+}
+.totalFooter label{
+    font-weight: normal;
+    font-size: 14px;
+    color: #7f7f7f;
+    margin-left: 10px;
+    vertical-align: top;
+    margin-top:15px;
+    margin-right: 50px;
+}
+.totalFooter .btnDel{
+    border: none;
+    margin-top: 15px;
+    color: #7f7f7f;
+    margin-right: 500px;
+}
+.totalFooter .btnDel:hover{
+    color: #f00;
+}
+.totalFooter span{
+    color: #7f7f7f;
+}
+.totalFooter span span{
+    color: #1797e9;
+}
+.totalFooter #checkboxAlls{
+    margin-left: -22px;
+    vertical-align: middle;
+    margin-top: -2px;
+    opacity: 0;
+}
+.totalFooter .orderOk{
+    cursor: pointer;
+    float: right;
+    height: 50px;
+    border: none;
+    background: #ccc;
+    width: 140px;
+    color: #ffffff;
+    font-size: 18px;
+    line-height: 50px;
+    text-align: center;
+}
+.totalFooter .orderOk.active{
+    background: #1797e9;
+}
+
+

+ 5 - 1
src/css/public.css

@@ -577,7 +577,11 @@ header .nav_right .head_login {
 	border-top: 1px dotted #e0e0e0;
 	background: #FFFFFF;
 }
-
+.pub_fix ul li a{
+	width: 38px;
+	height: 40px;
+	display: inline-block;
+}
 .pub_fix ul li img {
 	margin-bottom: 4px;
 }

+ 226 - 20
src/js/newMenu/shopList.js

@@ -6,36 +6,242 @@ import 'css/newMenu/shopList.css';
 import 'js/public.js';
 
 $(function(){
-    listData();
+    var shopData={};
+    init();
+    function init(){
+        listData();
+        add();
+        selectFun()
+    };
     function listData(){
         var data = localStorage.getItem('shopList');
         if(data){
             let shops = JSON.parse(data);
+            shopData.data=shops.data
             list(shops.data);
-        };
+            if((shops.data).length){
+                $('.totalFooter').show();
+            }else{
+                $('.totalFooter').hide();
+            }
+            
+        }
     };
     function list(data){
-        let divs=[],
-            imgs;
+        let divs=[];
         data.map((item)=>{
-            divs.push(`<tr dataId="${item.id}">
-                <td>
-                    <p>${item.companyName}</p>
-                    <input type="checkbox">  
-                    <img src="${item.img}"/>
-                    <p>${unescape(item.name)}</p> 
-                </td>
-                <td>${item.price}</td>
-                <td>
-                    <button class="reduce">-</button>
-                    <input type="text" value="${item.number}">
-                    <button class="add">+</button>
-                </td>
-                <td>${parseInt(item.price)>0?parseInt(item.price)*item.number:'面议'}</td>
-                <td><a>删除</a></td>
-            </tr>
+            divs.push(`<li dataId="${item.id}" type="${item.type}">
+                <p><span class="companyImg"></span>${'有限公司'}</p>
+                <div class="shopBox">
+                    <div class="shopTr">
+                        <div class="checkIcon">
+                            <span class="checkImg checkNoImg"></span>
+                            <input type="checkbox" class='checkSingle'>  
+                        </div>
+                        <div class="tdImg"> 
+                            <img src="${item.img}"/>
+                            <div class="tdText">
+                                <p>${unescape(item.name)}</p> 
+                            </div>
+                        </div>
+                    </div>
+                    <div><span class="price">${item.price?'¥'+item.price:'面议'}</span></div>
+                    <div class="inpG">
+                        <button class="reduce">-</button>
+                        <input type="text" class="number" value="${item.number}">
+                        <button class="add">+</button>
+                    </div>
+                    <div><p class="priceTotal">${parseInt(item.price)>0?'¥'+parseInt(item.price)*item.number:'面议'}</p></div>
+                    <div><a class="del">删除</a></div>
+                </div>
+            </li>
             ` )
         })
         $('.shopLists').html(divs);
     }
+    //数量加减;
+    var nub=0;
+    function add(){
+        $('.add').click(function(){
+            nub =  $(this).siblings('.number').val();
+            nub++;
+            if(nub>99){
+                nub=99
+            }
+            $(this).siblings('.number').val(nub);
+            let index=$(this).parents('li').index();
+            shopData.data[index].number=nub;
+            nubTol();
+            lacStor();
+        })
+        $('.reduce').click(function(){
+            nub =  $(this).siblings('.number').val();
+            nub--;
+            if(nub<1){
+                nub=1
+            }
+            $(this).siblings('.number').val(nub);
+            let index=$(this).parents('li').index();
+            shopData.data[index].number=nub;
+            nubTol();
+            lacStor();
+        })
+        $('.number').keyup(function(){
+            let val = $(this).val();
+            if(isNaN(val)){
+                $(this).val(1)
+            };
+            if(val>99){
+                $(this).val(99)
+            };
+            if(val<1){
+                $(this).val(1)
+            };
+        })
+    }
+    //单选图像处理
+    $('.checkSingle').prop('checked',false);
+    $('.checkboxAll').prop('checked',false);
+    var nub=0;
+    function selectFun(){
+        let checkArr =[];
+        $('.checkSingle').click(function(){
+            let checks = $(this).prop('checked');
+            if(checks){
+                checkArr.push(checks);
+                $(this).parents('li').addClass('active')
+                $(this).siblings('.checkImg').removeClass('checkNoImg');
+            }else{
+                checkArr.pop();
+                $(this).parents('li').removeClass('active')
+                $(this).siblings('.checkImg').addClass('checkNoImg');
+            }
+            if(checkArr.length==$('.shopLists li').length){
+               $('.checkboxAll').prop('checked',true);
+               $('.checkboxAll').siblings('.checkImg').removeClass('checkNoImg')
+            }else{
+                $('.checkboxAll').prop('checked',false);
+                $('.checkboxAll').siblings('.checkImg').addClass('checkNoImg')
+            }
+            if(checkArr.length){
+                $('.orderOk').addClass('active');
+            }else{
+                $('.orderOk').removeClass('active');
+            }
+            nubTol();
+        })
+        //全选
+        $('.checkboxAll').click(function(){
+            let checkS = $(this).prop('checked');
+            if(checkS){
+                $('.shopLists li').addClass('active');
+                $('.checkSingle').prop('checked',true);
+                $('.checkImg').removeClass('checkNoImg');
+                $('.orderOk').addClass('active');
+            }else{
+                checkArr=[];
+                $('.checkSingle').prop('checked',false);
+                $('.checkImg').addClass('checkNoImg');
+                $('.shopLists li').removeClass('active');
+                $('.orderOk').removeClass('active');
+            }
+            nubTol()
+        })
+    }
+    //数量计算
+    function nubTol(){
+        let liCheck = $('.shopLists li.active'),nub=0,
+            licheckOk =  $('.shopLists li'),totalNub=0;
+        for(let i =0;i<liCheck.length;i++){
+            let num = liCheck.eq(i).find('.number').val();
+            nub+=parseInt(num);
+        }
+        for(let i =0;i<licheckOk.length;i++){
+            let num = licheckOk.eq(i).find('.number').val();
+            totalNub+=parseInt(num);
+        }
+        $('.numberTotal').text(totalNub);
+        $('.nubTotal').text(nub)
+    }
+    //删除
+    $('.del').click(function(){
+        $(this).parents('li').remove();
+        lacStor()
+    })
+    function lacStor(){
+        let lis= $('.shopLists li'),shopArr=[];
+        for(let i=0;i<lis.length;i++){
+            for(let j=0;j<(shopData.data).length;j++){
+                if(lis.eq(i).attr('dataid')==(shopData.data)[j].id){
+                    shopArr.push((shopData.data)[j])
+                }
+            }
+        }
+        nubTol();
+        let datas=new Object();
+        datas.data=shopArr;
+        if(!(datas.data.length)){
+            $('.totalFooter').hide();
+            $('.checkboxAll').prop('checked',false);
+            $('.checkboxAll').siblings('.checkImg').addClass('checkNoImg');
+        }
+        let setData = JSON.stringify(datas);
+        //本地存储
+        localStorage.setItem('shopList',setData);
+    }
+    //删除选中的商品
+    $('.btnDel').click(function(){
+        if($('.shopLists li.active').length){
+            $('.shopLists li.active').remove();
+            lacStor();
+        }else{
+            msg('请选择需要删除的商品.')
+        }
+    })
+    //提交订单
+    $('.totalFooter .orderOk').click(function(){
+          let lis= $('.shopLists li.active'),list=[];
+          if(!lis.length){ 
+            msg('亲,请选择商品!')
+            return;
+            }
+          for(let i=0;i<lis.length;i++){
+              let id=lis.eq(i).attr('dataid'),
+                  number=lis.eq(i).find('.number').val(),
+                  type=lis.eq(i).attr('type');
+              list.push({
+                commodityId:id,
+                commodityQuantity:number,
+                commodityType:type,
+                orderChannel:1
+              })  
+          };
+          $.ajax({
+            method: "get",
+            dataType: "json",
+            url: globalConfig.context + "/api/user/jtOrder/apply",
+            data: {
+                orderList:JSON.stringify(list)
+            },
+            success: function (data) {
+                if(data&&data.error.length){
+                    
+                }else{
+                
+                };
+            }
+          })  
+    })
+     //提示框渐隐函数    
+     function msg(txt) {
+        if($('.smg').hasClass('active')){
+			return ;
+		}
+        $('.smg').addClass('active');
+        var lit = $('#msg').val(txt);
+        setTimeout(function () {
+            $('.smg').removeClass('active');
+            $('#msg').val('');
+        }, 2000)
+    }
 })

+ 1 - 1
src/js/public.js

@@ -345,7 +345,6 @@ $(function(){
 	    var setTime =setInterval(()=>{active()},100);
 	}
 	//网站导航
-	$('.navWrapper').hide();
 	$('.navigation').mouseenter(function(){
 		$('.navWrapper').slideDown(100)
 	})
@@ -432,6 +431,7 @@ $(function(){
 					type=$('.cname').attr('data'),
 					img = $('.serviceDetailsImg>img').attr('src'),
 					number = parseInt($('#number').val()),
+					type=$('.orderType').attr('type'),
 					price = $('.price').text();
 				// 商品信息对象
 				let pro = new Object();

+ 233 - 95
template/newMenu/shopList.html

@@ -10,38 +10,159 @@
 
 <body>
     <div class="header">
-        <div class="container">
-            <div class="shopIcon">
-                <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
-                <a href='#'>购物车
-                    <span class="numberTotal badge">0</span>
-                </a>
-                <span class="glyphicon glyphicon-tint tint" aria-hidden="true">
-            </div>
-            <div>
-                <ul>
-                    <li>
-                        <a href="javascript:void(0)" class="head_login">登录</a>
-                    </li>
-                    <li>
-                        <a href="#">注册</a>
-                    </li>
-                    <li>
-                        <a href="#">我的订单</a>
-                    </li>
-                    <li>
-                        <a href="#">我的关注</a>
-                    </li>
-                    <li>
-                        <a href="#">我的消息</a>
-                    </li>
-                </ul>
-            </div>
-            <div class="colorRed">
-                全国统一服务热线:400-8800-962
-            </div>
-        </div>
-    </div>
+		<div class="container">
+			<div class="navigation webkitHover">
+				<a>网站导航
+					<span class="webkitDown"></span>
+				</a>
+			</div>
+			<div>
+				<ul>
+                    <li class="blue">
+                        全国统一服务热线:400-8800-962
+                    </li>    
+					<li>
+						<a href="javascript:void(0)" class="head_login">登录</a>
+					</li>
+					<li>
+						<a href="#">注册</a>
+					</li>
+					<li class="shopIcon">
+						<a href="#">
+							<img src="../../img/index/index_shopCar.jpg" alt="">购物车(<span class="numberTotal">0</span>)件 </a>
+                        <span class="glyphicon glyphicon-tint tint" aria-hidden="true"></span>
+					</li>
+				</ul>
+			</div>
+		</div>
+		<div class="navWrapper webkitHover">
+			<ol>
+				<li>
+					<div>知识产权申请</div>
+					<span>
+						<img src="../../img/index/index_webkit1.png" alt="">
+					</span>
+					<p>
+						<a href="#">最新发布</a>
+					</p>
+					<p>
+						<a href="#">专利服务</a>
+					</p>
+					<p>
+						<a href="#">商标服务</a>
+					</p>
+					<p>
+						<a href="#">版权服务</a>
+					</p>
+					<p>
+						<a href="#">知产百科</a>
+					</p>
+
+				</li>
+				<li>
+					<div>知识产权赚钱</div>
+					<span>
+						<img src="../../img/index/index_webkit2.png" alt="">
+					</span>
+					<p>
+						<a href="#">高企服务</a>
+						<a href="#">科技项目</a>
+					</p>
+					<p>
+						<a href="#">知识产权</a>
+						<a href="#">合作客户</a>
+					</p>
+					<p>
+						<a href="#">企业认证</a>
+						<a href="#">服务能力</a>
+					</p>
+					<p>
+						<a href="#">管理体系</a>
+						<a href="#">服务流程</a>
+					</p>
+					<p>
+						<a href="#">品牌通</a>
+					</p>
+				</li>
+				<li>
+					<div>知识产权交易</div>
+					<span>
+						<img src="../../img/index/index_webkit3.png" alt="">
+					</span>
+					<p>
+						<a href="#">热门关注</a>
+						<a href="#">最新需求</a>
+					</p>
+					<p>
+						<a href="#">最新发布</a>
+						<a href="#">热门需求</a>
+					</p>
+					<p>
+						<a href="#">专利技术</a>
+						<a href="#">企业技术需求</a>
+					</p>
+					<p>
+						<a href="#">实用技术</a>
+						<a href="#">技术人才需求</a>
+					</p>
+					<p>
+						<a href="#">知识产权交易政策</a>
+					</p>
+				</li>
+				<li>
+					<div>知识产权维权</div>
+					<span>
+						<img src="../../img/index/index_webkit4.png" alt="">
+					</span>
+					<p>
+						<a href="#">最新发布</a>
+					</p>
+					<p>
+						<a href="#">专利服务</a>
+					</p>
+					<p>
+						<a href="#">商标服务</a>
+					</p>
+					<p>
+						<a href="#">版权服务</a>
+					</p>
+					<p>
+						<a href="#">知产百科</a>
+					</p>
+				</li>
+				<!-- <li>
+					<div>智库咨询</div>
+					<span>
+						<img src="../../img/index/index_webkit1.png" alt="">
+					</span>
+					<p>
+						<a href="#">智政</a>
+					</p>
+					<p>
+						<a href="#">智者</a>
+					</p>
+				</li> -->
+				<li>
+					<div>关于公司 </div>
+					<span>
+						<img src="../../img/index/index_webkit1.png" alt="">
+					</span>
+					<p>
+						<a href="#">公司简介</a>
+					</p>
+					<p>
+						<a href="#">业务范围</a>
+					</p>
+					<p>
+						<a href="#">荣誉资质</a>
+					</p>
+					<p>
+						<a href="#">发展历程</a>
+					</p>
+				</li>
+			</ol>
+		</div>
+	</div>
     <!-- search -->
     <div class="topNavBj">
         <div class="topNav">
@@ -68,7 +189,7 @@
                                     </ol>
                                 </div>
                             </li>
-                            <li class="active">
+                            <li >
                                 <div>
                                     <a href="#">知识产权赚钱</a>
                                     <ol class="subnavigation">
@@ -105,7 +226,7 @@
                                     <a href="#">知识产权维权</a>
                                 </div>
                             </li>
-                            <li>
+                            <!-- <li>
                                 <div>
                                     <a href="#">智库咨询</a>
                                     <ol class="subnavigation">
@@ -118,7 +239,6 @@
                                     </ol>
                                 </div>
                             </li>
-
                             <li>
                                 <div>
                                     <a href="/portal/aboutUs.html">关于公司</a>
@@ -128,48 +248,45 @@
                                         </li>
                                     </ol>
                                 </div>
-                            </li>
+                            </li> -->
                         </ul>
                     </div>
-                    <div class="nav_right">
-                        <img src="../../img/newMenu/navImg.jpg" alt="">
-                        <span>国家技术转移示范机构</span>
-                    </div>
                 </div>
             </div>
         </div>
     </div>
-    <div class="navigation">
+    <div class="navigationShop">
+        <div class="shopAll">
+            <div class="container"><img src="../../img/shopList/shop_all.png" alt="">全部商品<span class="numberTotal">0</span>件</div>
+        </div>
         <div class="container">
-            <div>购物车列表</div>
             <div class="tabShop">
-                <table class="table table-hover">
-                    <thead>
-                        <tr>
-                            <th>
-                                <input type="checkbox">全选    
-                            </th>
-                            <th>
-                                <span>单价(万元)</span>
-                            </th>
-                            <th>
-                                <span>数量(件)</span>
-                            </th>
-                            <th>
-                                <span>小计(万元)</span>
-                            </th>
-                            <th>
-                                <span>操作</span>
-                            </th>
-                        </tr>
-                    </thead>
-                    <tbody class="shopLists">
-                        <tr>
-                                <td>aaa</td>
-                                <td>22</td>
-                            </tr>
-                    </tbody>
-                </table>
+                <ol class="table">
+                    <li>
+                        <span class="checkImg checkNoImg"></span><input type="checkbox" class="checkboxAll" id="checkboxAll"><label for="checkboxAll">全选</label> 
+                    </li>
+                    <li>
+                        <span>单价(万元)</span>
+                    </li>
+                    <li>
+                        <span>数量(件)</span>
+                    </li>
+                    <li>
+                        <span>小计(万元)</span>
+                    </li>
+                    <li>
+                        <span>操作</span>
+                    </li>
+                </ol>
+                <ul class="shopLists">
+                   
+                </ul>
+                <div class="totalFooter">
+                    <span class="checkImg checkNoImg"></span><input type="checkbox" class="checkboxAll" id="checkboxAlls"><label for="checkboxAll">全选</label> 
+                    <button class="btnDel">删除选中的商品</button>
+                    <span>已选择<span class="nubTotal">0</span><span class="blue">件 </span>商品</span>
+                    <button class="orderOk">确认订单</button>
+                </div>
             </div>
         </div>
     </div>
@@ -234,32 +351,53 @@
         </div>
         <div onclick="_MEIQIA('showPanel')" id="lxkf" style="display:none"></div>
         <div class="pub_fix">
-            <span class="index_blur"></span>
-            <ul class="ret_top">
-                <li class="head_login">
-                    <a href="javascript:;">
-                        <img src="../../img/index_fix0.png" alt="">
-                        <p>申请会员</p>
-                    </a>
-                </li>
-                <li>
-                    <a onclick="_MEIQIA('showPanel')">
-                        <img src="../../img/index_fix3.png" alt="">
-                        <p>联系客服</p>
-                    </a>
-                </li>
-                <li>
-                    <a href="" class="pendent_box">
-                        <img src="../../img/index_fix4.png" alt="">
-                        <p>返回顶部</p>
-                    </a>
-                </li>
-            </ul>
-            <span class="index_orange"></span>
-        </div>
-        <div class="message">
-            <span></span>
-        </div>
+                <ul>
+                    <li>
+                        <a href="" class="pendent_box">
+                            <span class="glyphicon glyphicon-plane"></span>
+                        </a>
+                    </li>
+                    <li>
+                        <a onclick="lrminiMax();">
+                            <span class="glyphicon glyphicon-user"></span>
+                        </a>
+                    </li>
+                    <li class="phonefix">
+                        <a>
+                            <span class="glyphicon glyphicon-phone-alt"></span>
+                        </a>
+                        <div class="phoneTxt">
+                            <p>联系电话</p>
+                            <p>400-8800-962</p>
+                        </div>
+                    </li>
+                    <li >
+                        <a>
+                            <span class="glyphicon glyphicon-send"></span> 
+                        </a>
+                        <div class="phoneTxt">
+                            <p>公众号</p>
+                            <img src="../../img/erweima.jpg" alt="">
+                        </div>
+                    </li>
+                    <li>
+                        <a>
+                            <span class="glyphicon glyphicon-bookmark"></span>
+                        </a>
+                        <div class="phoneTxt">
+                            <p>APP</p>
+                            <div>
+                                <img src="../../img/erweima_iphone.png" alt="">
+                                <p>iPhone版</p>
+                            </div>
+                            <div>
+                                <img src="../../img/erweima_android.jpg" alt="">
+                                <p>Android版</p>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+            </div>
         <div class="login">
             <div class="login_mian">
                 <div class="login_left">