158 lines
3.5 KiB
Vue
158 lines
3.5 KiB
Vue
<template>
|
||
<!-- 瑞幸咖啡首页 -->
|
||
<view class="content">
|
||
<!-- 顶部图 -->
|
||
<view class="banner">
|
||
<image class="img" :src="qnyurl('banner-2.png','rx')" mode="widthFix"></image>
|
||
</view>
|
||
<view class="stote-operate">
|
||
<navigator url="/pages/restaurant/home/home" hover-class="none" style="width: 100%;height: auto;">
|
||
<view class="stote-operate-order">
|
||
<image class="img" :src="qnyurl('order.png','rx')"></image>
|
||
<view class="diancan">
|
||
开始点餐
|
||
</view>
|
||
</view>
|
||
</navigator>
|
||
<view class="stote-operate-orders" @tap="oreder">
|
||
<image class="img" :src="qnyurl('orders.png','rx')"></image>
|
||
</view>
|
||
<view class="stote-operate-service" @tap="location">
|
||
<image class="img" :src="qnyurl('service.png','rx')"></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {mapMutations} from 'vuex'
|
||
// 客服链接
|
||
import { RXSERVICE} from '@/static/js/serviceurl.js';
|
||
// 共用混入
|
||
import mixin from '@/static/js/mixin/mixin.js';
|
||
// 点餐混入
|
||
import restaurantmixins from '@/static/js/mixin/restaurantmixins.js';
|
||
|
||
import {
|
||
KFCrestaurant
|
||
} from '@/static/js/share.js';
|
||
export default {
|
||
mixins: [mixin,restaurantmixins],
|
||
data() {
|
||
return {
|
||
|
||
}
|
||
},
|
||
onShow() {
|
||
// 只要显示该页面就将导航索引重置
|
||
this.SETNAVINDEX(0);
|
||
},
|
||
onLoad() {
|
||
this.SETBRANDINFOR({
|
||
brand_id:13,
|
||
brand_name:'瑞幸'
|
||
});
|
||
console.log(this.$wx,'$wx');
|
||
console.log(wx,'wx---');
|
||
// 设置微信分享标识
|
||
try{
|
||
wx.miniProgram.postMessage({
|
||
data:{
|
||
title: '美好时光，一起小蓝杯，一起瑞幸，点击这里，尽享5折哦',
|
||
imageUrl:'https://img.agrimedia.cn/chwl/rx/RX_share.jpg',
|
||
ISH5:true,
|
||
CallbackUrl:'https://jc.agrimedia.cn/privilege/pages/restaurant/index/index_rx',
|
||
}
|
||
});
|
||
}catch(e){
|
||
//TODO handle the exception
|
||
this.$wx.miniProgram.postMessage({
|
||
data:{
|
||
title: '美好时光，一起小蓝杯，一起瑞幸，点击这里，尽享5折哦',
|
||
imageUrl:'https://img.agrimedia.cn/chwl/rx/RX_share.jpg',
|
||
ISH5:true,
|
||
CallbackUrl:'https://jc.agrimedia.cn/privilege/pages/restaurant/index/index_rx',
|
||
}
|
||
});
|
||
}
|
||
},
|
||
methods: {
|
||
oreder() {
|
||
// 点击订单时将导航索引设置为1表明显示订单页面
|
||
this.SETNAVINDEX(1);
|
||
uni.navigateTo({
|
||
url: '/pages/restaurant/home/home'
|
||
})
|
||
},
|
||
/**
|
||
* @跳转客服
|
||
* */
|
||
service() {
|
||
window.location.href = RXSERVICE;
|
||
},
|
||
},
|
||
|
||
onShareAppMessage() {
|
||
return RXrestaurant();
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.banner {
|
||
width: 100%;
|
||
|
||
// height: 490rpx;
|
||
.img {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
}
|
||
|
||
.stote-operate {
|
||
width: 100%;
|
||
height: auto;
|
||
padding: 32rpx;
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
justify-content: space-between;
|
||
|
||
.stote-operate-order {
|
||
width: 100%;
|
||
height: 241rpx;
|
||
position: relative;
|
||
|
||
.diancan {
|
||
position: absolute;
|
||
top: 68px;
|
||
left: 78rpx;
|
||
width: 181rpx;
|
||
height: 64rpx;
|
||
background: #FFFFFF;
|
||
box-shadow: 0 10rpx 16rpx 0 rgba(44, 94, 255, 0.2400);
|
||
border-radius: 32rpx;
|
||
color: #4B6FE7;
|
||
text-align: center;
|
||
line-height: 60rpx;
|
||
font-weight: 800;
|
||
}
|
||
|
||
.img {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
}
|
||
|
||
.stote-operate-orders,
|
||
.stote-operate-service {
|
||
width: 332rpx;
|
||
height: 217rpx;
|
||
|
||
.img {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
}
|
||
}
|
||
</style>
|