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.
 
 
 
 
high-mini/qianzhu-KFC/home/home.vue

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>