high-mini/qianzhu-Starbucks/home/home.vue

<template>
	<view>
		<image mode="widthFix" class="width100 imgs" src="../static/imgs/skhome.png"></image>
		<view class="width94 heads alijusstart">
			<view class="width48 backcorfff height280 fotct paddtop15">
				<view class="fcor333 fontwig6  font20">星专享</view>
				<view class="color2f6f43 font28 mart10 fontwig6">凭码取餐</view>
				<image class="width80p mart20" mode="widthFix" src="../static/imgs/sk1.png"></image>
				<view class="mart20 width80 height30 border-15 fcorfff backcorf2f6 font13" @click="jumpbuffert()">
					立即点餐
				</view>
			</view>
		</view>
		<!-- <view class="foots fotct marb20">
			<view class="width90 mart30 colorbe font12"> 本产品为第三方代点餐/代配送服务！</view>
			<view class="width90 mart5 colorbe font12"> 即第三方代点餐，一切商业行为与星巴克无关。</view>
		</view> -->
	</view>
</template>

<script>
	let app = getApp();
	export default {
		data() {
			return {

			}
		},
		methods: {
			//跳转自助点餐
			jumpbuffert() {
				app.globalData.distinguishid = 2;
				uni.navigateTo({
					url: '/qianzhu-KFC/buffet-order/buffet-order'
				})
			},
			//跳转外卖
			jumpaddress() {
				uni.navigateTo({
					url: '../address/address'
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f0f0f0;
	}

	.imgs {
		position: absolute;
	}

	.width48 {
		width: 60%;
		margin-left: 20%;
		border-radius: 30rpx;
	}

	.margitle {
		margin-left: 4%;
	}

	.heads {
		position: relative;
		top: 440rpx;
	}

	.border-15 {
		border-radius: 30rpx;
	}

	.colorbe {
		color: #beac7c;
	}

	.foots {
		position: relative;
		top: 450rpx;
	}
</style>