productdetails.wxml 4.5 KB
<view class="container">
  <!-- 卡片 -->
  <view class="card">
    <view class="card_text">{{detailsContent.goods_name}}</view>
    <view class="card_box">
      <view class="card_left">
        <view class="price_dP">
          <view class="zan_price">
            <text class="icon_name">现价:</text>
            <text class="money_icon">¥</text>
            <text class="price_big">{{detailsContent.price}}</text>
          </view>
          <view class="del">
            <text class="money_icon">¥</text>
            <text class="del_price">{{detailsContent.line_price}}</text>
          </view>
        </view>
        <!-- 销量 -->
        <view class="num_buy">
          <text class="sales">{{detailsContent.sales_initial}}</text>
          <text class="sales_per">位车友推荐</text>
        </view>
      </view>
      <view class="card_right">
        <view class="collar">
          至少领
          <text class="count_num">{{detailsContent.fen}}</text>
          同放积分
        </view>
        <view class="all_clear collar">
          <text class="yun">运费:</text>
          <text class="yunfei">{{detailsContent.yun_str}}</text>
        </view>
      </view>
    </view>
  </view>
  <!-- 详情 评价 -->
  <view class="details">
    <view class="details_name {{_num == 1? 'cur':''}}" data-num="1" bindtap="changeTitle">详情</view>
    <view class="appraise_name  {{_num == 2? 'cur':''}}" data-num="2" bindtap="changeTitle">
      评价
    </view>
  </view>
  <!-- 详情 -->
  <view class="details_img" wx:if="{{_num == 1}}">
    <rich-text nodes="{{content}}"></rich-text>
  </view>
  <!-- 评价内容 -->
  <view class="praise" wx:if="{{_num == 2}}">
    <!-- <view class="person_content">
      <view class="left_ziliao">
        <view class="imgNum">
          <image src="{{imagesUrl}}assets/static/img/mengman.png" />
        </view>
        <view class="per_item">
          <text class="nickname">所罗门的岩石</text>
          <view class="dateTime">2019/10/10</view>
        </view>
      </view>
      <view class="praise_star">
        <image src="{{imagesUrl}}assets/static/img/haoping_icon@2x.png" />
        <text>好评</text>
      </view> 
    </view>
    <view class="praise_text"></view> -->
    暂无评价
  </view>
  <!-- 立刻购买 -->
  <view class="box_buy">
    <view class="kefu">
      <button open-type="contact" class="transparent"></button>
      <image class="img1" src="{{imagesUrl}}assets/static/img/kefu_icon@2x.png"></image>
      <image class="img1" src="{{imagesUrl}}assets/static/img/shouye_icon@2x.png" bindtap="goToShopCart" />
    </view>
    <view class="buy">
      <button class="btn1 bind" bindtap="addShopCart" data-id="{{detailsContent.id}}">加入购物车</button>
      <button class="btn2 bind" bindtap="clickme">立刻购买</button>
    </view>
  </view>
  <!-- 弹窗 -->
  <!-- 屏幕背景变暗的背景 -->
  <view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view>
  <!-- 弹出框 -->
  <view animation="{{animationData}}" class="commodity_attr_box" wx:if="{{showModalStatus}}">
    <view class="updown" bindtap="hideModal">
      <image src="{{imagesUrl}}assets/static/img/updown.png" />
    </view>
    <view class="buyStore">
      <view class="storeImg">
        <image src="{{imagesUrl}}assets/static/img/img27(1).png" />
      </view>
      <view class="store_cont">
        <view class="store_cont_name">
          <text>壳牌/Shell 喜力半合成机…</text>
        </view>
        <view class="storeMoney">
          <text>¥88.00</text>
        </view>
        <view class="yichange" wx:if="{{changed == false}}">
          <text class="change__">已选择:</text>
          <text class="change__">高端</text>
        </view>
      </view>
    </view>
    <!-- 规格 -->
    <view class="rules" wx:if="{{changed == false}}">
      <view class="left_num">规格</view>
      <view class="rules_change">
        <view class="up">高端</view>
        <view class="down">低端</view>
      </view>
    </view>
    <!-- 数量 -->
    <view class="number">
      <view class="left_num">数量</view>
      <view class="right_num">
        <view class="jian_img itemImg_">
          <image src="{{imagesUrl}}assets/static/img/jian-.png" />
        </view>
        <view class="center_num  itemImg_">1</view>
        <view class="jia_img  itemImg_">
          <image src="{{imagesUrl}}assets/static/img/img/jia1.png" />
        </view>
      </view>
    </view>
    <view class="btnbuy">
      <button class="btnbuy__" size="default">购买</button>
    </view>
  </view>
</view>