topnuomi
/
xx-applets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化购物车

This commit is contained in:
TOP糯米 2023-03-22 22:44:24 +08:00
parent e7b8b7d60c
commit ce64a26870
1 changed files with 51 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
src/pages/service/cart.vue
View File

@ -4,41 +4,50 @@
<widget-tips text="为什么会拆成多个订单?根据师傅服务能力与服务类型进行订单拆分" /> <widget-tips text="为什么会拆成多个订单?根据师傅服务能力与服务类型进行订单拆分" />
</view> </view>
<view class="cart-container"> <view class="cart-container">
<view class="cart-group" v-for="(item, index) in list" :key="index"> <block v-if="list.length > 0">
<view class="group-title limit-line clamp-1" @click="checkGroup(index)"> <view class="cart-group" v-for="(item, index) in list" :key="index">
<view class="group-checkbox"> <view class="group-title limit-line clamp-1" @click="checkGroup(index)">
<widget-check-box :size="50" :checked="item.checked" /> <view class="group-checkbox">
</view> <widget-check-box :size="50" :checked="item.checked" />
<view class="title">
<text>{{ item.name }}</text>
</view>
</view>
<view class="group-items">
<view class="cart-item" v-for="(v, i) in item.list" :key="i" @longpress="deleteCart(index, i)">
<view class="item-checkbox" @click="checkItem(index, i)">
<widget-check-box :size="50" :checked="v.checked" />
</view> </view>
<view class="item-box"> <view class="title">
<service-preview-item :data="v" /> <text>{{ item.name }}</text>
<widget-count-modify </view>
class="component-add" </view>
min="1" <view class="group-items">
:init="v.number" <view class="cart-item" v-for="(v, i) in item.list" :key="i" @longpress="deleteCart(index, i)">
@change="changeNumber($event, { parentIndex: index, itemIndex: i })" <view class="item-checkbox" @click="checkItem(index, i)">
/> <widget-check-box :size="50" :checked="v.checked" />
</view>
<view class="item-box">
<service-preview-item :data="v" />
<widget-count-modify
class="component-add"
min="1"
:init="v.number"
@change="changeNumber($event, { parentIndex: index, itemIndex: i })"
/>
</view>
</view>
</view>
<view class="bottom-btn-box">
<view class="total-price">
<text class="text">合计：</text>
<text class="price">¥ {{ utils.formatNumber(item.total, 2) }}</text>
</view>
<view class="button" :class="{ active: item.total > 0 }" @click="createOrder(index)">
<text>去下单</text>
</view> </view>
</view> </view>
</view> </view>
<view class="bottom-btn-box"> </block>
<view class="total-price"> <block v-else>
<text class="text">合计：</text> <view class="empty-data">
<text class="price">¥ {{ utils.formatNumber(item.total, 2) }}</text> 购物车为空，请先去<text class="choose-service" @click="utils.toPage('/pages/service/cate', {}, 'switch')">
</view> 选择服务
<view class="button" :class="{ active: item.total > 0 }" @click="createOrder(index)"> </text>
<text>去下单</text>
</view>
</view> </view>
</view> </block>
</view> </view>
</app-layout> </app-layout>
</template> </template>
@ -281,4 +290,16 @@ export default {
.more { .more {
padding: 50rpx 0; padding: 50rpx 0;
} }
.empty-data {
width: 100%;
box-sizing: border-box;
padding: 100rpx 50rpx;
text-align: center;
color: #999999;
font-size: 28rpx;
.choose-service {
color: #8194f2;
font-weight: bold;
}
}
</style> </style>