|
@@ -1,12 +1,5 @@
|
|
<template>
|
|
<template>
|
|
- <view class="content">
|
|
|
|
- <view class="top" v-if="list.length !=0">
|
|
|
|
- <view class="text_1">
|
|
|
|
- <checkbox class="checkbox" @click="selectAll(false)" :checked="isAll">全选</checkbox>
|
|
|
|
- </view>
|
|
|
|
- <view class="text_2" v-if="num==0" @click="edit(1)">编辑</view>
|
|
|
|
- <view class="text_2" v-if="num==1" @click="edit(0)">完成</view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <view class="main">
|
|
<view class="one" v-if="list.length==0&&user._id">
|
|
<view class="one" v-if="list.length==0&&user._id">
|
|
<view class="logo"><text class="iconfont icon-gouwuche"></text></view>
|
|
<view class="logo"><text class="iconfont icon-gouwuche"></text></view>
|
|
<view class="one_1">购物车空空如也~</view>
|
|
<view class="one_1">购物车空空如也~</view>
|
|
@@ -14,42 +7,49 @@
|
|
<button type="primary" size="mini" @click="toCommon('/pages/home/index')">去逛逛</button>
|
|
<button type="primary" size="mini" @click="toCommon('/pages/home/index')">去逛逛</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="two" v-if="list.length !=0">
|
|
|
|
|
|
+ <view class="two" v-else>
|
|
|
|
+ <view class="text_1">
|
|
|
|
+ <checkbox class="checkbox" @click="selectAll(false)" :checked="isAll">全选</checkbox>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="text_2" v-if="num==0" @click="edit(1)">编辑</view>
|
|
|
|
+ <view class="text_2" v-if="num==1" @click="edit(0)">完成</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="thr" v-if="list.length!=0&&user._id">
|
|
<scroll-view scroll-y="true" class="scroll-view">
|
|
<scroll-view scroll-y="true" class="scroll-view">
|
|
<view class="list-scroll-view">
|
|
<view class="list-scroll-view">
|
|
<checkbox-group name="checkbox" @change="marketChange">
|
|
<checkbox-group name="checkbox" @change="marketChange">
|
|
<view class="list" v-for="(item, index) in list" :key="index">
|
|
<view class="list" v-for="(item, index) in list" :key="index">
|
|
- <view class="list_2">
|
|
|
|
|
|
+ <view class="list_1">
|
|
<view class="title">
|
|
<view class="title">
|
|
- <checkbox :value="item.shop" :checked="item.check">
|
|
|
|
|
|
+ <checkbox :value="item.supplier._id" :checked="item.check">
|
|
<text class="iconfont icon-shangdian"></text>
|
|
<text class="iconfont icon-shangdian"></text>
|
|
- {{item.shop_name}}
|
|
|
|
|
|
+ {{item.supplier.name}}
|
|
</checkbox>
|
|
</checkbox>
|
|
</view>
|
|
</view>
|
|
<checkbox-group name="checkbox" @change="goodsChange">
|
|
<checkbox-group name="checkbox" @change="goodsChange">
|
|
- <view class="content" v-for="gs in item.goods" :key="gs.goodsSpec_id">
|
|
|
|
|
|
+ <view class="content" v-for="gs in item.list" :key="gs.specs._id">
|
|
<view class="box">
|
|
<view class="box">
|
|
- <checkbox :value="gs.goodsSpec_id" :checked="gs.check" />
|
|
|
|
|
|
+ <checkbox :value="gs.specs._id" :checked="gs.check" />
|
|
</view>
|
|
</view>
|
|
<view class="img">
|
|
<view class="img">
|
|
<image :src="getFile(gs)"></image>
|
|
<image :src="getFile(gs)"></image>
|
|
</view>
|
|
</view>
|
|
<view class="one_1" v-if="num==0"
|
|
<view class="one_1" v-if="num==0"
|
|
- @click="toCommon('/pagesHome/order/detail',gs)">
|
|
|
|
- <view class="name">{{gs.goods_name}}</view>
|
|
|
|
|
|
+ @click="toCommon('/pagesGoods/index/index',gs)">
|
|
|
|
+ <view class="name textOver">{{gs.goods.name}}</view>
|
|
<view class="info">
|
|
<view class="info">
|
|
- <view class="title_1" v-if="gs.goodsSpec_name">
|
|
|
|
- <text>规格:{{gs.goodsSpec_name}}</text>
|
|
|
|
|
|
+ <view class="title_1 textOver" v-if="gs.specs.name">
|
|
|
|
+ <text>规格:{{gs.specs.name}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="money" v-if="num==0">
|
|
<view class="money" v-if="num==0">
|
|
- <view>¥{{gs.price}}</view>
|
|
|
|
|
|
+ <view>¥{{gs.money}}</view>
|
|
<view>x{{gs.num}}</view>
|
|
<view>x{{gs.num}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="num" v-if="num==1">
|
|
<view class="num" v-if="num==1">
|
|
<uni-number-box @change="changeValue(gs)" name="num" value="gs" :min="1"
|
|
<uni-number-box @change="changeValue(gs)" name="num" value="gs" :min="1"
|
|
- v-model="gs.num" />
|
|
|
|
|
|
+ :max="gs.specs.num" v-model="gs.num" />
|
|
</view>
|
|
</view>
|
|
<view class="del" v-if="num==1">
|
|
<view class="del" v-if="num==1">
|
|
<text class="iconfont icon-del-copy" @click="toDel(gs)"></text>
|
|
<text class="iconfont icon-del-copy" @click="toDel(gs)"></text>
|
|
@@ -62,8 +62,8 @@
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</scroll-view>
|
|
</view>
|
|
</view>
|
|
- <view class="foot" v-if="list.length !=0">
|
|
|
|
- <view class="total">总价:<text>¥{{totalMoney}}(不含运费)</text></view>
|
|
|
|
|
|
+ <view class="foot" v-if="list.length!=0&&user._id">
|
|
|
|
+ <view class="total">总价:<text>¥{{totalMoney}}</text></view>
|
|
<view class="btn" v-if="hasCheck()">
|
|
<view class="btn" v-if="hasCheck()">
|
|
<button type="primary" size="mini" @click="toSettle()" v-if="num==0">提交订单</button>
|
|
<button type="primary" size="mini" @click="toSettle()" v-if="num==0">提交订单</button>
|
|
<button type="primary" size="mini" @click="toDel()" v-if="num==1">删除</button>
|
|
<button type="primary" size="mini" @click="toDel()" v-if="num==1">删除</button>
|
|
@@ -131,7 +131,7 @@
|
|
for (const val of list) {
|
|
for (const val of list) {
|
|
let a = isAll ? false : true;
|
|
let a = isAll ? false : true;
|
|
val.check = a;
|
|
val.check = a;
|
|
- for (let s of val.goods) {
|
|
|
|
|
|
+ for (let s of val.list) {
|
|
s.check = a
|
|
s.check = a
|
|
}
|
|
}
|
|
data.push(val);
|
|
data.push(val);
|
|
@@ -145,18 +145,15 @@
|
|
// 选择店铺
|
|
// 选择店铺
|
|
marketChange(e) {
|
|
marketChange(e) {
|
|
const that = this;
|
|
const that = this;
|
|
- const list = this.list;
|
|
|
|
|
|
+ const list = that.list;
|
|
const {
|
|
const {
|
|
value
|
|
value
|
|
} = e.detail;
|
|
} = e.detail;
|
|
for (const p1 of list) {
|
|
for (const p1 of list) {
|
|
- let p2;
|
|
|
|
- // 判断是套装还是正常商品
|
|
|
|
- if (p1.is_set == '0') p2 = value.find((i) => i == p1._id);
|
|
|
|
- else p2 = value.find((i) => i == p1.shop);
|
|
|
|
|
|
+ let p2 = value.find((i) => i == p1.supplier._id);
|
|
let a = p2 ? true : false;
|
|
let a = p2 ? true : false;
|
|
p1.check = a;
|
|
p1.check = a;
|
|
- for (let s of p1.goods) {
|
|
|
|
|
|
+ for (let s of p1.list) {
|
|
s.check = a
|
|
s.check = a
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -169,13 +166,9 @@
|
|
marketAllChange() {
|
|
marketAllChange() {
|
|
const that = this;
|
|
const that = this;
|
|
let list = that.list;
|
|
let list = that.list;
|
|
- for (let val of list) {
|
|
|
|
- if (val.check == true) {
|
|
|
|
- that.$set(that, `isAll`, true)
|
|
|
|
- } else {
|
|
|
|
- that.$set(that, `isAll`, false)
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ let check = list.find((i) => i.check == false);
|
|
|
|
+ if (check) that.$set(that, `isAll`, false)
|
|
|
|
+ else that.$set(that, `isAll`, true)
|
|
that.$set(that, `list`, list)
|
|
that.$set(that, `list`, list)
|
|
// 计算总额
|
|
// 计算总额
|
|
that.countMoney();
|
|
that.countMoney();
|
|
@@ -187,19 +180,28 @@
|
|
const {
|
|
const {
|
|
value
|
|
value
|
|
} = e.detail;
|
|
} = e.detail;
|
|
- let shop = list.find(f => f.goods.find(i => value.find(s => s == i.goodsSpec_id)))
|
|
|
|
|
|
+ let shop = list.find(f => f.list.find(i => value.find(s => s == i.specs._id)))
|
|
if (shop) {
|
|
if (shop) {
|
|
- for (let val of shop.goods) {
|
|
|
|
- let p2 = value.find((i) => i == val.goodsSpec_id);
|
|
|
|
|
|
+ for (let val of shop.list) {
|
|
|
|
+ let p2 = value.find((i) => i == val.specs._id);
|
|
if (p2) val.check = true;
|
|
if (p2) val.check = true;
|
|
else val.check = false;
|
|
else val.check = false;
|
|
}
|
|
}
|
|
} else {
|
|
} else {
|
|
list = list.map(i => {
|
|
list = list.map(i => {
|
|
- i.goods = i.goods.map(g => ({
|
|
|
|
- ...g,
|
|
|
|
- check: false
|
|
|
|
- }))
|
|
|
|
|
|
+ if (i.check == false) {
|
|
|
|
+ i.list = i.list.map(g => ({
|
|
|
|
+ ...g,
|
|
|
|
+ check: false
|
|
|
|
+ }))
|
|
|
|
+ } else {
|
|
|
|
+ if (i.list.length == 1) {
|
|
|
|
+ i.list = i.list.map(g => ({
|
|
|
|
+ ...g,
|
|
|
|
+ check: false
|
|
|
|
+ }))
|
|
|
|
+ }
|
|
|
|
+ }
|
|
return i;
|
|
return i;
|
|
})
|
|
})
|
|
}
|
|
}
|
|
@@ -214,21 +216,21 @@
|
|
const that = this;
|
|
const that = this;
|
|
let list = that.list;
|
|
let list = that.list;
|
|
list = list.map(i => {
|
|
list = list.map(i => {
|
|
- const isAllSelect = i.goods.every(f => f.check);
|
|
|
|
|
|
+ const isAllSelect = i.list.every(f => f.check);
|
|
if (isAllSelect) i.check = true;
|
|
if (isAllSelect) i.check = true;
|
|
else i.check = false;
|
|
else i.check = false;
|
|
return i;
|
|
return i;
|
|
})
|
|
})
|
|
const allSelect = list.every(e => e.check)
|
|
const allSelect = list.every(e => e.check)
|
|
- if (allSelect) this.$set(this, `isAll`, true)
|
|
|
|
- else this.$set(this, `isAll`, false)
|
|
|
|
|
|
+ if (allSelect) that.$set(that, `isAll`, true)
|
|
|
|
+ else that.$set(that, `isAll`, false)
|
|
// 计算总额
|
|
// 计算总额
|
|
that.countMoney();
|
|
that.countMoney();
|
|
},
|
|
},
|
|
// 加减商品数量
|
|
// 加减商品数量
|
|
async changeValue(value) {
|
|
async changeValue(value) {
|
|
const that = this;
|
|
const that = this;
|
|
- this.$nextTick(async () => {
|
|
|
|
|
|
+ that.$nextTick(async () => {
|
|
let res;
|
|
let res;
|
|
const {
|
|
const {
|
|
goodsSpec_id: goodsSpecId,
|
|
goodsSpec_id: goodsSpecId,
|
|
@@ -260,7 +262,8 @@
|
|
},
|
|
},
|
|
// 删除, 接口,购物车删除,然后将该数据移除
|
|
// 删除, 接口,购物车删除,然后将该数据移除
|
|
async toDel(e) {
|
|
async toDel(e) {
|
|
- let list = this.list;
|
|
|
|
|
|
+ const that = this;
|
|
|
|
+ let list = that.list;
|
|
let set_list = [];
|
|
let set_list = [];
|
|
let goods_list = [];
|
|
let goods_list = [];
|
|
uni.showModal({
|
|
uni.showModal({
|
|
@@ -269,7 +272,7 @@
|
|
success: async (res) => {
|
|
success: async (res) => {
|
|
if (!res.confirm) return
|
|
if (!res.confirm) return
|
|
if (e?.cart_id) {
|
|
if (e?.cart_id) {
|
|
- const result = await this.$api(`/cart/${e.cart_id}`, 'Delete');
|
|
|
|
|
|
+ const result = await that.$api(`/cart/${e.cart_id}`, 'Delete');
|
|
if (result.errcode === 0) {
|
|
if (result.errcode === 0) {
|
|
// 判断是套装还是正常商品
|
|
// 判断是套装还是正常商品
|
|
set_list = list.filter(i => i.is_set == '0')
|
|
set_list = list.filter(i => i.is_set == '0')
|
|
@@ -279,11 +282,11 @@
|
|
...i,
|
|
...i,
|
|
goods: i.goods.filter(f => f.cart_id !== e.cart_id)
|
|
goods: i.goods.filter(f => f.cart_id !== e.cart_id)
|
|
}))
|
|
}))
|
|
- this.$set(this, `list`, [...set_list, ...goods_list]);
|
|
|
|
|
|
+ that.$set(that, `list`, [...set_list, ...goods_list]);
|
|
// 检查店铺内是否还有商品
|
|
// 检查店铺内是否还有商品
|
|
- this.checkShopGoodsExist();
|
|
|
|
|
|
+ that.checkShopGoodsExist();
|
|
// 计算总额
|
|
// 计算总额
|
|
- this.countMoney();
|
|
|
|
|
|
+ that.countMoney();
|
|
}
|
|
}
|
|
} else {
|
|
} else {
|
|
let goodsList = [];
|
|
let goodsList = [];
|
|
@@ -327,9 +330,10 @@
|
|
},
|
|
},
|
|
//检查店铺内是否还有商品
|
|
//检查店铺内是否还有商品
|
|
checkShopGoodsExist() {
|
|
checkShopGoodsExist() {
|
|
- let list = this.list;
|
|
|
|
- list = list.filter(f => f.goods && f.goods.length > 0)
|
|
|
|
- this.$set(this, `list`, list);
|
|
|
|
|
|
+ const that = this;
|
|
|
|
+ let list = that.list;
|
|
|
|
+ list = list.filter(f => f.list && f.list.length > 0)
|
|
|
|
+ that.$set(that `list`, list);
|
|
},
|
|
},
|
|
// 计算总额
|
|
// 计算总额
|
|
countMoney() {
|
|
countMoney() {
|
|
@@ -339,26 +343,21 @@
|
|
// 渲染结束执行下面方法
|
|
// 渲染结束执行下面方法
|
|
that.$nextTick(() => {
|
|
that.$nextTick(() => {
|
|
for (const val of list) {
|
|
for (const val of list) {
|
|
- // 判断是套装还是正常商品
|
|
|
|
- if (val.is_set == '0') {
|
|
|
|
- if (val.check == true) {
|
|
|
|
- let total = that.$multiply(val.sell_money, val.num);
|
|
|
|
|
|
+ for (let as of val.list) {
|
|
|
|
+ if (as.check == true) {
|
|
|
|
+ let total = that.$multiply(as.money, as.num);
|
|
totalMoney += Number(total);
|
|
totalMoney += Number(total);
|
|
}
|
|
}
|
|
- } else {
|
|
|
|
- for (let s of val.goods) {
|
|
|
|
- if (s.check == true) {
|
|
|
|
- let total = that.$multiply(s.price, s.num);
|
|
|
|
- totalMoney += Number(total);
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
that.$set(that, `totalMoney`, totalMoney.toFixed(2))
|
|
that.$set(that, `totalMoney`, totalMoney.toFixed(2))
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ // 显示图片处理
|
|
getFile(data) {
|
|
getFile(data) {
|
|
- const file = data.file;
|
|
|
|
|
|
+ let file
|
|
|
|
+ if (data.specs.file) file = data.specs.file
|
|
|
|
+ else file = data.goods.file;
|
|
if (!file) return '';
|
|
if (!file) return '';
|
|
if (file.length && file.length > 0) return file[0].url
|
|
if (file.length && file.length > 0) return file[0].url
|
|
},
|
|
},
|
|
@@ -368,19 +367,10 @@
|
|
let goodsList = [];
|
|
let goodsList = [];
|
|
let cartIds = [];
|
|
let cartIds = [];
|
|
for (let val of this.list) {
|
|
for (let val of this.list) {
|
|
- // 判断是套装还是正常商品
|
|
|
|
- if (val.is_set == '0') goodsList.push(val)
|
|
|
|
- else goodsList.push(val.goods)
|
|
|
|
|
|
+ goodsList.push(val)
|
|
}
|
|
}
|
|
for (let val of goodsList) {
|
|
for (let val of goodsList) {
|
|
- // 判断是套装还是正常商品
|
|
|
|
- if (val.is_set == '0') {
|
|
|
|
- if (val.check) cartIds.push(val.cart_id)
|
|
|
|
- } else {
|
|
|
|
- for (let set of val) {
|
|
|
|
- if (set.check) cartIds.push(set.cart_id)
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ if (val.check) cartIds.push(val.cart_id)
|
|
}
|
|
}
|
|
const res = await this.$api(`/util/checkCartBuy`, 'POST', {
|
|
const res = await this.$api(`/util/checkCartBuy`, 'POST', {
|
|
cartIds
|
|
cartIds
|
|
@@ -399,12 +389,12 @@
|
|
},
|
|
},
|
|
// 是否选中商品,控制提交订单按钮
|
|
// 是否选中商品,控制提交订单按钮
|
|
hasCheck() {
|
|
hasCheck() {
|
|
- return this.list.some(e => e.goods.some(eg => eg.check))
|
|
|
|
|
|
+ return this.list.some(e => e.list.some(eg => eg.check))
|
|
},
|
|
},
|
|
// 公共跳转
|
|
// 公共跳转
|
|
toCommon(route, e) {
|
|
toCommon(route, e) {
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
- url: `${route}?id=${e && e.goods_id}`
|
|
|
|
|
|
+ url: `${route}?id=${e && e.goods._id}`
|
|
})
|
|
})
|
|
},
|
|
},
|
|
}
|
|
}
|
|
@@ -412,31 +402,13 @@
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
<style lang="scss">
|
|
- .content {
|
|
|
|
|
|
+ .main {
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
width: 100vw;
|
|
width: 100vw;
|
|
- height: 92vh;
|
|
|
|
|
|
+ height: 100vh;
|
|
background-color: var(--footColor);
|
|
background-color: var(--footColor);
|
|
|
|
|
|
- .top {
|
|
|
|
- display: flex;
|
|
|
|
- flex-direction: row;
|
|
|
|
- background-color: var(--mainColor);
|
|
|
|
- height: 35px;
|
|
|
|
- margin: 0 0 4px 0;
|
|
|
|
- padding: 5px 4vw;
|
|
|
|
-
|
|
|
|
- .text_1 {
|
|
|
|
- flex-grow: 1;
|
|
|
|
- line-height: 30px;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .text_2 {
|
|
|
|
- line-height: 35px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
.one {
|
|
.one {
|
|
text-align: center;
|
|
text-align: center;
|
|
margin: 2vw 0;
|
|
margin: 2vw 0;
|
|
@@ -459,107 +431,31 @@
|
|
}
|
|
}
|
|
|
|
|
|
.two {
|
|
.two {
|
|
|
|
+ display: flex;
|
|
|
|
+ background-color: var(--mainColor);
|
|
|
|
+ height: 35px;
|
|
|
|
+ margin: 0 0 4px 0;
|
|
|
|
+ padding: 5px 4vw;
|
|
|
|
+
|
|
|
|
+ .text_1 {
|
|
|
|
+ flex-grow: 1;
|
|
|
|
+ line-height: 30px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .text_2 {
|
|
|
|
+ line-height: 35px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .thr {
|
|
position: relative;
|
|
position: relative;
|
|
flex-grow: 1;
|
|
flex-grow: 1;
|
|
margin: 0 2vw;
|
|
margin: 0 2vw;
|
|
|
|
|
|
.list_1 {
|
|
.list_1 {
|
|
background-color: var(--mainColor);
|
|
background-color: var(--mainColor);
|
|
- margin: 2vw 0 2vw 0;
|
|
|
|
- padding: 2vw 3vw;
|
|
|
|
- border-radius: 4px;
|
|
|
|
-
|
|
|
|
- .title {
|
|
|
|
- border-bottom: 1px solid var(--fcColor);
|
|
|
|
- padding: 0 0 2vw 0;
|
|
|
|
- font-size: var(--font18Size);
|
|
|
|
-
|
|
|
|
- text {
|
|
|
|
- margin: 0 1vw;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .content {
|
|
|
|
- display: flex;
|
|
|
|
- flex-direction: row;
|
|
|
|
- padding: 2vw 0;
|
|
|
|
- font-size: var(--font16Size);
|
|
|
|
- border-bottom: 1px dashed var(--fcColor);
|
|
|
|
-
|
|
|
|
- .img {
|
|
|
|
- width: 20vw;
|
|
|
|
- height: 20vw;
|
|
|
|
- border-radius: 2vw;
|
|
|
|
- border: 1px solid var(--fcColor);
|
|
|
|
-
|
|
|
|
- image {
|
|
|
|
- width: 20vw;
|
|
|
|
- height: 20vw;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .one_1 {
|
|
|
|
- margin: 0 2.5vw;
|
|
|
|
- flex-grow: 1;
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- .info {
|
|
|
|
- width: 100%;
|
|
|
|
- display: flex;
|
|
|
|
- flex-direction: row;
|
|
|
|
-
|
|
|
|
- .title_1 {
|
|
|
|
- font-size: 12px;
|
|
|
|
- color: #666;
|
|
|
|
- margin-top: 10px;
|
|
|
|
-
|
|
|
|
- text {
|
|
|
|
- background-color: #eee;
|
|
|
|
- padding: 5px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .money {
|
|
|
|
- font-size: 14px;
|
|
|
|
- margin-top: 2vw;
|
|
|
|
- text-align: right;
|
|
|
|
- flex-grow: 1;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .total {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: space-between;
|
|
|
|
- padding: 1vw;
|
|
|
|
-
|
|
|
|
- .total_1 {
|
|
|
|
- font-size: 20px;
|
|
|
|
- color: var(--fFB1Color);
|
|
|
|
-
|
|
|
|
- text {
|
|
|
|
- font-size: 12px;
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .total_2 {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: space-between;
|
|
|
|
- align-items: center;
|
|
|
|
-
|
|
|
|
- .del {
|
|
|
|
- margin: 0 0 0 3vw;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .list_2 {
|
|
|
|
- background-color: var(--mainColor);
|
|
|
|
- margin: 2vw 0 2vw 0;
|
|
|
|
- padding: 2vw 3vw;
|
|
|
|
|
|
+ margin: 2vw 0;
|
|
|
|
+ padding: 2vw 2.5vw;
|
|
border-radius: 4px;
|
|
border-radius: 4px;
|
|
|
|
|
|
.title {
|
|
.title {
|
|
@@ -574,7 +470,6 @@
|
|
|
|
|
|
.content {
|
|
.content {
|
|
display: flex;
|
|
display: flex;
|
|
- flex-direction: row;
|
|
|
|
padding: 2vw 0;
|
|
padding: 2vw 0;
|
|
font-size: var(--font16Size);
|
|
font-size: var(--font16Size);
|
|
border-bottom: 1px dashed var(--fcColor);
|
|
border-bottom: 1px dashed var(--fcColor);
|
|
@@ -596,16 +491,16 @@
|
|
}
|
|
}
|
|
|
|
|
|
.one_1 {
|
|
.one_1 {
|
|
- margin: 0 2.5vw;
|
|
|
|
|
|
+ width: 49vw;
|
|
|
|
+ margin: 0 2vw;
|
|
flex-grow: 1;
|
|
flex-grow: 1;
|
|
|
|
|
|
.info {
|
|
.info {
|
|
width: 100%;
|
|
width: 100%;
|
|
display: flex;
|
|
display: flex;
|
|
- flex-direction: row;
|
|
|
|
|
|
|
|
.title_1 {
|
|
.title_1 {
|
|
- font-size: 12px;
|
|
|
|
|
|
+ font-size: var(--font12Size);
|
|
color: #666;
|
|
color: #666;
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
|
|
|
|
@@ -614,36 +509,17 @@
|
|
padding: 5px;
|
|
padding: 5px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
- .gift {
|
|
|
|
- margin: 2vw 1vw 0 0;
|
|
|
|
- font-size: 12px;
|
|
|
|
- color: #FFA500;
|
|
|
|
- border: 1px solid #FFA500;
|
|
|
|
- border-radius: 5px;
|
|
|
|
- padding: 0 1vw;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .act {
|
|
|
|
- margin: 2vw 0 0 0;
|
|
|
|
- font-size: 12px;
|
|
|
|
- border-radius: 5px;
|
|
|
|
- padding: 0 1vw;
|
|
|
|
- border: 1px solid var(--fFB1Color);
|
|
|
|
- color: var(--fFB1Color);
|
|
|
|
- }
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.money {
|
|
.money {
|
|
- margin-top: 2vw;
|
|
|
|
text-align: right;
|
|
text-align: right;
|
|
flex-grow: 1;
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
|
|
|
|
.num {
|
|
.num {
|
|
margin: 6vw 4vw;
|
|
margin: 6vw 4vw;
|
|
- font-size: 20px;
|
|
|
|
|
|
+ font-size: var(--font20Size);
|
|
}
|
|
}
|
|
|
|
|
|
.del {
|
|
.del {
|
|
@@ -658,9 +534,8 @@
|
|
.foot {
|
|
.foot {
|
|
background-color: var(--fffColor);
|
|
background-color: var(--fffColor);
|
|
display: flex;
|
|
display: flex;
|
|
- flex-direction: row;
|
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
- height: 44px;
|
|
|
|
|
|
+ height: 45px;
|
|
padding: 0 0 0 6vw;
|
|
padding: 0 0 0 6vw;
|
|
border-right: 1px solid var(--f99Color);
|
|
border-right: 1px solid var(--f99Color);
|
|
|
|
|
|
@@ -671,21 +546,18 @@
|
|
line-height: 40px;
|
|
line-height: 40px;
|
|
|
|
|
|
text {
|
|
text {
|
|
- color: var(--fFB1Color);
|
|
|
|
|
|
+ color: var(--f3CColor);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.btn {
|
|
.btn {
|
|
button {
|
|
button {
|
|
width: 30vw;
|
|
width: 30vw;
|
|
- height: 44px;
|
|
|
|
- line-height: 44px;
|
|
|
|
|
|
+ height: 45px;
|
|
|
|
+ line-height: 45px;
|
|
border-radius: 0px;
|
|
border-radius: 0px;
|
|
- background-color: var(--fFB1Color);
|
|
|
|
- text-align: center;
|
|
|
|
|
|
+ background-color: var(--f3CColor);
|
|
font-weight: normal;
|
|
font-weight: normal;
|
|
- font-size: var(--font15Size);
|
|
|
|
- color: var(--fffColor);
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -715,8 +587,8 @@
|
|
|
|
|
|
// 复选框选中样式
|
|
// 复选框选中样式
|
|
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
|
|
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
|
|
- border-color: var(--fFB1Color);
|
|
|
|
- background-color: var(--fFB1Color);
|
|
|
|
|
|
+ border-color: var(--f3CColor);
|
|
|
|
+ background-color: var(--f3CColor);
|
|
}
|
|
}
|
|
|
|
|
|
// 复选框选中之后对号的样式
|
|
// 复选框选中之后对号的样式
|