<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 fontwig6 font20">平台特惠</view> <view class="c62a1e font28 mart10 fontwig6">凭码取餐</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>