|
@@ -1,7 +1,11 @@
|
|
|
<template>
|
|
|
<view class="container cart clearfix">
|
|
|
<tui-skeleton v-if="skeletonShow" backgroundColor="#fafafa" borderRadius="10rpx" :isLoading ="true" :loadingType="5"></tui-skeleton>
|
|
|
- <view class="container-cart-main tui-skeleton">
|
|
|
+ <view class="foot-check-delbtn" v-if="!isshowDelbtn && goodsList.length>0" :style="{top:CustomBar+'px'}">
|
|
|
+ <view class="foot-text">共<text>{{kindCount}}</text>件商品</view>
|
|
|
+ <view class="delBtn" @tap.stop="showDelManager">删除</view>
|
|
|
+ </view>
|
|
|
+ <view class="container-cart-main tui-skeleton" :style="{paddingTop:isshowDelbtn ? '0rpx':'80rpx'}">
|
|
|
<view v-if="!isEmpty" class="container-cart">
|
|
|
<scroll-view class="cart-content" scroll-y @scrolltolower="toLower">
|
|
|
<view class="goods-list">
|
|
@@ -9,25 +13,23 @@
|
|
|
<view class="shoptitle">
|
|
|
<!--选择商店的全部商品 :disabled="isNnder"-->
|
|
|
<view class="checkbox-box" @click.stop="checkShop(item)">
|
|
|
- <button class="checkbox iconfont"
|
|
|
- :class="[item.checked ?'icon-gouxuanl':'icon-weigouxuan']">
|
|
|
- </button>
|
|
|
+ <view class="checkbox iconfont" :class="[item.checked ?'icon-gouxuanl':'icon-weigouxuan']"></view>
|
|
|
+ </view>
|
|
|
+ <view v-if="item.promotions" class="floor-item-act">
|
|
|
+ <view class="floor-tags" @click.stop="clickPopupShow(item,2)">{{item.promotions.name}}</view>
|
|
|
</view>
|
|
|
<view class="text">{{item.name}}</view>
|
|
|
</view>
|
|
|
<view class="productlist">
|
|
|
- <view class="goods-pros"
|
|
|
- v-for="(pros,idx) in item.productsList"
|
|
|
- :key="idx"
|
|
|
- >
|
|
|
+ <view class="goods-pros" v-for="(pros,idx) in item.productsList" :key="idx">
|
|
|
<view class="goods-pros-t">
|
|
|
<!--选择商品-->
|
|
|
<view class="checkbox-box" @click.stop="ischeck(item,pros,idx)">
|
|
|
- <button class="checkbox iconfont"
|
|
|
- :class="[pros.productsChecked ?'icon-gouxuanl':'icon-weigouxuan']">
|
|
|
- </button>
|
|
|
+ <view class="checkbox iconfont" :class="[pros.productsChecked ?'icon-gouxuanl':'icon-weigouxuan']"></view>
|
|
|
+ </view>
|
|
|
+ <view class="pros-img" @click.stop="navToListPage(pros.productID)">
|
|
|
+ <image :src="pros.mainImage ? pros.mainImage :''" alt="" />
|
|
|
</view>
|
|
|
- <view class="pros-img" @click.stop="navToListPage(pros.productID)"><image :src="pros.mainImage ? pros.mainImage :''" alt="" /></view>
|
|
|
<view class="pros-product">
|
|
|
<view class="producttitle" @click.stop="navToListPage(pros.productID)" >
|
|
|
{{pros.name}}
|
|
@@ -38,9 +40,7 @@
|
|
|
</view>
|
|
|
<view class="productprice">
|
|
|
<!--使用过滤器对总价改变-->
|
|
|
- <view class="price"><text>¥</text>
|
|
|
- {{pros.retailPrice ? pros.retailPrice.toFixed(2) : ''}}
|
|
|
- </view>
|
|
|
+ <view class="price"><text>¥</text>{{ pros.retailPrice | NumFormat}}</view>
|
|
|
<view class="count" :class="[isshowDelbtn ? 'none':'show']">
|
|
|
<text class="count-tips step" v-if="pros.isStep">购买量必须为起订量的整数倍</text>
|
|
|
<view class="number-box">
|
|
@@ -50,12 +50,29 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view v-show="pros.actStatus==1" class="floor-item-act">
|
|
|
+ <view v-if="PromotionsFormat(pros.promotions)" class="floor-tags" @click.stop="clickPopupShow(pros,1)">
|
|
|
+ {{pros.promotions.name}}
|
|
|
+ <text v-if ="pros.promotions!=null && pros.promotions.type!=3">
|
|
|
+ :¥{{ pros.promotions == null ? '0.00' : pros.promotions.touchPrice | NumFormat}}
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <view v-else-if="pros.promotions.type!=3" class="floor-tags" @click.stop="clickPopupShow(pros,2)">{{pros.promotions.name}}</view>
|
|
|
+ </view>
|
|
|
+ <view v-if="pros.actStatus == null && pros.ladderFlag == 1" class="floor-item-act">
|
|
|
+ <view class="floor-tags" @click.stop="clickPopupShow(pros,2)">阶梯价格</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="goods-pros-b" :class="[isshowDelbtn ? 'none':'show']" >
|
|
|
- <view class="sum">合计:<text class="money"><text class="money-sign">¥</text>{{item.totalPrice.toFixed(2)}}</text></view>
|
|
|
+ <view class="goods-pros-b clearfix" :class="[isshowDelbtn ? 'none':'show']" >
|
|
|
+ <view class="sum-none" v-if="item.reducedPrice>0">
|
|
|
+ <text class="money-sign">¥</text>
|
|
|
+ <text class="money">{{ item.totalOriginalPrice | NumFormat }}</text>
|
|
|
+ <text class="money-reduced">减<text>¥{{ item.reducedPrice | NumFormat}}</text></text>
|
|
|
+ </view>
|
|
|
+ <view class="sum">合计:<text class="money"><text class="money-sign">¥</text>{{item.totalPrice | NumFormat}}</text></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -71,13 +88,19 @@
|
|
|
<button class="checkbox iconfont" :class="[isCheckAll?'icon-gouxuan':'icon-weigouxuan']"></button>
|
|
|
<view class="text">全选</view>
|
|
|
</view>
|
|
|
- <view class="foot-check-delbtn">
|
|
|
- <button class="delBtn" @tap.stop="showDelManager">删除</button>
|
|
|
+ <view class="sum">
|
|
|
+ <view class="sum-none" v-if="reducedPrice>0">
|
|
|
+ <text class="money-sign">¥</text>
|
|
|
+ <text class="money">{{ totalOriginalPrice | NumFormat }}</text>
|
|
|
+ <text class="money-reduced">减<text>¥{{ reducedPrice | NumFormat}}</text></text>
|
|
|
+ </view>
|
|
|
+ <view class="sum-price" :class="reducedPrice == 0 ? 'none' : ''">
|
|
|
+ 总价:<text class="money-sign">¥</text><text class="money">{{allPrice | NumFormat}}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="sum">总价:<text class="money-sign">¥</text><text class="money">{{allPrice.toFixed(2)}}</text></view>
|
|
|
</view>
|
|
|
<view v-if="!isshowDelbtn" class="footer-ri" >
|
|
|
- <view class="btn" @tap="toConfirmation">去结算({{allCount}})</view>
|
|
|
+ <view class="btn hanld-btn" @tap="toConfirmation">去结算({{allCount}})</view>
|
|
|
</view>
|
|
|
<view v-else class="footer-del">
|
|
|
<view class="btn btn-cancel" @tap.stop="hideDelManage">取消</view>
|
|
@@ -92,6 +115,8 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <!-- 促销活动弹窗 -->
|
|
|
+ <activi-popup :product="handlerPros" :popupShow="popupShow"></activi-popup>
|
|
|
<!-- 透明模态层 -->
|
|
|
<modal-layer v-if='modallayer'></modal-layer>
|
|
|
</view>
|
|
@@ -100,26 +125,32 @@
|
|
|
import tuiSkeleton from "@/components/tui-skeleton/tui-skeleton"
|
|
|
import tuiLoadmore from "@/components/tui-components/loadmore/loadmore"
|
|
|
import tuiNomore from "@/components/tui-components/nomore/nomore"
|
|
|
+ import activiPopup from "@/components/cm-module/productDetails/cm-activipopu"
|
|
|
import modalLayer from "@/components/modal-layer"
|
|
|
import { mapState,mapMutations } from 'vuex';
|
|
|
- import { getSellerShoppingInfo,sellerAddProductNum, deleteSellerCart } from "@/api/seller.js"
|
|
|
|
|
|
export default{
|
|
|
components:{
|
|
|
tuiSkeleton,
|
|
|
tuiLoadmore,
|
|
|
tuiNomore,
|
|
|
+ activiPopup,
|
|
|
modalLayer
|
|
|
},
|
|
|
data(){
|
|
|
return{
|
|
|
clubId:'', //机构ID
|
|
|
+ kindCount:0,
|
|
|
serviceProviderId:'',//协销ID
|
|
|
isStock:'',
|
|
|
+ popupShow:false,
|
|
|
+ handlerPros:{},//监听单挑促销商品
|
|
|
goodsList:[], //购物车的商品
|
|
|
delGoodsList:'',//要删除的商品
|
|
|
setGoodData:'', //确认订单的商品
|
|
|
isCheckAll:false,//是否全选
|
|
|
+ totalOriginalPrice:0,//所有原价价
|
|
|
+ reducedPrice:0,//满减
|
|
|
allPrice:0,//所有价格
|
|
|
allCount:0,//被选中的产品数量
|
|
|
isNnder:true,
|
|
@@ -145,8 +176,11 @@
|
|
|
computed: {
|
|
|
...mapState(['hasLogin','userInfo'])
|
|
|
},
|
|
|
- filters:{//单件商品的价格 × 数量
|
|
|
- totalprice(val,count){
|
|
|
+ filters:{
|
|
|
+ NumFormat(value) {//处理金额
|
|
|
+ return Number(value).toFixed(2);
|
|
|
+ },
|
|
|
+ totalprice(val,count){//单件商品的价格 × 数量
|
|
|
return (val * count).toFixed(2)
|
|
|
}
|
|
|
},
|
|
@@ -163,6 +197,10 @@
|
|
|
initLogin(){
|
|
|
this.$api.redirectTo('/pages/login/login?type=4')
|
|
|
},
|
|
|
+ clickPopupShow(pros,type){//显示活动弹窗
|
|
|
+ this.popupShow = true;
|
|
|
+ this.handlerPros = pros;
|
|
|
+ },
|
|
|
setScrollHeight() {
|
|
|
// 窗口高度-footer高度
|
|
|
const {windowHeight, pixelRatio} = uni.getSystemInfoSync();
|
|
@@ -179,7 +217,7 @@
|
|
|
},
|
|
|
initGetCartGoodsList(){//初始化购物车 index:1
|
|
|
let params = {clubId:this.clubId,serviceProviderId:this.serviceProviderId,pageNum:1,pageSize:this.pageSize}
|
|
|
- getSellerShoppingInfo(params).then(response =>{
|
|
|
+ this.SellerService.GetSellerShoppingInfo(params).then(response =>{
|
|
|
this.skeletonShow = false
|
|
|
this.$store.commit('updateAllNum',response.data.cartQuantity)
|
|
|
const resultsData = response.data.pageDate;
|
|
@@ -189,6 +227,7 @@
|
|
|
this.goodsList = resultsData.results;
|
|
|
this.goodsList.forEach((item,index) => {
|
|
|
let productsListLength = item.productsList.length,invalidLength = 0;
|
|
|
+ this.kindCount = productsListLength;
|
|
|
item.productsList.forEach(pros => {
|
|
|
pros.shopID = item.shopID;
|
|
|
pros.isStep = false
|
|
@@ -201,6 +240,7 @@
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
+ this.totalShopPeice()
|
|
|
this.pullFlag = false;
|
|
|
setTimeout(()=>{this.pullFlag = true;},500)
|
|
|
if(this.hasNextPage){
|
|
@@ -225,7 +265,7 @@
|
|
|
getOnReachBottomData(){//上拉加载
|
|
|
this.pageNum+=1
|
|
|
let params = {clubId:this.clubId,serviceProviderId:this.serviceProviderId,pageNum:this.pageNum,pageSize:this.pageSize}
|
|
|
- getSellerShoppingInfo(params).then(response =>{
|
|
|
+ this.SellerService.GetSellerShoppingInfo(params).then(response =>{
|
|
|
let resultsData = response.data.pageDate
|
|
|
this.hasNextPage = resultsData.hasNextPage;
|
|
|
this.goodsList = this.goodsList.concat(resultsData.results)
|
|
@@ -243,6 +283,7 @@
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
+ this.totalShopPeice()
|
|
|
this.pullFlag = false;// 防上拉暴滑
|
|
|
setTimeout(()=>{this.pullFlag = true;},500)
|
|
|
if(this.hasNextPage){
|
|
@@ -329,31 +370,99 @@
|
|
|
},
|
|
|
totalShopPeice(){//每次所属会所下的商品增减重新计算合计价格&减去含有下架的商品
|
|
|
let prosPrice=0;
|
|
|
- let validPrice =0;
|
|
|
- let validList=[];
|
|
|
+ let touchPrice = 0;
|
|
|
+ let reducedPrice = 0;//商铺合计满减价
|
|
|
+ let totalOriginalPrice = 0;//商铺合计原价
|
|
|
let productsList=[];
|
|
|
this.goodsList.map((item,index)=>{
|
|
|
- productsList=item.productsList;
|
|
|
- prosPrice=productsList.reduce((p,e)=>p+e.retailPrice*e.productCount,0);
|
|
|
- productsList.forEach(pros =>{
|
|
|
- item.totalPrice = prosPrice
|
|
|
- })
|
|
|
+ productsList = item.productsList;
|
|
|
+ //计算店铺满减后店铺合计
|
|
|
+ if(item.promotions && item.promotions.mode == 2){
|
|
|
+ productsList.forEach(pros=>{
|
|
|
+ prosPrice += pros.retailPrice*pros.productCount
|
|
|
+ totalOriginalPrice+= pros.retailPrice*pros.productCount;
|
|
|
+ if(prosPrice >= item.promotions.touchPrice){
|
|
|
+ item.totalPrice = prosPrice - item.promotions.reducedPrice
|
|
|
+ item.reducedPrice = item.promotions.reducedPrice
|
|
|
+ item.totalOriginalPrice = totalOriginalPrice
|
|
|
+ }else{
|
|
|
+ item.totalPrice = prosPrice
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }else{//以下为计算除店铺满减以外的单品满减以及正常商品合计
|
|
|
+ let _totalPrice = 0;
|
|
|
+ let _reducedPrice = 0;
|
|
|
+ let _totalOriginalPrice =0;
|
|
|
+ productsList.forEach(pros=>{
|
|
|
+ let _price = pros.retailPrice*pros.productCount
|
|
|
+ _totalOriginalPrice += pros.retailPrice*pros.productCount;
|
|
|
+ if(pros.promotions && pros.promotions.type != 2 && pros.promotions.mode == 2){
|
|
|
+ if(_price >= pros.promotions.touchPrice){
|
|
|
+ _price = _price - pros.promotions.reducedPrice
|
|
|
+ _reducedPrice += pros.promotions.reducedPrice
|
|
|
+ }
|
|
|
+ _totalPrice += _price
|
|
|
+ }else{
|
|
|
+ _totalPrice += pros.retailPrice*pros.productCount;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ item.reducedPrice = _reducedPrice
|
|
|
+ item.totalOriginalPrice = _totalOriginalPrice
|
|
|
+ item.totalPrice = _totalPrice
|
|
|
+ }
|
|
|
})
|
|
|
},
|
|
|
totalPeice(){ //计算总价格,每次调用此方法,将初始值为0,遍历价格并累加
|
|
|
this.allPrice = 0
|
|
|
- let prosPrice=0;
|
|
|
- let validPrice=0;
|
|
|
- let validList =[];
|
|
|
let productsList =[];
|
|
|
+ //店铺满减
|
|
|
+ let prosPrice=0;
|
|
|
+ let totalPrice = 0;
|
|
|
+ let reducedPrice=0;//促销满减
|
|
|
+ let totalOriginalPrice=0;//促销原价
|
|
|
+ //凑单满减.单品满减
|
|
|
+ let _totalPrice = 0;
|
|
|
+ let _reducedPrice = 0;
|
|
|
+ let _totalOriginalPrice =0;
|
|
|
+ // 正常商品
|
|
|
+ let _totalNonePrice = 0;
|
|
|
+ /*
|
|
|
+ *originalPrice:商品原价
|
|
|
+ *price:商品现价
|
|
|
+ *mode:促销商品满减计算 促销方式mode为 2 的单独做计算 当mode == 2时商品promotions字段为促销活动内容,
|
|
|
+ *touchPrice 为需要满金额
|
|
|
+ *reducedPrice 为满减金额
|
|
|
+ **/
|
|
|
this.goodsList.forEach((item,index)=>{
|
|
|
- productsList=item.productsList;
|
|
|
- productsList.forEach(pros=>{
|
|
|
+ item.productsList.forEach(pros=>{
|
|
|
if(pros.productsChecked){
|
|
|
- prosPrice+=pros.retailPrice*pros.productCount;
|
|
|
- this.allPrice = prosPrice
|
|
|
+ if(item.promotions && item.promotions.mode == 2){
|
|
|
+ prosPrice = pros.retailPrice*pros.productCount
|
|
|
+ totalOriginalPrice += pros.price1*pros.productCount //统计原商品价格
|
|
|
+ if(prosPrice >= item.promotions.touchPrice){//判断如果商品合计价格已满足满减活动,计算价格
|
|
|
+ totalPrice += prosPrice - item.promotions.reducedPrice //统计合计价格
|
|
|
+ reducedPrice += item.promotions.reducedPrice //统计总减金额
|
|
|
+ }else{
|
|
|
+ totalPrice += prosPrice //未达满减的统计合计价格
|
|
|
+ }
|
|
|
+ console.log(totalOriginalPrice)
|
|
|
+ }else if(pros.promotions && pros.promotions.mode == 2){//以下为计算除店铺满减以外的单品满减以及正常商品
|
|
|
+ let _price = pros.retailPrice*pros.productCount
|
|
|
+ _totalOriginalPrice += pros.price1*pros.productCount; //统计原商品价格
|
|
|
+ if(_price >= pros.promotions.touchPrice){//判断如果商品合计价格已满足满减活动,计算价格
|
|
|
+ _price = _price - pros.promotions.reducedPrice //商品满减后价格
|
|
|
+ _reducedPrice += pros.promotions.reducedPrice //统计总减金额
|
|
|
+ }
|
|
|
+ console.log(_totalOriginalPrice)
|
|
|
+ _totalPrice += _price //统计合计价格
|
|
|
+ }else{
|
|
|
+ _totalNonePrice += pros.retailPrice*pros.productCount; //正常商品的价格总计
|
|
|
+ }
|
|
|
}
|
|
|
})
|
|
|
+ this.totalOriginalPrice = totalOriginalPrice + _totalOriginalPrice;
|
|
|
+ this.reducedPrice = reducedPrice +_reducedPrice;
|
|
|
+ this.allPrice = totalPrice + _totalPrice + _totalNonePrice;
|
|
|
})
|
|
|
},
|
|
|
totalCount(){//计算总数量
|
|
@@ -435,7 +544,7 @@
|
|
|
},
|
|
|
updateShoppogNum(pros){//加减购物车商品更新到后台
|
|
|
let params ={id:pros.sellerCartId,productID:pros.productID,num:pros.productCount}
|
|
|
- sellerAddProductNum(params).then(response =>{
|
|
|
+ this.SellerService.SellerAddProductNum(params).then(response =>{
|
|
|
this.isshowDelbtn = false;
|
|
|
this.initGetCartGoodsList();
|
|
|
}).catch(error =>{
|
|
@@ -474,7 +583,7 @@
|
|
|
allCount:this.allCount,
|
|
|
productID:productID.substring(0,productID.lastIndexOf(',')),
|
|
|
productCount:''
|
|
|
- }
|
|
|
+ }
|
|
|
this.$api.navigateTo(`/seller/pages/order/create-order?data=${JSON.stringify({data:cartPramsData})}`)
|
|
|
}
|
|
|
},
|
|
@@ -510,7 +619,7 @@
|
|
|
return
|
|
|
}else{
|
|
|
this.$util.modal('','确定删除选中的商品吗?','确定','取消',true,() =>{
|
|
|
- deleteSellerCart({sellerCartIds:this.delGoodsList}).then(response =>{
|
|
|
+ this.SellerService.DeleteSellerCart({sellerCartIds:this.delGoodsList}).then(response =>{
|
|
|
this.$util.msg('删除成功',2000);
|
|
|
setTimeout(()=>{
|
|
|
this.isshowDelbtn = false;
|
|
@@ -527,6 +636,16 @@
|
|
|
url
|
|
|
})
|
|
|
},
|
|
|
+ PromotionsFormat(promo){//促销活动类型数据处理
|
|
|
+ if(promo!=null){
|
|
|
+ if(promo.type == 1 && promo.mode == 1){
|
|
|
+ return true
|
|
|
+ }else{
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return false
|
|
|
+ },
|
|
|
navToListPage(id){
|
|
|
this.isModallayer = true;
|
|
|
this.$api.navigateTo(`/pages/goods/product?id=${id}`)
|
|
@@ -593,6 +712,46 @@
|
|
|
.empty-container.show{
|
|
|
display: flex;
|
|
|
}
|
|
|
+ .foot-check-delbtn{
|
|
|
+ width: 100%;
|
|
|
+ height: 80rpx;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 15rpx 24rpx;
|
|
|
+ background-color: #F7F7F7;
|
|
|
+ z-index: 9999;
|
|
|
+ .foot-text{
|
|
|
+ font-size: $font-size-26;
|
|
|
+ height: 50rpx;
|
|
|
+ line-height: 50rpx;
|
|
|
+ color: $text-color;
|
|
|
+ float: left;
|
|
|
+ padding-left: 10rpx;
|
|
|
+ text{
|
|
|
+ color: $color-system;
|
|
|
+ margin: 0 6rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .delBtn{
|
|
|
+ width: 100rpx;
|
|
|
+ display: inline-block;
|
|
|
+ padding: 0 15rpx;
|
|
|
+ font-size: $font-size-26;
|
|
|
+ height: 50rpx;
|
|
|
+ line-height: 50rpx;
|
|
|
+ border-radius: 30rpx;
|
|
|
+ background:#FFFFFF;
|
|
|
+ border: 1px solid #C9C9C9;
|
|
|
+ color: #999999;
|
|
|
+ float: right;
|
|
|
+ text-align: center;
|
|
|
+ &.none{
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
.checkbox-box{
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
@@ -638,18 +797,42 @@
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
height: 80rpx;
|
|
|
- // border-bottom: 1px solid #EBEBEB;
|
|
|
line-height: 80rpx;
|
|
|
.checkbox-box{
|
|
|
padding: 10rpx;
|
|
|
}
|
|
|
.text{
|
|
|
- margin-left: 37rpx;
|
|
|
+ width: 450rpx;
|
|
|
+ display: block;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ margin-left: 20rpx;
|
|
|
font-size: $font-size-28;
|
|
|
color: $text-color;
|
|
|
text-align: left;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
+ .floor-item-act{
|
|
|
+ height: 56rpx;
|
|
|
+ text-align: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ float: left;
|
|
|
+ padding:10rpx 0;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ .floor-tags{
|
|
|
+ float: right;
|
|
|
+ height: 36rpx;
|
|
|
+ border-radius: 4rpx;
|
|
|
+ background-color: rgba(225, 86, 22, 0.1);
|
|
|
+ line-height: 36rpx;
|
|
|
+ color: $color-system;
|
|
|
+ text-align: center;
|
|
|
+ display: inline-block;
|
|
|
+ padding:0 16rpx;
|
|
|
+ font-size: $font-size-20;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.goods-pros{
|
|
|
width: 100%;
|
|
@@ -659,40 +842,68 @@
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
width: 100%;
|
|
|
- height: 217rpx;
|
|
|
- padding:0 0 26rpx 0;
|
|
|
+ height: auto;
|
|
|
+ padding:0 0 20rpx 0;
|
|
|
.checkbox-box{
|
|
|
- padding: 10rpx
|
|
|
+ padding: 10rpx;
|
|
|
}
|
|
|
.pros-img{
|
|
|
width: 210rpx;
|
|
|
- height: 100%;
|
|
|
+ height: 210rpx;
|
|
|
border-radius: 10rpx;
|
|
|
- margin:0 26rpx 0 38rpx;
|
|
|
+ margin:0 20rpx;
|
|
|
border:1px solid #f3f3f3;
|
|
|
image{
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+ width: 210rpx;
|
|
|
+ height: 210rpx;
|
|
|
border-radius: 10rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.goods-pros-b{
|
|
|
- width:622rpx;
|
|
|
- margin-left: 84rpx;
|
|
|
- height: 40rpx;
|
|
|
- padding:0 0 26rpx 0;
|
|
|
- // border-top: 1px solid #EBEBEB;
|
|
|
+ width:100%;
|
|
|
+ height: auto;
|
|
|
+ padding:0 0 24rpx 0;
|
|
|
+ box-sizing: border-box;
|
|
|
&.show{
|
|
|
display: block;
|
|
|
}
|
|
|
&.none{
|
|
|
display: none;
|
|
|
}
|
|
|
+ .sum-none{
|
|
|
+ width: 100%;
|
|
|
+ height: 48rpx;
|
|
|
+ line-height: 48rpx;
|
|
|
+ color: $text-color;
|
|
|
+ float: left;
|
|
|
+ text-align: right;
|
|
|
+ .money{
|
|
|
+ font-size: $font-size-26;
|
|
|
+ color: #999999;
|
|
|
+ text-decoration: line-through;
|
|
|
+ }
|
|
|
+ .money-sign{
|
|
|
+ font-size: $font-size-26;
|
|
|
+ color: #999999;
|
|
|
+ text-decoration: line-through;
|
|
|
+ }
|
|
|
+ .money-reduced{
|
|
|
+ margin-left: 10rpx;
|
|
|
+ font-size: $font-size-26;
|
|
|
+ color: $color-system;
|
|
|
+ .iconfont{
|
|
|
+ font-size: $font-size-34;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
.sum{
|
|
|
+ width: 100%;
|
|
|
+ height: 40rpx;
|
|
|
font-size: $font-size-28;
|
|
|
line-height: 40rpx;
|
|
|
color: $text-color;
|
|
|
+ float: left;
|
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
|
|
.money{
|
|
@@ -750,18 +961,18 @@
|
|
|
color: #666666;
|
|
|
}
|
|
|
.productprice{
|
|
|
- height: 48rpx;
|
|
|
- position: absolute;
|
|
|
width: 100%;
|
|
|
- bottom: 0;
|
|
|
+ height: 48rpx;
|
|
|
+ margin: 10rpx 0 0 0;
|
|
|
.price{
|
|
|
line-height: 48rpx;
|
|
|
font-size: $font-size-28;
|
|
|
- // width: 48%;
|
|
|
+ width: 48%;
|
|
|
color: #FF2A2A;
|
|
|
float: left;
|
|
|
&.disabled{
|
|
|
color: #999999;
|
|
|
+ text-decoration: line-through;
|
|
|
}
|
|
|
.money-sign{
|
|
|
font-size: $font-size-24;
|
|
@@ -822,7 +1033,7 @@
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
.btn-input{
|
|
|
- width: 90rpx;
|
|
|
+ width: 62rpx;
|
|
|
height: 48rpx;
|
|
|
line-height: 48rpx;
|
|
|
background: #F8F8F8;
|
|
@@ -846,6 +1057,27 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .floor-item-act{
|
|
|
+ width: 100%;
|
|
|
+ height: 56rpx;
|
|
|
+ text-align: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ float: left;
|
|
|
+ padding:0 0 10rpx 0;
|
|
|
+ margin-left: 10rpx;
|
|
|
+ .floor-tags{
|
|
|
+ float: left;
|
|
|
+ height: 36rpx;
|
|
|
+ border-radius: 4rpx;
|
|
|
+ background-color: rgba(225, 86, 22, 0.1);
|
|
|
+ line-height: 36rpx;
|
|
|
+ color: $color-system;
|
|
|
+ text-align: center;
|
|
|
+ display: inline-block;
|
|
|
+ padding:0 16rpx;
|
|
|
+ font-size: $font-size-20;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.footer{
|
|
@@ -854,15 +1086,12 @@
|
|
|
height: 110rpx;
|
|
|
position: fixed;
|
|
|
bottom: 0rpx;
|
|
|
- z-index: 10;
|
|
|
+ z-index: 100;
|
|
|
.footer-le{
|
|
|
- width: 490rpx;
|
|
|
+ width: 520rpx;
|
|
|
height: 100%;
|
|
|
- padding:0 30rpx;
|
|
|
+ padding:0 24rpx;
|
|
|
float: left;
|
|
|
- .text{
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
.foot-check{
|
|
|
width: 100rpx;
|
|
|
float: left;
|
|
@@ -877,51 +1106,60 @@
|
|
|
float: right;
|
|
|
}
|
|
|
}
|
|
|
- .foot-check-delbtn{
|
|
|
- float: left;
|
|
|
- .delBtn{
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- box-sizing: border-box;
|
|
|
- font-size: $font-size-24;
|
|
|
- text-align: center;
|
|
|
- text-decoration: none;
|
|
|
- border-radius: 0;
|
|
|
- -webkit-tap-highlight-color: transparent;
|
|
|
- overflow: hidden;
|
|
|
- background-color:#FFFFFF;
|
|
|
- color: #FF2A2A;
|
|
|
- padding: 0 24rpx;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- line-height: 110rpx;
|
|
|
- font-weight: bold;
|
|
|
- &.none{
|
|
|
- display: none;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
.sum{
|
|
|
- font-size: $font-size-28;
|
|
|
- line-height: 110rpx;
|
|
|
- color: $text-color;
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
- .money{
|
|
|
- color: #FF2A2A;
|
|
|
+ width: 380rpx;
|
|
|
+ height: 110rpx;
|
|
|
+ float: right;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 10rpx;
|
|
|
+ .sum-none{
|
|
|
+ width: 100%;
|
|
|
+ height: 45rpx;
|
|
|
+ line-height: 45rpx;
|
|
|
+ color: $text-color;
|
|
|
+ float: left;
|
|
|
+ text-align: right;
|
|
|
+ .money{
|
|
|
+ font-size: $font-size-24;
|
|
|
+ color: #999999;
|
|
|
+ text-decoration: line-through;
|
|
|
+ }
|
|
|
+ .money-sign{
|
|
|
+ font-size: $font-size-24;
|
|
|
+ color: #999999;
|
|
|
+ text-decoration: line-through;
|
|
|
+ }
|
|
|
+ .money-reduced{
|
|
|
+ margin-left: 10rpx;
|
|
|
+ font-size: $font-size-24;
|
|
|
+ color: $color-system;
|
|
|
+ }
|
|
|
}
|
|
|
- .money-sign{
|
|
|
- font-size: $font-size-24;
|
|
|
- color: #FF2A2A;
|
|
|
+ .sum-price{
|
|
|
+ text-align: right;
|
|
|
+ width: 100%;
|
|
|
+ height: 45rpx;
|
|
|
+ line-height: 45rpx;
|
|
|
+ font-size: $font-size-30;
|
|
|
+ color: $text-color;
|
|
|
+ float: left;
|
|
|
+ font-weight: normal;
|
|
|
+ &.none{
|
|
|
+ height: 90rpx;
|
|
|
+ line-height: 90rpx;
|
|
|
+ }
|
|
|
+ .money{
|
|
|
+ color: #FF2A2A;
|
|
|
+ }
|
|
|
+ .money-sign{
|
|
|
+ font-size: $font-size-24;
|
|
|
+ color: #FF2A2A;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.footer-ri{
|
|
|
- width: 200rpx;
|
|
|
+ width: 180rpx;
|
|
|
height: 100%;
|
|
|
background:linear-gradient(135deg,rgba(242,143,49,1) 0%,rgba(225,86,22,1) 100%);
|
|
|
float: right;
|