goodsDetial.wxml 11.7 KB
<!--pages/index/goodsDetial/goodsDetial.wxml-->
<view class='detail_container'>
  <view class='banner'>
    <view class='iconfont icon-fanhui' catchtap='get_back'></view>
    <view class='coupons'>
      <view class='goods_detail'>商品详情</view>
      <view class='graphic_detail'>图文详情</view>
    </view>
    <view class='share'>分享</view>
  </view>
  <view class='banner_box'>
    <view class='banner_img'>
      <image src='../../imgs/caipu.png'></image>
    </view>
  </view>
  
  <view class='content_item'>
    <view class='item_list'>
      <view class='banner_title'>泰式冬阴功升级版秘制虾汤620g</view>
      <view class='introduce'>量大好吃无限回购</view>
      <view class='banner_character'>
        <view class='banner_price'>
          <view class=''>
            <text class='money_icon'>¥</text>
            <text class='money'>26.0</text>
            <text class='original_price'>¥52.0</text>
          </view>
          <view class='display_box'>
            <text class='money_icon2'>¥</text>
            <text class='money2'>20.0</text>
            <text class='vip'>会员专享</text>
          </view>
        </view>
        <view>已售出:1566份</view>
      </view>
    </view>

    <view class='item_list'>
      <view class='list_content'>
        <view class='content_title'>
          <view class='title'>商品规格</view>
          <view class='content'>选择 处理方式 份量</view>
        </view>
        <view class='iconfont icon-jinru'></view>
      </view>
      <view class='list_content'>
        <view class='content_title'>
          <view class='title'>基本参数</view>
          <view class='content'>重量:500g*包 场地/品牌:大理弥渡 ...</view>
        </view>
        <view class='iconfont icon-jinru'></view>
      </view>
    </view>

    <view class='item_list7'>
      <view class='list_content'>
        <view>
          <view class='attribute'>
            <view class='attribute_titel'>难度</view>
            <view class='stars'>
              <view class='iconfont icon-pingfen'></view>
              <view class='iconfont icon-pingfen'></view>
              <view class='iconfont icon-pingfen'></view>
              <view class='iconfont icon-pingfen'></view>
              <view class='iconfont icon-pingfen'></view>
            </view>
          </view>
          <view class='attribute'>
            <view class='attribute_titel'>难度</view>
            <view class='stars'>10分钟</view>
          </view>
        </view>
        <view>
          <view class='attribute'>
            <view class='attribute_titel'>难度</view>
            <view class='attribute_content'>微辣</view>
          </view>
          <view class='attribute'>
            <view class='attribute_titel'>难度</view>
            <view class='attribute_content'>10分钟</view>
          </view>

        </view>
      </view>
      <view class='more_box'>
        <view>展开更多</view>
        <view class='iconfont icon-zhankai'></view>
      </view>
    </view>


    <view class='item_list1'>
      <view class='hint1'>
        <view>15元升级SVIP,立享5特权</view>
        <view class='cash_back'>
          本商品
          <text class='red_font'>更返2元</text>
        </view>
      </view>
      <view class='hint1'>
        <view>15元升级SVIP,立享5特权</view>
        <view class='cash_back'>
          本商品
          <text class='red_font'>更返2元</text>
        </view>
      </view>
    </view>

    <view class='item_list2'>
      <view class='user_evaluation'>
        <view class='user_evaluation_title'>用户评价</view>
        <view class='user_evaluation_time'>
          <view>(26)</view>
          <view class='iconfont icon-jinru'></view>
        </view>
      </view>
      <view class='user_information_box'>
        <view class='user_information'>
          <view class='the_star'>
            <view class='head_portrait'>
              <image src='../../imgs/icon32.png'></image>
            </view>
            <view class='star_box'>
              <view class='user_name'>叶晓林</view>
              <view class='stars1'>
                <view class='iconfont icon-pingfen'></view>
                <view class='iconfont icon-pingfen'></view>
                <view class='iconfont icon-pingfen'></view>
                <view class='iconfont icon-pingfen'></view>
                <view class='iconfont icon-pingfen'></view>
              </view>
            </view>
          </view>
          <view class='title'>2017-04-23</view>
        </view>
        <view class='evaluation'>第一次用Hi,鲜生,准时送达,送货上门,主动联系,态度很好,配送很快.感觉挺好。期待下一次购物~</view>
        <view class='evaluation_img'>
          <view class='upload_img_box'>
            <view class='upload_img'>
              <image src='../../imgs/pic38.png'></image>
            </view>
            <view class='upload_img'>
              <image src='../../imgs/pic38.png'></image>
            </view>
            <view class='upload_img'>
              <image src='../../imgs/pic38.png'></image>
            </view>
          </view>
        </view>
        <view class='comments_btn'>
          <view class='iconfont icon-message'></view>
          <view class='comments'>评论</view>
        </view>
      </view>
    </view>

    <view class='item_list3'>
      <view class='package_title'>购买含本商品套餐更优惠</view>
      <view class='package_box'>
        <view class='package_img_box'>
          <view class='package_img'>
            <image src='../../imgs/pic38.png'></image>
          </view>
          <view class='package_img'>
            <image src='../../imgs/pic38.png'></image>
          </view>
          <view class='package_img'>
            <image src='../../imgs/pic38.png'></image>
          </view>
          <view class='package_img'>
            <image src='../../imgs/pic38.png'></image>
          </view>
        </view>
        <view class='package_content'>
          <view>粤菜大礼包 春节团圆系列</view>
          <view class='package_hint'>为大家精选挑选的菜系</view>
          <view class='pickage_display'>最多可省
            <text class='money_icon2'>¥</text>
            <text class='money2'>65.0</text> </view>
        </view>
      </view>
    </view>

    <view class='item_list4'>
      <view class='detection'>
        <view class='line1'></view>
        <view class='detection_title'>安心检测</view>
        <view class='line2'></view>
      </view>
      <view class='detection_hint'>经过14项感官排查,100%可溯,点标签查看。</view>
      <view class='detection_item'>
        <view class='detection_box'>
          <view class='detection_img'>
            <image src='../../imgs/pic38.png'></image>
          </view>
          <view>可视化种植</view>
        </view>
        <view class='detection_box'>
          <view class='detection_img'>
            <image src='../../imgs/pic38.png'></image>
          </view>
          <view>可视化种植</view>
        </view>
        <view class='detection_box'>
          <view class='detection_img'>
            <image src='../../imgs/pic38.png'></image>
          </view>
          <view>可视化种植</view>
        </view>
        <view class='detection_box'>
          <view class='detection_img'>
            <image src='../../imgs/pic38.png'></image>
          </view>
          <view>可视化种植</view>
        </view>
      </view>
    </view>


    <view class='itme_list5'>
      <view class='recommended_box'>
        <view class='iconfont icon-maishoutuijian'></view>
        <view>买手推荐</view>
      </view>
      <view class='foretaste_box'>
        <view class='head_portrait'>
          <image src='../../imgs/icon32.png'></image>
        </view>
        <view class='buyer_recommend'>
          <view class='buyer_name'>杨军</view>
          <view>被称为挑剔的试吃官,力求让每个家庭吃上安心蔬菜</view>
        </view>
      </view>
      <view class='aaa'></view>

      <view class='recommend_content'>
        <view class='iconfont icon-shangyinhao'></view>
        <view class='recommend_character'>沃柑生产于广西,南方温和气候有着充足的日照环境,使其沃柑更甘甜水润。沃柑个大皮薄,容易剥皮,果肉脆嫩,粒粒果肉饱满,容易剥皮,果汁多易化渣。看得到的鲜嫩美味。</view>
        <view class='triangle'></view>
      </view>

      <view class='ingredients'>
        <view class='ingredients_title'>食材包内含20件</view>
        <view class='ingredients_box'>
          <view class='ingredients_img'>
            <image src='../../imgs/icon32.png'></image>
          </view>
          <view>
            <view class='ingredients_item'>
              <view class='ingredients_name'>主料</view>
              <view class='ingredients_content'>
                <view> 排骨</view>
                <view> 排骨</view>
                <view> 排骨</view>
                <view> 排骨</view>
                <view> 排骨</view>
              </view>
            </view>
            <view class='ingredients_item'>
              <view class='ingredients_name'>主料</view>
              <view class='ingredients_content'>
                <view> 排骨</view>
                <view> 排骨</view>
                <view> 排骨</view>
                <view> 排骨</view>
                <view> 排骨</view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class='graphic_ingredients_box'>
        <view class='graphic_ingredients' bindtap='get_recipe'>
          <view class='graphic_ingredients_background'>
            <view class='graphic_ingredients_border'>浏览图文食谱</view>
          </view>
        </view>
        <view class='graphic_ingredients' bindtap='get_recipe'>
          <view class='graphic_ingredients_background'>
            <view class='graphic_ingredients_border'>浏览图文食谱</view>
          </view>
        </view>
      </view>
    </view>

    <view class='item_list6'>

      <view class='collocation_title'>建议搭配 酸梅汁或红酒 解腻助消化</view>
      <view class='collocation'>
        <view class='collocation_box'>
          <view class='collocation_img'>
            <image src='../../imgs/pic43.png'></image>
          </view>
          <view class='collocation_content'>

            <view>泰式冬阴功秘制虾汤...</view>
            <view class='introduce'>量大好吃无限回购</view>
            <view class=''>
              <text class='money_icon2'>¥</text>
              <text class='money2'>20.0</text>
              <text class='original_price'>¥52.0</text>
            </view>
          </view>
        </view>

        <view class='collocation_box'>
          <view class='collocation_img'>
            <image src='../../imgs/pic43.png'></image>
          </view>
          <view class='collocation_content'>

            <view>泰式冬阴功秘制虾汤...</view>
            <view class='introduce'>量大好吃无限回购</view>
            <view class=''>
              <text class='money_icon2'>¥</text>
              <text class='money2'>20.0</text>
              <text class='original_price'>¥52.0</text>
            </view>
          </view>
        </view>
      </view>

    </view>
  </view>

  <view class='bottom_btn'>
    <view class='hint_btn'>
      <view class='shop_car' bindtap='get_car'>
        <view class='iconfont icon-gouwuche'></view>
        <view>购物车</view>
      </view>
      <view>
        <view class='iconfont icon-shoucang'></view>
        <view class='shop_car'>收藏</view>
      </view>
    </view>
    <view class='join_btn'>加入购物车</view>
    <view class='immediately_btn'>立即购买</view>
  </view>

</view>