点击早中晚 分别进不同的详情

  computed: {
            _dataList: function() {

                if (this.type == 1)
                    return this.dataList.breakfast
                if (this.type == 2)
                    return this.dataList.lunch
                if (this.type == 3)
                    return this.dataList.dinner

                return []
            },
            loading: function() {
                var that: any = this;
                return that.refreshing || that.loadmoreing;
            }
        },
              <view class="item" hover-class="zk_pressed1" v-for="(item,index) in _dataList" :key="index">
                            <myimage class="img" :src="item.images"></myimage>
                            <view class="title">{{item.name}}</view>
                            <view class="bottom">
                                <view class="left">
                                    <text>{{item.weight}}</text>
                                </view>
                                <view class="right">
                                    <text>{{item.calorie}}千卡</text>
                                </view>
                            </view>
                        </view>

 

onLoad() {
            var that: any = getApp();
            this.contentMarginTop = that.globalData.immersionAppBarHeight

            var _pages: any = getCurrentPages()

            var _date: any = _pages[_pages.length - 1].options.date || this.$Route.query.date
            this.type = _pages[_pages.length - 1].options.type || this.$Route.query.type

            this.getDayRecipes(_date)
        },

 

 

dining

            <view class="menuItem zk_pressed1" @click="itemMore(weeks[curWeekIndex].date,1)">
                            <view class="header">
                                <text style="flex:1;font-size: 18px;font-weight: bold;">早餐</text>
                                <text style="font-size: 10px;">更多</text>
                            </view>
                            <view style="display: flex;">
                                <view class="itmm" v-for="item in breakfast" :key="index">
                                    <!-- <image src="/static/logo.png"></image>  -->
                                    <myimage class="image" :src="item.images"></myimage>
                                    <view class="txt">
                                        <view style="font-size: 12px;">{{item.name}}</view>
                                        <view style="font-size: 9px;color: #999999;margin: 2px 0;">{{item.weight}}</view>
                                        <view style="font-size: 9px;color: #999999;">{{item.calorie}}</view>
                                    </view>
                                </view>
                            </view>
                        </view>
                        <view class="menuItem zk_pressed1" @click="itemMore(weeks[curWeekIndex].date,2)">
                            <view class="header">
                                <text style="flex:1;font-size: 18px;font-weight: bold;">午餐</text>
                                <text style="font-size: 10px;">更多</text>
                            </view>
                            <view style="display: flex;">
                                <view class="itmm" v-for="item in lunch" :key="index">
                                    <!-- <image src="/static/logo.png"></image>  -->
                                    <myimage class="image" :src="item.images"></myimage>
                                    <view class="txt">
                                        <view style="font-size: 12px;">{{item.name}}</view>
                                        <view style="font-size: 9px;color: #999999;margin: 2px 0;">{{item.weight}}</view>
                                        <view style="font-size: 9px;color: #999999;">{{item.calorie}}</view>
                                    </view>
                                </view>
                            </view>
                        </view>
                        <view class="menuItem zk_pressed1" @click="itemMore(weeks[curWeekIndex].date,3)">
                            <view class="header">
                                <text style="flex:1;font-size: 18px;font-weight: bold;">晚餐</text>
                                <text style="font-size: 10px;">更多</text>
                            </view>
                            <view style="display: flex;">
                                <view class="itmm" v-for="item in dinner" :key="index">
                                    <!-- <image src="/static/logo.png"></image>  -->
                                    <myimage class="image" :src="item.images"></myimage>
                                    <view class="txt">
                                        <view style="font-size: 12px;">{{item.name}}</view>
                                        <view style="font-size: 9px;color: #999999;margin: 2px 0;">{{item.weight}}</view>
                                        <view style="font-size: 9px;color: #999999;">{{item.calorie}}</view>
                                    </view>
                                </view>
                            </view>
                        </view>
data() {
            return {
                // 是否展示 导航栏 阴影
                immersionShow: false,
                contentMarginTop: 0,
                curWeekIndex: 0,
                currentData: [],
                list: [],
                meal_type: 1,
                time: null,
                breakfast_time: "未设置",
                lunch_time: "未设置",
                dinner_time: "未设置",
                a: 0,
                b: 0,
                c: 0,
                breakfast: [],
                lunch: [],
                dinner: [],
                total: [],
                weeks: [{
                        display: "周天",
                        date: ""
                    },
                    {
                        display: "周一",
                        date: ""
                    },
                    {
                        display: "周二",
                        date: ""
                    },
                    {
                        display: "周三",
                        date: ""
                    },
                    {
                        display: "周四",
                        date: ""
                    },
                    {
                        display: "周五",
                        date: ""
                    },
                    {
                        display: "周六",
                        date: ""
                    }
                ]

            }
        },
 method 从dining页传type123到dining详情 

itemMore(date: String, type: Number) {
this.$Router.push({ name: 'health-dining-detail', params: { date: date, type: type } }) },

 

posted @ 2020-08-28 14:37  小平头~  阅读(164)  评论(0编辑  收藏  举报