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-Starbucks/home/home.vue

83 lines
1.7 KiB

<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 font16 mart10">低至8折</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>