|
|
|
@ -1,18 +1,25 @@ |
|
|
|
|
<template> |
|
|
|
|
<view :style="colorStyle"> |
|
|
|
|
<view class="topContent"> |
|
|
|
|
<headerSerch></headerSerch> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class='shoppingCart copy-data' v-if="canShow"> |
|
|
|
|
<view class='labelNav acea-row row-around row-middle'> |
|
|
|
|
<view class='item'><text class='iconfont icon-xuanzhong'></text>{{$t(`100%正品保证`)}}</view> |
|
|
|
|
<view class='item'><text class='iconfont icon-xuanzhong'></text>{{$t(`所有商品精挑细选`)}}</view> |
|
|
|
|
<view class='item'><text class='iconfont icon-xuanzhong'></text>{{$t(`售后无忧`)}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class='nav acea-row row-between-wrapper'> |
|
|
|
|
<view>{{$t(`购物数量`)}} <text class='num font-num'>{{cartCount}}</text></view> |
|
|
|
|
<view v-if="cartList.valid.length > 0 || cartList.invalid.length > 0" |
|
|
|
|
class='administrate acea-row row-center-wrapper' @click='manage'> |
|
|
|
|
{{ footerswitch ? $t(`管理`) : $t(`取消`)}} |
|
|
|
|
<view class="contentItem"> |
|
|
|
|
<view class='labelNav acea-row row-around row-middle'> |
|
|
|
|
<view class='item'><text class='iconfont icon-xuanzhong'></text>{{$t(`100%正品保证`)}}</view> |
|
|
|
|
<view class='item'><text class='iconfont icon-xuanzhong'></text>{{$t(`所有商品精挑细选`)}}</view> |
|
|
|
|
<view class='item'><text class='iconfont icon-xuanzhong'></text>{{$t(`售后无忧`)}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class='nav acea-row row-between-wrapper'> |
|
|
|
|
<view>{{$t(`购物数量`)}} <text class='num font-num'>{{cartCount}}</text></view> |
|
|
|
|
<view v-if="cartList.valid.length > 0 || cartList.invalid.length > 0" |
|
|
|
|
class='administrate acea-row row-center-wrapper' @click='manage'> |
|
|
|
|
{{ footerswitch ? $t(`管理`) : $t(`取消`)}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view v-if="(cartList.valid.length > 0 || cartList.invalid.length > 0) && canShow "> |
|
|
|
|
<view class='list'> |
|
|
|
|
<checkbox-group @change="checkboxChange"> |
|
|
|
@ -67,7 +74,7 @@ |
|
|
|
|
<view class='invalidGoods' v-if="cartList.invalid.length > 0"> |
|
|
|
|
<view class='goodsNav acea-row row-between-wrapper'> |
|
|
|
|
<view @click='goodsOpen'><text class='iconfont' |
|
|
|
|
:class='goodsHidden==true?"icon-xiangxia":"icon-xiangshang"'></text>{{$t(`失效商品`)}} |
|
|
|
|
:class='goodsHidden==true?"icon-xiangxia":"icon-xiangshang"'></text>{{$t(`失效商品`)}} |
|
|
|
|
</view> |
|
|
|
|
<view class='del' @click='unsetCart'><text class='iconfont icon-shanchu1'></text>{{$t(`清空`)}} |
|
|
|
|
</view> |
|
|
|
@ -146,6 +153,7 @@ |
|
|
|
|
<!-- <pageFooter :countNum="cartCount"></pageFooter> --> |
|
|
|
|
<tabBar v-if="!is_diy" :pagePath="'/pages/order_addcart/order_addcart'"></tabBar> |
|
|
|
|
<pageFooter v-else></pageFooter> |
|
|
|
|
<zmm-watermark></zmm-watermark> |
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
@ -171,6 +179,7 @@ |
|
|
|
|
import { |
|
|
|
|
toLogin |
|
|
|
|
} from '@/libs/login.js'; |
|
|
|
|
import headerSerch from '@/components/headerSerchCommon.vue'; |
|
|
|
|
import tabBar from "@/pages/index/visualization/components/tabBar.vue" |
|
|
|
|
import { |
|
|
|
|
mapGetters |
|
|
|
@ -191,6 +200,7 @@ |
|
|
|
|
recommend, |
|
|
|
|
productWindow, |
|
|
|
|
tabBar, |
|
|
|
|
headerSerch, |
|
|
|
|
// #ifdef MP |
|
|
|
|
authorize |
|
|
|
|
// #endif |
|
|
|
@ -973,6 +983,12 @@ |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
.topContent{ |
|
|
|
|
border: 1px solid red; |
|
|
|
|
position: fixed; |
|
|
|
|
width: 100%; |
|
|
|
|
top: 0; |
|
|
|
|
} |
|
|
|
|
.shoppingCart { |
|
|
|
|
/* #ifdef H5 */ |
|
|
|
|
// padding-bottom: 0; |
|
|
|
@ -980,19 +996,25 @@ |
|
|
|
|
// padding-bottom: env(safe-area-inset-bottom); |
|
|
|
|
/* #endif */ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contentItem{ |
|
|
|
|
position: fixed; |
|
|
|
|
left: 0; |
|
|
|
|
top: 130rpx; |
|
|
|
|
z-index: 5; |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
.shoppingCart .labelNav { |
|
|
|
|
height: 76rpx; |
|
|
|
|
padding: 0 30rpx; |
|
|
|
|
font-size: 22rpx; |
|
|
|
|
color: #8c8c8c; |
|
|
|
|
position: fixed; |
|
|
|
|
left: 0; |
|
|
|
|
// position: fixed; |
|
|
|
|
// left: 0; |
|
|
|
|
width: 100%; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
background-color: #f5f5f5; |
|
|
|
|
z-index: 5; |
|
|
|
|
top: 0; |
|
|
|
|
// z-index: 5; |
|
|
|
|
// top: 130rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.shoppingCart .labelNav .item .iconfont { |
|
|
|
@ -1008,10 +1030,10 @@ |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
font-size: 28rpx; |
|
|
|
|
color: #282828; |
|
|
|
|
position: fixed; |
|
|
|
|
left: 0; |
|
|
|
|
z-index: 5; |
|
|
|
|
top: 76rpx; |
|
|
|
|
// position: fixed; |
|
|
|
|
// left: 0; |
|
|
|
|
// z-index: 5; |
|
|
|
|
// top: 170rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.shoppingCart .nav .num { |
|
|
|
@ -1045,7 +1067,7 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.shoppingCart .list { |
|
|
|
|
margin-top: 171rpx; |
|
|
|
|
margin-top: 300rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.shoppingCart .list .item { |
|
|
|
@ -1300,7 +1322,7 @@ |
|
|
|
|
|
|
|
|
|
.emptyBox { |
|
|
|
|
text-align: center; |
|
|
|
|
padding: 80rpx 0; |
|
|
|
|
padding: 150rpx 0; |
|
|
|
|
|
|
|
|
|
.tips { |
|
|
|
|
color: #aaa; |
|
|
|
|