<view class="goods">
    <view class="goods_back"></view>
    <view class="goods_img img_box">
        <image class="image" src="{{imgUrl}}" mode="widthFix"></image>
    </view>
    <view class="goods_content">
        <view class="goods_price">¥358.00</view>
        <view class="goods_title">摩飞电器电压力锅 电高压锅电饭锅电饭煲 家用2.5L</view>
        <view class="goods_info card">
            <view class="goods_info_content">
                <view class="goods_info_item menu">
                    <view class="goods_info_list">米色 / 2L / 一件</view>
                </view>
                <view class="goods_info_item car">
                    <view class="goods_info_list">48小时内发货</view>
                    <!-- <view class="goods_info_address">
                        <view class="span">有货</view>
                        <view class="line"></view>
                        <view class="span">广东廉江</view>
                        <view class="line"></view>
                        <view class="span">快递：免运费</view>
                    </view> -->
                    <view class="goods_info_address">有货 | 广东廉江 | 快递：免运费</view>
                </view>
                <view class="goods_info_item note">
                    <view class="goods_info_list">品牌 · 型号 · 售后服务· 保修期· 容量</view>
                </view>
            </view>
        </view>
        <view class="goods_detail">
            <view class="goods_detail_title">— 商品详情 —</view>
            <view class="goods_detail_list">
                <view class="goods_detail_item">
                    <image class="image" src="{{imgUrl}}" mode="widthFix"></image>
                </view>
            </view>
        </view>
    </view>
    <view class="goods_footer">
        <view class="goods_footer_option">
            <view class="goods_footer_item">
                <view class="goods_footer_icon img_box">
                    <image class="image" src="/assets/images/xian/icon_smartselect.png" mode="widthFix"></image>
                </view>
                <view class="goods_footer_text">智选</view>
            </view>
            <view class="goods_footer_item">
                <view class="goods_footer_icon img_box">
                    <image class="image" src="/assets/images/xian/icon_cart.png" mode="widthFix"></image>
                </view>
                <view class="goods_footer_text">购物车</view>
            </view>
        </view>
        
        <view class="goods_footer_btn">
            <view class="goods_footer_btn_item">加入购物车</view>
            <view class="goods_footer_btn_item orange">立即购买</view>
        </view>
    </view>
</view>

<page-container show="{{showDialog}}" duration="300" round="{{true}}" custom-style="border-radius: 16rpx 16rpx 0rpx 0rpx;" position="bottom" bind:clickoverlay="onClickOverlay">
    <view ty:if="{{ParamDialog}}" class="param_dialog dialog">
        <view class="dialog_title">产品参数</view> 
        <view class="dialog_delete" bindtap="closeDefinemenuDialog"></view> 
        <view class="dialog_list">
            <view class="dialog_item">
                <view class="dialog_text fixed">品牌</view> 
                <view class="dialog_text">Joyong/九阳</view> 
            </view> 
            <view class="dialog_item">
                <view class="dialog_text fixed">型号</view> 
                <view class="dialog_text">F-40F316L</view> 
            </view> 
            <view class="dialog_item">
                <view class="dialog_text fixed">售后服务</view> 
                <view class="dialog_text">全国联保</view> 
            </view> 
            <view class="dialog_item">
                <view class="dialog_text fixed">保修期</view> 
                <view class="dialog_text">12个月</view> 
            </view> 
            <view class="dialog_item">
                <view class="dialog_text fixed">容量</view> 
                <view class="dialog_text">4L</view> 
            </view> 
            <view class="dialog_item">
                <view class="dialog_text fixed">附加功能</view> 
                <view class="dialog_text">保温 预约 定时</view> 
            </view> 
            <view class="dialog_item">
                <view class="dialog_text fixed">内胆材质</view> 
                <view class="dialog_text">合金</view> 
            </view> 
        </view> 
        <view class="dialog_btn">完成</view> 
    </view>
    <view ty:if="{{ServerProtectDialog}}" class="serverprotect_dialog dialog">
        <view class="dialog_title">服务保障</view> 
        <view class="dialog_delete" bindtap="closeDefinemenuDialog"></view> 
        <view class="dialog_list">
            <view class="dialog_item">
                <view class="dialog_item_title">退货运费险</view> 
                <view class="dialog_item_text">商家赠送运费险，退换货选择上门取件，自动减免XXXXXXxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxXXxX.</view> 
            </view> 
            <view class="dialog_item">
                <view class="dialog_item_title">7天无理由退货</view> 
                <view class="dialog_item_text">满足7天无理由退货申请的前提下，包邮商品需要XXXXXXXxxxxxxxxxxxxxxxxxxxxxxx.</view> 
            </view> 
        </view> 
        <view class="dialog_btn">知道了</view> 
    </view>

    <view ty:if="{{AddCartDialog}}" class="addcart_dialog dialog">
        <view class="dialog_delete" bindtap="closeDefinemenuDialog"></view> 
        <view class="dialog_info">
            <view class="dialog_info_img img_box">
                <image class="image" src="{{imgUrl}}" mode="widthFix"></image>
            </view> 
            <view class="dialog_info_txt">
                <view class="dialog_info_price">¥358.00<view class="dialog_info_origin_price">¥678.00</view></view> 
                <view class="dialog_item_stock">库存 374件</view> 
            </view> 
        </view> 
        <view class="dialog_list">
            <view class="dialog_item">
                <view class="dialog_item_title">颜色分类</view> 
                <view class="dialog_item_list">
                    <view class="dialog_item_box">极地白</view> 
                </view> 
            </view> 
            <view class="dialog_item">
                <view class="dialog_item_title">规格</view> 
                 <view class="dialog_item_list">
                    <view class="dialog_item_box">3L</view> 
                    <view class="dialog_item_box checked">4L</view> 
                </view> 
            </view> 
            <view class="dialog_item num">
                <view class="dialog_item_title">数量</view> 
                <view class="dialog_item_list">
                    <view class="dialog_item_btn minus"></view> 
                    <view class="dialog_item_num">1</view>  
                    <view class="dialog_item_btn add"></view> 
                </view> 
            </view> 
        </view> 
        <view class="dialog_btn">立即购买</view> 
    </view>
</page-container> 