Skip to content

梁建民 / h5

Go to a project
Commit 0d63a486 by 肖康
Options

购物车

parent 0bb369e7
Expand all
Inline Side-by-side
Showing with 73 additions and 37 deletions
src/assets/css/car/index.less
...@@ -2,35 +2,12 @@ ...@@ -2,35 +2,12 @@
color:#333; color:#333;
.lxBox{ .lxBox{
padding-bottom: 44px; 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{ .logintip{
top:88px; top:88px;
} }
.dataBox{ .dataBox{
padding-top: 44px; padding-top: 88px;
} }
} }
.zyBox{ .zyBox{
...@@ -48,7 +25,7 @@ ...@@ -48,7 +25,7 @@
} }
.dataBox{ .dataBox{
padding-top: 44px; padding-top: 88px;
} }
} }
...@@ -97,6 +74,30 @@ ...@@ -97,6 +74,30 @@
} }
a{color:#1080d0;font-size: 14px;} 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;} .shop-block{ font-size: 12px;border-bottom: 1px solid #d6d7dc;}
...@@ -117,10 +118,8 @@ ...@@ -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 .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 .subtotal{padding: 2% 3%; font-weight: bold; text-align: right; }
.shop-block .morePrice{ margin-bottom: 15px; } .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{ 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-block .more-height .iconfont{ font-size: 10px; margin-left: 5px; }
.shop-lose{ color: #999999; } .shop-lose{ color: #999999; }
...@@ -259,4 +258,29 @@ ...@@ -259,4 +258,29 @@
float: right; float: right;
box-sizing: border-box; box-sizing: border-box;
margin: 2px 8px; 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/'; ...@@ -179,6 +179,7 @@ $imgUrl: '../images/';
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color:#fff; color:#fff;
a{color:#fff;}
.icon-xiangshang1 { .icon-xiangshang1 {
color: #fff; color: #fff;
font-size: 28px; font-size: 28px;
......
src/store/modules/car/index.js
...@@ -11,10 +11,11 @@ const state = { ...@@ -11,10 +11,11 @@ const state = {
zy1:false,//自营得到数据防止切换多次请求 zy1:false,//自营得到数据防止切换多次请求
ly1Data:[],//大陆数据 ly1Data:[],//大陆数据
ly2Data:[],//香港数据 ly2Data:[],//香港数据
zy1Data:[],//自营数据 zy1Data:[],//自营数据现货
zy2Data:[],//自营数据期货
ly1Length:0, ly1Length:0,
ly2Length:0, ly2Length:0,
zy1Length:0, zy1Length:0,//自营数据总长度
ly1LoseData:[], ly1LoseData:[],
ly2LoseData:[], ly2LoseData:[],
zy1LoseData:[], zy1LoseData:[],
...@@ -27,6 +28,7 @@ const mutations = { ...@@ -27,6 +28,7 @@ const mutations = {
//大陆 //大陆
var arr_=payload.data.list; var arr_=payload.data.list;
for(var i=0;i<arr_.length;i++){ for(var i=0;i<arr_.length;i++){
arr_[i].editState=false;
arr_[i].check=true; arr_[i].check=true;
if(arr_[i].status==-1){ if(arr_[i].status==-1){
state.ly1LoseData.push(arr_[i]); state.ly1LoseData.push(arr_[i]);
...@@ -38,6 +40,7 @@ const mutations = { ...@@ -38,6 +40,7 @@ const mutations = {
//香港 //香港
var arr_=payload.data.list; var arr_=payload.data.list;
for(var i=0;i<arr_.length;i++){ for(var i=0;i<arr_.length;i++){
arr_[i].editState=false;
arr_[i].check=true; arr_[i].check=true;
if(arr_[i].status==-1){ if(arr_[i].status==-1){
state.ly2LoseData.push(arr_[i]); state.ly2LoseData.push(arr_[i]);
...@@ -49,6 +52,7 @@ const mutations = { ...@@ -49,6 +52,7 @@ const mutations = {
//自营 //自营
var arr_=payload.data.list; var arr_=payload.data.list;
for(var i=0;i<arr_.length;i++){ for(var i=0;i<arr_.length;i++){
arr_[i].editState=false;
if(arr_[i].sale_type==2){ if(arr_[i].sale_type==2){
//期货 //默认不勾选 //期货 //默认不勾选
arr_[i].check=false; arr_[i].check=false;
...@@ -59,7 +63,12 @@ const mutations = { ...@@ -59,7 +63,12 @@ const mutations = {
if(arr_[i].status==-1){ if(arr_[i].status==-1){
state.zy1LoseData.push(arr_[i]); state.zy1LoseData.push(arr_[i]);
}else{ }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 @@ ...@@ -5,8 +5,10 @@
<i class="iconfont icon-kefu"></i> <i class="iconfont icon-kefu"></i>
</div> </div>
<div class="backtop carslide" v-if="carshow"> <div class="backtop carslide" v-if="carshow">
<i class="iconfont icon-gouwuche1"></i> <a href="/v3/joincart" >
<b class="carNumx">{{cartCount}}</b> <i class="iconfont icon-gouwuche1"></i>
<b class="carNumx">{{cartCount}}</b>
</a>
</div> </div>
<template v-if="isWindow"> <template v-if="isWindow">
<div class="backtop " v-backTopWindow v-show="show"> <div class="backtop " v-backTopWindow v-show="show">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment