mirror of
https://gitee.com/java110/WechatOwnerService.git
synced 2026-02-24 05:46:04 +08:00
50 lines
1.9 KiB
Vue
50 lines
1.9 KiB
Vue
<template>
|
|
<view>
|
|
<template name="orderPage">
|
|
<scroll-view class="orderPage-sideBar" @scrolltolower="lower" scroll-y="true">
|
|
<block v-for="(item, index) in menu" :key="index">
|
|
<view class="menuList">
|
|
<view :class="'menu ' + (index==selected?'selected':'')" :data-index="index" @tap.native.stop="turnMenu">{{item.typeName}}</view>
|
|
</view>
|
|
</block>
|
|
</scroll-view>
|
|
<scroll-view class="foodList" scroll-y="true">
|
|
<view class="title">{{menu[selected].typeName}}</view>
|
|
<block v-for="(item, index) in menu[selected].menuContent" :key="index">
|
|
<view class="food">
|
|
<image class="img" :src="item.src"></image>
|
|
<view class="food-info">
|
|
<view class="name">{{item.name}}</view>
|
|
<view class="sales">月售 {{item.sales}} 赞 {{item.rating}}</view>
|
|
<view class="price">￥ {{item.price}}</view>
|
|
</view>
|
|
<view class="food-numb">
|
|
<view class="remove" @tap="removeFromTrolley" :hidden="item.numb==0" :data-index="index">-</view>
|
|
<text class="text" :hidden="item.numb==0">{{item.numb}}</text>
|
|
<view class="add" @tap="addToTrolley" :data-index="index">+</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</scroll-view>
|
|
<view :class="'footer ' + (cost!=0?'active':'')">
|
|
<view class="howMuch">
|
|
<view class="img" :style="'background:' + (cost!=0?'#FFD161':'#E7E7E7') + ';'">
|
|
<image src="../../static/images/trolley.png" style="width:60rpx;height:60rpx;"></image>
|
|
</view>
|
|
<view class="cost" :hidden="cost==0">￥{{cost}}</view>
|
|
<view class="free">免配送费</view>
|
|
</view>
|
|
<view class="pay">{{cost!=0?'去结算':'15元起送'}}</view>
|
|
</view>
|
|
</template>
|
|
</view>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
props: []
|
|
}
|
|
</script>
|
|
|