foodPackageDetial.wxml 18.5 KB
<view class='page {{showMore||show1?"active":""}}'>
        <view class='big_box'>
                <view class='detail_container {{show||shows?"active":""}}'>
                        <view class='banner' wx:if='{{!showMore}}'>
                                <view class='iconfont icon-fanhui' catchtap='get_back'></view>
                                <view class='coupons'>  
                                        <view class='goods_detail {{active?"active":""}}' bindtap='jump_goods'>商品详情</view>
                                        <view class='graphic_detail {{!active?"active":""}}' bindtap='jump_detail'>图文详情</view>
                                </view> 
                                <view class='share'>
                                        <button open-type='share' type='false' class='share_btn' plain='true'>分享</button>
                                </view>
                        </view>
                        <view class='banner_box'>
                                <view class='banner_box_group' wx:if='{{goods.groupType}}'>
                                        距离团购
                                        <text wx:if='{{goods.groupType.group_status==1}}'>开始\t\t\t</text>
                                        <text wx:elif='{{goods.groupType.group_status==2}}'>结束\t\t\t</text> {{day}}天{{hour}}小时{{minute}}分钟
                                </view>
                                <view class='banner_img'>
                                        <image src='{{goods.info.thumbnail}}'></image>
                                </view>
                        </view>

                        <view class='content_item'>
                                <view class='item_list'>
                                        <view class='banner_title'>{{goods.info.title}}</view>
                                        <view class='introduce'>{{goods.info.excerpt}}</view>
                                        <view class='good_price_progress' wx:if='{{goods.groupType.group_status==2}}'>
                                                <progress show-info border-radius='4' activeColor='#ffda44' stroke-width='8' percent='{{percent}}' font-size='12'></progress>
                                                <text class='group_font'>已拼{{goods.info.group_number}}份\t\t\t\t目标{{goods.info.group_min_number}}份</text>
                                        </view>
                                        <!-- <view class='banner_character'>
                                                <view class='banner_price'>
                                                        <view class=''>
                                                                <text class='money_icon'>¥</text>
                                                                <text class='money'>{{goods.info.price}}</text>
                                                                <text class='original_price'>¥{{goods.info.old_price}}</text>
                                                        </view>

                                                </view>
                                        </view> -->
                                        <view class='banner_character'>
                                        <view class='banner_price'>
                                                <view class=''>
                                                        <text class='money_icon'>¥</text>
                                                        <text class='money'>{{goods.info.price}}</text>
                                                        <text class='original_price'>¥{{goods.info.old_price}}</text>
                                                </view>
                                                <view class='display_box'>
                                                        <text class='money_icon2'>¥</text>
                                                        <text class='money2'>{{goods.info.vip_price}}</text>
                                                        <view class='vip'>
                                                         <image class='vipvip' src='{{imgUrl}}vipvip.png'></image></view>
                                                </view>
                                        </view>
                                        <!-- <view>已售出:{{goods.info.sale_number}}份</view> -->
                                </view>
                                </view>
                                <view class='item_list2' wx:if='{{common}}'>
                                        <view class='user_evaluation'>
                                                <view class='user_evaluation_title'>用户评价</view>
                                                <view class='user_evaluation_time' bindtap='jump_user_comment'>
                                                        <view>({{commentCount}})</view>
                                                        <view class='iconfont icon-jinru'></view>
                                                </view>
                                        </view>
                                        <view class='user_information_box' wx:for='{{comment}}' wx:for-index='index' wx:key='{{index}}'>
                                                <view class='user_information'>
                                                        <view class='the_star'>
                                                                <view class='head_portrait'>
                                                                        <image src='{{item.avatar}}'></image>
                                                                </view>
                                                                <view class='star_box'>
                                                                        <view class='user_name'>{{item.full_name}}</view>
                                                                        <view class='stars1'>
                                                                                <view class='iconfont icon-pingfen' wx:for='{{item.stars_arr}}' wx:key='{{item}}'></view>

                                                                        </view>
                                                                </view>
                                                        </view>
                                                        <view class='title'>{{item.create_time}}</view>
                                                </view>
                                                <view class='evaluation'>{{item.content}}</view>
                                                <view class='evaluation_img'>
                                                        <view class='upload_img_box'>
                                                                <view class='upload_img' wx:for='{{item.more.photos}}' wx:for-item='child' wx:key='{{child}}'>
                                                                        <image src='{{child}}'></image>
                                                                </view>
                                                        </view>
                                                </view>
                                                <view class='comments_btn'>
                                                        <view class='iconfont icon-message'></view>
                                                        <view class='comments'>评论</view>
                                                </view>
                                        </view>
                                </view>
                                <view class='item_list10'>
                                        <view class='food_title_all'>
                                                <view class='explain_one'>
                                                        商品包内容
                                                </view>
                                                <view class='two_title_xixi'>点击商品可查看商品信息,也可更换该商品包菜品</view>
                                        </view>
                                        <view class='food_box_big'>
                                                <view class='real_food_box'>
                                                        <view class='collocation'>
                                                                <view class='collocation_box' wx:for='{{showList}}' wx:for-index='index' wx:key='{{index}}' bindtap='goDetail' data-id='{{item.id}}'>
                                                                        <view class='iconfont icon-weixuanzhong {{flag?"active":""}}' catchtap='changeFlag'></view>
                                                                        <view class='collocation_img'>
                                                                                <image src='{{item.more.thumbnail}}'></image>
                                                                        </view>
                                                                        <view class='collocation_content'>

                                                                                <view class='overflowe'>{{item.title}}
                                                                                </view>
                                                                                <view class='introduce'>{{item.tips}}</view>
                                                                                <view class='introduce'  catchtap='chooseStandard'  data-shop="{{item}}" data-origin='{{index}}'>请选择商品属性
                                                                                <view class='iconfont icon-icondayu'></view>
                                                                                </view>
                                                                        </view>
                                                                </view>
                                                        </view>
                                                </view>
                                                <view class='replace_dishes' bindtap='replaceDishes'>
                                                        <view class='replace_dishes_center'>
                                                                <view class='replace_image'>
                                                                        <image src='../../imgs/replace.png'></image>
                                                                </view>
                                                                <view class='replace_font'>更换菜品</view>
                                                        </view>
                                                </view>
                                        </view>
                                </view>

                                <view>
                                        <view class='explain'>
                                                <view class='explain_one'>
                                                        小贴士
                                                </view>
                                                <view class='explain_two'>
                                                        <view> 01 这里是菜品更换说明,模块高度随文案内容变更,文案将两控制在100字以内</view>
                                                        <view> 02 从以下菜品更换您的菜谱,点即可查看详情</view>
                                                        <view> 03 这里是菜品更换说明,模块高度随文案内容变更,文案将两控制在100字以内</view>
                                                </view>
                                        </view>
                                </view>
                        </view>
                        <view class='bottom_btn' wx:if='{{!showMore}}'>
                                 <view class='hint_btn'>
                                        <view class='shop_car' bindtap='get_car'>
                                                <view class='iconfont icon-gouwuches'></view>
                                                <view>购物车</view>
                                                <view class='cart_count'>{{goods.cartCount}}</view>
                                        </view>
                                        <!-- <view bindtap='collection' bindtap='collection_true' data-id='{{goods.info.id}}'>
                                                <view class='iconfont icon-shoucang {{goods.info.is_favorite==1||shoucang?"active":""}}'></view>
                                                <view class='shop_car {{goods.info.is_favorite==1||shoucang?"active":""}}'>收藏</view>
                                        </view> -->
                                </view>
                                <view class='immediately_btn' bindtap='go_pay_sale'>立即购买</view>
                        </view>
                </view>
                <!-- 直接购买弹框 -->
                <view class='cart_mask' wx:if='{{shows}}'>
                        <view class='cart_mask_diceng'>
                                <view class='close_jump_cart iconfont icon-cuowu' bindtap='close_mask_carts'></view>
                                <view class='goods_name'>菜品名称</view>
                                <view class='weight' wx:for='{{goods.attr.attr_sku}}' wx:key='{{item.id}}' wx:for-index='cellindex' wx:for-item='cell'>
                                        <view class='weight_view'>{{cell.name}}</view>
                                        <view class='quality'>
                                                <view class='quality_left {{value.t?"active":""}}' wx:for='{{cell.item}}' wx:key='{{key}}' data-gid='{{value.id}}' data-parent="{{cellindex}}" data-item="{{value.attribute_value}}" data-index="{{index}}" bindtap='changeIds' wx:for-item='value'>{{value.attribute_value}}</view>
                                        </view>
                                </view>

                                <view class='last_box'>
                                        <view class='last_box_top'>
                                                <view class='last_box_top_price'>
                                                        <view>¥{{goods.price}}</view>
                                                </view>
                                        </view>
                                        <view class='last_box_top'>
                                                <view class='last_box_top_price'>
                                                        <view class='member_price'>¥{{goods.vip_price}}</view>
                                                        <text class='member'>会员专享</text>
                                                </view>
                                                <view class='jiajian' wx:if='{{!goods.groupType}}'>
                                                        <view bindtap='dec_num' class='dec_num'>-</view>
                                                        <view class='numnum'> {{num}}</view>
                                                        <view bindtap='add_num' class='dec_num'>+</view>
                                                </view>
                                                <view class='purchase' bindtap='hide_masks'>确定</view>
                                        </view> 
                                </view>
                        </view>
                </view>
        </view>
