购物车

src/assets/css/car/index.less

@@ -2,35 +2,12 @@
   color:#333;
   .lxBox{
     padding-bottom: 44px;
-    .lyNav{
-      color:#333;
-      position: fixed;
-      left:0px;
-      top:44px;
-      right:0px;
-      height:44px;
-      border-bottom:1px solid #d6d7dc;
-      z-index:3;
-      background-color: #fff;
-      box-sizing: border-box;
-      span{
-        cursor: pointer;
-        width:50%;
-        box-sizing: border-box;
-        font-size: 14px;
-        text-align: center;
-        line-height: 44px;
-        font{color:#333;}
-        &.act{
-          color:#1080d0;
-        }
-      }
-    }
+
     .logintip{
       top:88px;
     }
     .dataBox{
-      padding-top: 44px;
+      padding-top: 88px;
     }
   }
   .zyBox{
@@ -48,7 +25,7 @@
     }
 
     .dataBox{
-      padding-top: 44px;
+      padding-top: 88px;
     }
 
   }
@@ -97,6 +74,30 @@
     }
     a{color:#1080d0;font-size: 14px;}
   }
+  .lyNav{
+    color:#333;
+    position: fixed;
+    left:0px;
+    top:44px;
+    right:0px;
+    height:44px;
+    border-bottom:1px solid #d6d7dc;
+    z-index:3;
+    background-color: #fff;
+    box-sizing: border-box;
+    span{
+      cursor: pointer;
+      width:50%;
+      box-sizing: border-box;
+      font-size: 14px;
+      text-align: center;
+      line-height: 44px;
+      font{color:#333;}
+      &.act{
+        color:#1080d0;
+      }
+    }
+  }
 }
 
 .shop-block{ font-size: 12px;border-bottom: 1px solid #d6d7dc;}
@@ -117,10 +118,8 @@
 .shop-block .add-num .mui-numbox input{ height: 28px; background: #fff; color: #333; font-size: 12px;box-sizing: border-box;}
 .shop-block .subtotal{padding: 2% 3%; font-weight: bold; text-align: right; }
 .shop-block .morePrice{ margin-bottom: 15px; }
-.shop-block .morePrice p{font-size: 12px; color: #999;}
-.shop-block .morePrice .list_data{display: none;}
-.shop-block .morePrice .list_data.act p.mui-col-xs-4{ color: red!important; }
-.shop-block .morePrice .list_data.act p.f-throug{color: red!important;}
+
+
 .shop-block .more-height{ font-size: 12px; margin-right: 10%; height: 24px;margin-top: 5px; line-height:24px; border: 1px solid #e5e5e5; text-align: center; color: #666; }
 .shop-block .more-height .iconfont{ font-size: 10px; margin-left: 5px; }
 .shop-lose{  color: #999999; }
@@ -259,4 +258,29 @@
   float: right;
   box-sizing: border-box;
   margin: 2px 8px;
-}
\ No newline at end of file
+}
+.icon-bot {
+  top: 9px;
+  position: relative;
+  content: "";
+  height: 0;
+  width: 0;
+  pointer-events: none;
+  border: solid transparent;
+  border-top-color: #4d4d4d;
+  border-width: 4px;
+  margin-left: 5px;
+}
+.icon-top {
+  bottom: 9px;
+  position: relative;
+  content: "";
+  height: 0;
+  width: 0;
+  pointer-events: none;
+  border: solid transparent;
+  border-bottom-color: #4d4d4d;
+  border-width: 4px;
+  margin-left: 5px;
+}
+.dataNo{display: none;}
\ No newline at end of file

src/assets/css/global.scss

@@ -179,6 +179,7 @@ $imgUrl: '../images/';
     align-items: center;
     justify-content: center;
     color:#fff;
+    a{color:#fff;}
     .icon-xiangshang1 {
       color: #fff;
       font-size: 28px;

src/store/modules/car/index.js

@@ -11,10 +11,11 @@ const state = {
     zy1:false,//自营得到数据防止切换多次请求
     ly1Data:[],//大陆数据
     ly2Data:[],//香港数据
-    zy1Data:[],//自营数据
+    zy1Data:[],//自营数据现货
+    zy2Data:[],//自营数据期货
     ly1Length:0,
     ly2Length:0,
-    zy1Length:0,
+    zy1Length:0,//自营数据总长度
     ly1LoseData:[],
     ly2LoseData:[],
     zy1LoseData:[],
@@ -27,6 +28,7 @@ const mutations = {
            //大陆
            var arr_=payload.data.list;
            for(var i=0;i<arr_.length;i++){
+               arr_[i].editState=false;
                arr_[i].check=true;
                if(arr_[i].status==-1){
                    state.ly1LoseData.push(arr_[i]);
@@ -38,6 +40,7 @@ const mutations = {
            //香港
            var arr_=payload.data.list;
            for(var i=0;i<arr_.length;i++){
+               arr_[i].editState=false;
                arr_[i].check=true;
                if(arr_[i].status==-1){
                    state.ly2LoseData.push(arr_[i]);
@@ -49,6 +52,7 @@ const mutations = {
            //自营
            var arr_=payload.data.list;
            for(var i=0;i<arr_.length;i++){
+               arr_[i].editState=false;
                if(arr_[i].sale_type==2){
                    //期货 //默认不勾选
                    arr_[i].check=false;
@@ -59,7 +63,12 @@ const mutations = {
                if(arr_[i].status==-1){
                    state.zy1LoseData.push(arr_[i]);
                }else{
-                   state.zy1Data.push(arr_[i])
+                   if(arr_[i].sale_type==1){
+                       state.zy1Data.push(arr_[i]);
+                   }else{
+                       state.zy2Data.push(arr_[i])
+                   }
+
                }
            }
        }

src/views/common/SideBar.vue

@@ -5,8 +5,10 @@
         <i class="iconfont icon-kefu"></i>
       </div>
       <div class="backtop carslide"  v-if="carshow">
-        <i class="iconfont icon-gouwuche1"></i>
-        <b class="carNumx">{{cartCount}}</b>
+        <a href="/v3/joincart" >
+          <i class="iconfont icon-gouwuche1"></i>
+          <b class="carNumx">{{cartCount}}</b>
+        </a>
       </div>
       <template v-if="isWindow">
         <div class="backtop " v-backTopWindow v-show="show">