7.14

pageC/cart/index.vue

@@ -26,6 +26,9 @@
 				</view>
 			</view>
 		</u-checkbox-group>
+		<view class="empty-view">
+			<u-empty mode="car" v-if="!list.length" :margin-top="240"></u-empty>
+		</view>
 		<view class="balance">
 			<u-checkbox-group>
 				<u-checkbox v-model="checkedAll" shape="circle" active-color="#FF780F" icon-size="35" label-size="30" @change="totalChange">
@@ -85,6 +88,7 @@ export default {
 		},
 		// 结算
 		settlementOrder() {
+			if(!this.checkedGoods.length) return false;
 			// 拼接后端需要的数据形式
 			let id = [], temp = '';
 			this.checkedGoods.forEach(item => {
@@ -194,7 +198,6 @@ export default {
 	onNavigationBarButtonTap(btn) {
 		// console.log(btn);
 		// #ifdef H5
-		this.status = '完成';
 		if(this.status == '编辑'){
 			this.status = "完成";
 		}else{
@@ -227,6 +230,8 @@ export default {
 </script>
 <style lang="scss" scoped>
 .cart {
+	min-height: calc(100vh - var(--window-top));
+	position: relative;
 	padding-bottom: 100rpx;
 	.cart-main {
 		display: block;
@@ -336,6 +341,12 @@ export default {
 			}
 		}
 	}
+	.empty-view {
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -100%);
+	}
 	.balance {
 		position: fixed;
 		bottom: 0;