</view>
<!-- 更换菜品弹框 -->
<view class='maskMore' wx:if='{{showMore}}'>
        <view class='banner'>
                <view class='iconfont icon-fanhui' catchtap='closeShowMore'></view>
                <view class='coupons'>商品详情</view>
                <view class='share' catchtap='closeShowMore'>确定</view>
        </view>
        <view class='explaina'>
                <view class='explain_one'>
                        菜品更换说明
                </view>
                <view class='explain_two'>
                        <view> 01 这里是菜品更换说明,模块高度随文案内容变更,文案将两控制在100字以内</view>
                        <view> 02 从以下菜品更换您的菜谱,点即可查看详情</view>
                </view>
        </view>
        <view class='three'>
                <view class='collocation_boxa' wx:for='{{packageList}}' wx:for-index='index' wx:key='{{index}}' bindtap='goDetail' data-id='{{item.id}}'>
                        <view class='iconfont icon-weixuanzhong xuanzhongda {{item.t?"active":""}}' catchtap='changeFlag' data-index='{{index}}'></view>
                        <view class='collocation_img'>
                                <image src='{{item.more.thumbnail}}'></image>
                        </view>
                        <view class='collocation_content'>
                                <view class='overflowe'>{{item.title}}</view>
                                <view class='introduce'>{{item.tips}}</view>
                        </view>
                </view>
        </view>
