You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
2.2 KiB
96 lines
2.2 KiB
<template>
|
|
<view>
|
|
<image mode="widthFix" class="width100 imgs" src="../static/imgs/kfchome.png"></image>
|
|
<view class="width94 heads alijusstart">
|
|
<view class="width48 backcorfff height260 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="mart15 width90 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 font14"> 本产品为第三方代点餐/代配送服务!</view>
|
|
<view class="width90 mart5 colorbe font14"> 即第三方代点餐,一切商业行为与肯德基无关。</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
methods: {
|
|
//跳转自助点餐
|
|
jumpbuffert(){
|
|
uni.navigateTo({
|
|
url:'../buffet-order/buffet-order'
|
|
})
|
|
},
|
|
//跳转外卖
|
|
jumpaddress() {
|
|
uni.navigateTo({
|
|
url: '../address/address'
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
page {
|
|
background-color: #f0f0f0;
|
|
}
|
|
|
|
.imgs {
|
|
position: absolute;
|
|
}
|
|
|
|
.width48 {
|
|
width: 48%;
|
|
border-radius: 30rpx;
|
|
}
|
|
|
|
.margitle {
|
|
margin-left: 4%;
|
|
}
|
|
|
|
.c62a1e {
|
|
color: #c32a20;
|
|
}
|
|
|
|
.backcorf062 {
|
|
background-color: #c32a20;
|
|
}
|
|
|
|
.heads {
|
|
position: relative;
|
|
top: 500rpx;
|
|
}
|
|
|
|
.border-15 {
|
|
border-radius: 30rpx;
|
|
}
|
|
|
|
.colorbe {
|
|
color: #beac7c;
|
|
}
|
|
|
|
.foots {
|
|
position: relative;
|
|
top: 500rpx;
|
|
}
|
|
</style>
|
|
|