zh_order_food_xcx/pages-buy/group-goods-info.vue

<template>
	<view class="">
		<Nav :title="shop_name" :bgckgroundBox='"transparent"' leftIconColor="#333" titleColor="#333"></Nav>
		<view class="sift-box p-12-24 box-border-box align-items-center">
			<view class="flex-1 align-items-center">
				<view class="max-w-200">
					
				</view>
			</view>
			<uni-icons type="bars" size="22"></uni-icons>
		</view>
		<scroll-view :scroll-y="true" class="flex-common-css">
			
		</scroll-view>
	</view>
</template>

<script>
	import {
		groupInfo,
		groupIndexGoods
	} from '@/api/group.js'
	export default {
		components: {},
		data() {
			return {
				shop_id: '',
				gooods_id: '',
				shop_name: '',
				goods_info: {},
				sift_data: [],
				sift_id: 0
			};
		},
		onLoad(data) {
			if (data) {
				this.shop_id = data.shop_id
				this.gooods_id = data.gooods_id
				this.shop_name = data.shop_name
				this.groupInfo()
				this.groupIndexGoods()
			}
			// console.log(data);
		},
		mounted() {},
		methods: {
			groupIndexGoods() {
				groupIndexGoods({shop_id: this.shop_id}).then((res) => {
					if(res.code === 1) {
						this.sift_data = res.data
					}
				})
			},
			groupInfo() {
				groupInfo({
					shop_id: this.shop_id,
					id: this.gooods_id
				}).then((res) => {
					if (res.code === 1) {
						this.goods_info = res.data
					}
				})
			}
		},
	}
</script>

<style lang="scss" scoped>
.box-b{
	width: 100%;
	height: 100vh;
	background: orangered;
}
.max-w-200{
	max-width: 200rpx;
	background: rebeccapurple;
	margin-right: 15rpx;
}
</style>