zh_order_food_xcx/pages-buy/group-pay.vue

<template>
	<view class="flex-common-css iPhone-bottom box-border-box">
		<Nav title='提交订单' bgckgroundBox='transparent'></Nav>
		<scroll-view :scroll-y="true" class="scroll-view-css" @scrolltolower="scrolltolower">
			<view class="p-24 box-border-box bgc-f b-rad-20 mb-20">
				<view class="align-items-flex-start">
					<image :src="goods_info.cover_img" mode="aspectFit" class="goods-img mr-12"></image>
					<view class="">
						<view class="fs-32 w-150">
							
						</view>
					</view>
				</view>
			</view>
		</scroll-view>
		<view class="but-box align-items-center flex-justify-space bgc-f p-24 box-border-box">
			<view class="">
				<view class="fs-34 fw-600 fc-41ABF5">
					<span class="fs-24 fc-41ABF5 fw-400 mr-12">合计</span><span class="fs-20 fw-600 fc-41ABF5">￥</span>{{goods_info.price}}
			    </view>
				<view class="fc-9">
					<span class="mr-12">共{{fromData.number}}件</span>已优惠￥{{Number(goods_info.line_price) - Number(goods_info.price)}}
				</view>
			</view>
			<view class="but bgc-41ABF5 fc-f b-rad-200 text-align-center fs-34">
				提交订单
			</view>
		</view>
	</view>
</template>

<script>
	import {
		groupInfo
	} from '@/api/group.js'
	export default {
		components: {},
		data() {
			return {
				fromData: {
					id: 0,
					shop_id: 0,
					number: 1
				},
				goods_info: {}
			};
		},
		onLoad(data) {
			console.log(data);
			if(data) {
				this.fromData.id = data.goods_id
				this.fromData.shop_id = data.shop_id
				this.groupInfo()
			}
		},
		mounted() {},
		methods: {
			scrolltolower() {
				console.log('触底');
			},
			groupInfo() {
				groupInfo({id: this.fromData.id,shop_id: this.fromData.shop_id}).then((res) => {
					if(res.code === 1) {
						this.goods_info = res.data
					}
				})
			},
		},
	}
</script>

<style lang="scss" scoped>
	.goods-img{
		width: 80rpx;
		height: 80rpx;
		border-radius: 20rpx;
	}
.but{
	width: 40%;
	height: 80rpx;
	line-height: 80rpx;
}
</style>