记录模块接口对接
This commit is contained in:
@@ -4,49 +4,49 @@
|
||||
* @Author: Aimee·Zhang
|
||||
* @Date: 2022-01-11 12:08:34
|
||||
* @LastEditors: Aimee·Zhang
|
||||
* @LastEditTime: 2022-01-11 15:41:47
|
||||
* @LastEditTime: 2022-01-13 11:19:06
|
||||
-->
|
||||
|
||||
<template>
|
||||
<view class="foods--lists">
|
||||
<view
|
||||
class="foods-lists"
|
||||
v-for="item in lists"
|
||||
:key="item"
|
||||
v-for="foodsItem in lists"
|
||||
:key="foodsItem.food_id"
|
||||
>
|
||||
<view class="lists-left">
|
||||
<u-image
|
||||
:src="require('../../static/imgs/apple.png')"
|
||||
:src="foodsItem.cover?foodsItem.cover:require('../../static/imgs/apple.png')"
|
||||
:lazy-load="true"
|
||||
radius="10rpx"
|
||||
width="100rpx"
|
||||
height="100rpx"
|
||||
class="goods-img"
|
||||
/>
|
||||
<!-- 只有'点' -->
|
||||
<!-- 只有'点' 点击食物列表-->
|
||||
<view
|
||||
class="lists-right"
|
||||
v-if="type === 'dian'"
|
||||
@click="addGoods"
|
||||
@click="addGoods(foodsItem)"
|
||||
>
|
||||
<view class="lists-title">
|
||||
苹果
|
||||
<view class="des"><span>30.0</span> 千卡/100克</view>
|
||||
{{foodsItem.name}}
|
||||
<view class="des"><span>{{foodsItem.calory}}</span> 千卡/100克</view>
|
||||
</view>
|
||||
<view class="dian dian1"></view>
|
||||
<view :class="['dian', foodsItem.color === 'high'?'dian2':foodsItem.color === 'low'?'dian3':'dian1']"></view>
|
||||
</view>
|
||||
<!-- 有'点'和'右箭头' -->
|
||||
<view
|
||||
class="lists-right"
|
||||
v-else-if="type==='dian-right'"
|
||||
@click="tabGoodsInfo"
|
||||
@click="tabGoodsInfo(foodsItem)"
|
||||
>
|
||||
<view class="lists-title">
|
||||
苹果
|
||||
<view class="des"><span>30.0</span> 千卡/100克</view>
|
||||
{{foodsItem.name}}
|
||||
<view class="des"><span>{{foodsItem.calory}}</span> 千卡/100克</view>
|
||||
</view>
|
||||
<view class="dianlists">
|
||||
<view class="dian dian1"></view>
|
||||
<view :class="['dian', foodsItem.color === 'high'?'dian2':foodsItem.color === 'low'?'dian3':'dian1']"></view>
|
||||
<u-icon
|
||||
name="arrow-right"
|
||||
color="#ddd"
|
||||
@@ -59,15 +59,15 @@
|
||||
<view
|
||||
class="lists-right"
|
||||
v-else-if="type==='no-dian'"
|
||||
@click="editGoods"
|
||||
@click="editGoods(foodsItem)"
|
||||
>
|
||||
<view class="lists-title">
|
||||
苹果
|
||||
<view class="des">100克</view>
|
||||
{{foodsItem.name}}
|
||||
<view class="des">{{foodsItem.weight}}克</view>
|
||||
</view>
|
||||
|
||||
<view class="lists-right1">
|
||||
558<span class="dw">千卡</span>
|
||||
{{foodsItem.calory}}<span class="dw">千卡</span>
|
||||
<u-icon
|
||||
name="arrow-right"
|
||||
color="#ddd"
|
||||
@@ -105,16 +105,16 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
// 跳转到食品详情页面
|
||||
addGoods() {
|
||||
this.$emit("addGoods", "addGoods窜过来的值");
|
||||
addGoods(item) {
|
||||
this.$emit("addGoods", item);
|
||||
},
|
||||
// 跳转到食品详情
|
||||
tabGoodsInfo() {
|
||||
this.$emit("tabGoodsInfo", "tabGoodsInfo窜过来的值");
|
||||
tabGoodsInfo(item) {
|
||||
this.$emit("tabGoodsInfo", { title: item.name, id: item.food_id });
|
||||
},
|
||||
// 编辑食品
|
||||
editGoods() {
|
||||
this.$emit("editGoods", "editGoods窜过来的值");
|
||||
editGoods(item) {
|
||||
this.$emit("editGoods", item);
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user