qzw_xcx/pages/index/cart.vue

<template>
	<view style="height: 100vh;background-color: #F5F5F5;">
		<view style="height:50upx"></view>
		<uniNavBar
		  left-icon="back"  title="购物车"
		  rightText="编辑"
		  @clickLeft="goback"
		  @clickRight = "deleteShop"	
		 />
		 <view class="cart-list">
		  <view style="display: flex;align-items: center;padding: 20upx 36upx;
		   border-bottom: 1px solid #F5F5F5;
		  ">
			  <image src="" style="width: 50upx;height: 50upx;"></image>
			  <span style="padding-left: 8upx;">华南酒店</span>
		  </view>
		  
		  <view class="shoplist" style="background-color: #fff;">
			  <view style="flex: 1;">
				  <van-checkbox  icon-size="16px" checked-color="#D9332E"  shape="round" bind:change="onChange">
				  </van-checkbox>
			  </view>
			
			  <view style="flex: 15;">
			  <van-card
			    title-class="changewidth"
				price-class ="priceClass"
			    price="10.00"
			    desc="描述信息"
			    title="商品标题"
			    thumb="https://gd3.alicdn.com/imgextra/i3/0/O1CN01IiyFQI1UGShoFKt1O_!!0-item_pic.jpg_400x400.jpg"
			  >
			    <!-- <view slot="thumb">
					<image style="width: 156upx;height:" src="https://gd3.alicdn.com/imgextra/i3/0/O1CN01IiyFQI1UGShoFKt1O_!!0-item_pic.jpg_400x400.jpg"></image>
				</view> -->
			    <view slot="footer">
			   
				  <uninumberbox :min="1" @change="bindChange"/>
			    </view>
			  </van-card>
			  </view>
		  </view>
		  
		  
		  
		  
		 </view>
		 
		 <view style="position: fixed;bottom: 0;">
		 <van-submit-bar
		   :price="3050"
		   button-text="结算"
		   bind:submit="onClickButton"
		   :tip="true"
		 >
		 <van-checkbox checked-color="#D9332E" :value="checked" shape="round" bind:change="onChange">
		  全选
		 </van-checkbox>
		 </van-submit-bar>
		 </view>
		 
	</view>
</template>

<script>
	import uniNavBar from '@/component/uni-nav-bar/uni-nav-bar.vue'
	import uninumberbox  from '@/component/uinNumber.vue'
	export default {
		components: {
			uniNavBar,
			uninumberbox 
			
		},
		data() {
			return {
				checked: true,
			}
		},
		onReady:function(){
			uni.hideShareMenu({
				  success(res) {
					  console.log(res)
					  console.log("kkkkkkkkkkkk")
				  },
				  fail(res){
					  console.log(res)
					  console.log("dddddd")
				  } 
			});
		},
		methods: {
			// 返回上层
			goback() {
				    console.log("kkdkdk")
					uni.navigateBack(); 
			},
			// 编辑
			deleteShop() {
				
			},
			bindChange(e) {
				console.log(e)
			},
		}
	}
</script>

<style>
		
	/* .uni-navbar {
		height: var(--status-bar-height);
	} */
	
	.uniNavBar {
	  height: 100%;	
	}
	.cart-list {
		background-color: #fff;
		/* padding: 0 36upx; */
	}
	.changewidth {
		color: #303133;
		font-size: 32upx;
		font-weight: 100!important;
	}
	.priceClass {
		color:#303133!important;
		font-weight: 100!important;
		font-size: 36upx;
	}
	.van-card {
		background-color: #fff!important;
	}
    .shoplist {
		display: flex;
		padding: 0 35upx;
		justify-content: space-between;
		align-items: center;
	}
</style>