</view>
<!-- 选择规格弹框弹框 -->
<view class='cart_mask' wx:if='{{show1}}'>
        <view class='cart_mask_diceng'>
                <view class='close_jump_cart iconfont icon-cuowu' bindtap='close_mask_cart1'></view>
                <view class='goods_name'>{{goods1.title}}</view>
                <view class='weight' wx:for='{{goods1.attr.attr_sku}}' wx:key='{{item.id}}' wx:for-index='cellindex' wx:for-item='cell'>
                        <view class='weight_view'>{{cell.name}}</view>
                        <view class='quality'>
                                <view class='quality_left {{value.t?"active":""}}' wx:for='{{cell.item}}' wx:key='{{key}}' data-gid='{{value.id}}' data-parent="{{cellindex}}" data-item="{{value.attribute_value}}" data-index="{{index}}" bindtap='changeIds1' wx:for-item='value' data-origin='{{origin}}'>{{value.attribute_value}}</view>
                        </view>
                </view>

                <view class='last_box'>
                        <view class='last_box_top'>
                                <view class='last_box_top_price'>
                                        <view class='yanse'>¥{{goods1.ggprice}}</view>
                                </view>
                                 <view class='purchase' bindtap='hide_mask1' data-index='{{originIndex}}'>确定</view>
                        </view>
                </view>
        </view>
</view>