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

<template>
	<view>
		<image mode="widthFix" class="width100 imgs" src="../static/imgs/kfchome.png"></image>
		<view class="width94 heads alijusstart">
			<view class="width48 backcorfff height280 fotct paddtop15">
				<view class="fcor666 font20"><text class="fcor333 fontwig6 ">KFC</text>在线点餐</view>
				<view class="c62a1e font28 mart10 fontwig6">5折起</view>
				<image class="width80p mart20" mode="widthFix" src="../static/imgs/kfc1.png"></image>
				<view class="mart20 width80 height30 border-15 fcorfff backcorf062 font13" @click="jumpbuffert()">
					立即点餐(堂食/外带)
				</view>
			</view>
			<!-- <view class="width48 backcorfff margitle height260 fotct paddtop15">
				<view class="fcor666 font20">外卖优惠点餐</view>
				<view class="c62a1e font28 mart10 fontwig6">送到家</view>
				<image class="width80p mart20" mode="widthFix" src="../static/imgs/kfc2.png"></image>
				<view class="mart15 width90 height30 border-15 fcorfff backcorf062 font13" @click="jumpaddress()">
					立即点餐
				</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 = 1;
				uni.navigateTo({
					url: '../buffet-order/buffet-order?typeid=1'
				})
			},
			//跳转外卖
			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%;
	}

	.c62a1e {
		color: #c32a20;
	}

	.backcorf062 {
		background-color: #c32a20;
	}

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

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

	.colorbe {
		color: #beac7c;
	}

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