fixbug: 关闭购物车
This commit is contained in:
@@ -5,8 +5,8 @@
|
|||||||
<view v-for="item in balanceList" :key="item.id" class="purse_warp_item" @click="jumpBonus(item)">
|
<view v-for="item in balanceList" :key="item.id" class="purse_warp_item" @click="jumpBonus(item)">
|
||||||
<view class="purse_item_title">
|
<view class="purse_item_title">
|
||||||
<view class="purse_item_title-left">
|
<view class="purse_item_title-left">
|
||||||
<up-image src="/static/mine/purse_amount.png" width="22" height="22" bgColor="#f1f6ff00"
|
<up-image :src="`https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/mine-purse/${item.categoty}.png`"
|
||||||
class="purse_amount"></up-image>
|
width="22" height="22" bgColor="#f1f6ff00" class="purse_amount"></up-image>
|
||||||
<view class="title">{{ item.name }}</view>
|
<view class="title">{{ item.name }}</view>
|
||||||
<up-image src="/static/common/right_soild.png" width="10" height="10" bgColor="#fff"
|
<up-image src="/static/common/right_soild.png" width="10" height="10" bgColor="#fff"
|
||||||
class="right_soild"></up-image>
|
class="right_soild"></up-image>
|
||||||
@@ -149,6 +149,8 @@ export default {
|
|||||||
|
|
||||||
.purse_amount {
|
.purse_amount {
|
||||||
margin-right: 15rpx;
|
margin-right: 15rpx;
|
||||||
|
margin-top: 6rpx;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.right_soild {
|
.right_soild {
|
||||||
|
|||||||
@@ -465,7 +465,7 @@ export default {
|
|||||||
.info_center_warp-item-bottom {
|
.info_center_warp-item-bottom {
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #999999;
|
color: #999999;
|
||||||
margin-top: 10rpx;
|
margin-top: 15rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@@ -477,42 +477,67 @@ export default {
|
|||||||
.purse_info_item-mine {
|
.purse_info_item-mine {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
border: 0;
|
border: 0;
|
||||||
height: 128rpx;
|
height: 128rpx;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
.purse_data_warp {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
margin-left: 20rpx;
|
|
||||||
|
|
||||||
.purse_info_name {
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #333333;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.purse_info_value {
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #999999;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.purse_info_title {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 32px;
|
|
||||||
color: #333333;
|
|
||||||
text-align: end;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.purse_info_left .ipurse_nfo_right {
|
.purse_info_left .ipurse_nfo_right {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: space-between;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
height: 82rpx;
|
||||||
|
|
||||||
|
.purse_data_warp {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
|
||||||
|
.purse_info_name {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.purse_info_value {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.purse_info_title {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 32px;
|
||||||
|
color: #333333;
|
||||||
|
text-align: end;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.purse_info_left {
|
||||||
|
.purse_info_name {
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.purse_info_value {
|
||||||
|
margin-top: 8rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.ipurse_nfo_right {
|
||||||
|
.purse_info_value {
|
||||||
|
width: 300rpx;
|
||||||
|
white-space: nowrap;
|
||||||
|
/* 禁止换行 */
|
||||||
|
overflow: hidden;
|
||||||
|
/* 隐藏溢出内容 */
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
/* 显示省略号 */
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -157,7 +157,7 @@ export default {
|
|||||||
background: linear-gradient(180deg, #FF8876 0%, #FF3D36 17%, #FF4646 85%, #FF8978 100%);
|
background: linear-gradient(180deg, #FF8876 0%, #FF3D36 17%, #FF4646 85%, #FF8978 100%);
|
||||||
border-radius: 24rpx;
|
border-radius: 24rpx;
|
||||||
padding: 50rpx 24rpx;
|
padding: 50rpx 24rpx;
|
||||||
margin: 50rpx auto 0;
|
margin: 100rpx auto 0;
|
||||||
font-size: 34rpx;
|
font-size: 34rpx;
|
||||||
color: #FFFAE3;
|
color: #FFFAE3;
|
||||||
line-height: 54rpx;
|
line-height: 54rpx;
|
||||||
|
|||||||
@@ -44,7 +44,7 @@
|
|||||||
|
|
||||||
<!-- 具体规格 -->
|
<!-- 具体规格 -->
|
||||||
<view class="content_concrete">
|
<view class="content_concrete">
|
||||||
<view class="concrete_item concrete_item_but" @click="checkSpecification(true,'n')">
|
<view class="concrete_item concrete_item_but" @click="checkSpecification(true, 'n')">
|
||||||
<view class="concrete_item_">
|
<view class="concrete_item_">
|
||||||
<view class="concrete_item_title">规格</view>
|
<view class="concrete_item_title">规格</view>
|
||||||
<view class="concrete_item_value">
|
<view class="concrete_item_value">
|
||||||
@@ -112,7 +112,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="product_but_right">
|
<view class="product_but_right">
|
||||||
<view v-if="!ji" class="but_comm join_warp" @click="checkSpecification(true, 'addCart')">加入购物车</view>
|
<view v-if="!ji" class="but_comm join_warp" @click="checkSpecification(true, 'addCart')">加入购物车</view>
|
||||||
<view class="but_comm buy_warp" :class="{'border-16':ji}" @click="checkSpecification(true, 'buy')">立即购买</view>
|
<view class="but_comm buy_warp" :class="{ 'border-16': ji }" @click="checkSpecification(true, 'buy')">立即购买</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 选择规格的弹框 -->
|
<!-- 选择规格的弹框 -->
|
||||||
@@ -204,7 +204,7 @@
|
|||||||
<view class="content_">
|
<view class="content_">
|
||||||
<view class="content_1">{{ source === "supply_chain" ? '云仓客服' : '平台客服' }}</view>
|
<view class="content_1">{{ source === "supply_chain" ? '云仓客服' : '平台客服' }}</view>
|
||||||
<view class="content_3">{{ source === "supply_chain"
|
<view class="content_3">{{ source === "supply_chain"
|
||||||
? CLOUD_SERVICE_PHONE_NUMBER :CUSTOMER_SERVICE_PHONE_NUMBER}}
|
? CLOUD_SERVICE_PHONE_NUMBER : CUSTOMER_SERVICE_PHONE_NUMBER }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="but_">
|
<view class="but_">
|
||||||
@@ -269,13 +269,13 @@ export default {
|
|||||||
serviceShow: false,// 联系客服弹框
|
serviceShow: false,// 联系客服弹框
|
||||||
openShow: false,
|
openShow: false,
|
||||||
source: null,// 来源:供应链,自营
|
source: null,// 来源:供应链,自营
|
||||||
ji:0
|
ji: 0
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(options) {
|
onLoad(options) {
|
||||||
const id = options.id;
|
const id = options.id;
|
||||||
const source = options.source;
|
const source = options.source;
|
||||||
|
|
||||||
if (id && id !== 0) {
|
if (id && id !== 0) {
|
||||||
this.id = id ? parseInt(id, 10) : 0;
|
this.id = id ? parseInt(id, 10) : 0;
|
||||||
if (source && source === 'supply_chain') {
|
if (source && source === 'supply_chain') {
|
||||||
@@ -385,10 +385,10 @@ export default {
|
|||||||
},
|
},
|
||||||
async checkSpecification(val, type) {
|
async checkSpecification(val, type) {
|
||||||
const source = this.source;
|
const source = this.source;
|
||||||
if(type == 'n' && this.ji == 1){
|
if (type == 'n' && this.ji == 1) {
|
||||||
type = 'buy';
|
type = 'buy';
|
||||||
}
|
}
|
||||||
console.log('afsdfsd',source,type)
|
console.log('afsdfsd', source, type)
|
||||||
if (source && source === "supply_chain") {
|
if (source && source === "supply_chain") {
|
||||||
this.openShow = true;
|
this.openShow = true;
|
||||||
return;
|
return;
|
||||||
@@ -498,14 +498,14 @@ export default {
|
|||||||
});
|
});
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const params = {
|
const params = {
|
||||||
id: this.id,
|
id: this.id,
|
||||||
specsId: selectTempl.id,// 规格ID
|
specsId: selectTempl.id,// 规格ID
|
||||||
goodsNum: this.orderInfo.quantity,// 商品数量
|
goodsNum: this.orderInfo.quantity,// 商品数量
|
||||||
}
|
}
|
||||||
console.log('selectTempl',selectTempl)
|
console.log('selectTempl', selectTempl)
|
||||||
if(this.ji == 1){
|
if (this.ji == 1) {
|
||||||
params['specsId'] = selectTempl;
|
params['specsId'] = selectTempl;
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `/pages/order_package/order_submit/order_submit?sed=${JSON.stringify(params)}`,
|
url: `/pages/order_package/order_submit/order_submit?sed=${JSON.stringify(params)}`,
|
||||||
@@ -519,6 +519,7 @@ export default {
|
|||||||
url: `/pages/order_package/order_submit/order_submit?ids=${resp.data}`,
|
url: `/pages/order_package/order_submit/order_submit?ids=${resp.data}`,
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
|
this.specificationShow = false;
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '成功加入购物车',
|
title: '成功加入购物车',
|
||||||
icon: 'success', // 可选 success/loading/none
|
icon: 'success', // 可选 success/loading/none
|
||||||
@@ -540,9 +541,10 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.border-16{
|
.border-16 {
|
||||||
border-radius: 16rpx !important;
|
border-radius: 16rpx !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.product_info_warp {
|
.product_info_warp {
|
||||||
height: calc(100vh - 196rpx);
|
height: calc(100vh - 196rpx);
|
||||||
background-color: $app-bj;
|
background-color: $app-bj;
|
||||||
@@ -667,7 +669,8 @@ export default {
|
|||||||
border-radius: 24rpx;
|
border-radius: 24rpx;
|
||||||
padding: 10rpx 10rpx 30rpx;
|
padding: 10rpx 10rpx 30rpx;
|
||||||
margin-top: 30rpx;
|
margin-top: 30rpx;
|
||||||
margin-bottom:200rpx;
|
margin-bottom: 200rpx;
|
||||||
|
|
||||||
.content_details_title {
|
.content_details_title {
|
||||||
padding: 20rpx 30rpx;
|
padding: 20rpx 30rpx;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user