<!--packageA/mycomponent/goods_telephone_charges_pro/goods_telephone_charges_pro.wxml-->


<view class="banner">
  <image src="{{bannerUrl}}" mode="widthFix" />
</view>
<view class="recharge">
  <view class="tabs">
    <view class="tabs-item {{rechargeSpecId == item.id ? 'active' : ''}}" wx:for="{{rechargeType.specitem}}"
      wx:key="{{index}}" data-item="{{item}}" bindtap="handClickSpecs">{{item.title}}</view>
  </view>

  <view class="recharge-box">
    <view class="input-box">
      <input type="text" model:value="{{mobile}}" placeholder="请输入手机号" bindinput="tapInpC"/>
      <view wx:if="{{mobileCity}}" class="mobileC">{{ mobileCity }}</view>
    </view>
    <view class="desc">{{rechargeItem.desc_text}}</view>
    <view class="recharge-title">充值金额</view>
    <view class="recharge-items">
      <view class="recharge-item {{optionsId == item.id ? 'active' : ''}}" wx:for="{{displayOptions}}"
        wx:key="{{index}}" data-item="{{item}}" bindtap="handClickOptions" wx:if="{{item.status == 1}}">
        <view class="recharge-activity" wx:if="{{item.diff_price > 0}}">立减{{ item.diff_price }}元</view>
        <view class="recharge-price"><text>￥</text>{{ item.face_value }}</view>
        <view class="recharge-discount">优惠价￥{{ item.product_price }}</view>
      </view>
    </view>
  </view>
</view>

<view class="like-box" wx:if="{{likeArr.length > 0}}">
  <view class="like-box-title">猜你喜欢</view>
  <swiper style="height:{{goodsInfo.show_push.length>3 ? '650' : '330' }}rpx;" bind:change="onChangeSwipeIndex">
    <swiper-item wx:for="{{likeArr}}" wx:key="{{index}}" wx:for-item="goods">
      <view class="like-box-goods">
        <view class="like-box-good" wx:for="{{goods}}" wx:key="id" data-id="{{item.id}}" bindtap="gotoDetailV2">
          <view class="good-face">
            <image src="{{item.thumb}}" mode="aspectFill" />
          </view>
          <view class="good-name text-overHide">{{ item.title }}</view>
          <view class="good-price">￥{{ item.price }}</view>
        </view>
      </view>
    </swiper-item>
  </swiper>
  <view class="van-indicator">
    <view class="li {{swipeIndex == index ? 'active' : ''}}" wx:for="{{likeArr}}" wx:key="{{index}}"></view>
  </view>
</view>

<view class="goods-details">
  <view class="goods-details-title">
    <view class="line"></view>
    <view class="text">商品详情</view>
    <view class="line"></view>
  </view>
  <mp-html content="{{goodsInfo.content}}"></mp-html>
  <view wx:if="{{!goodsInfo.content}}" style="color: #666;text-align:center;">暂无该商品详情 ~</view>

</view>



<view class="fixed-qrcode" bindtap="setPosterShow">
  <i class="iconfont icon-bc_eweima"></i>
</view>

<view class="fixed-topping" bindtap="setTopping" wx:if="{{hoet}}">
  <i class="iconfont icon-fontclass-zhiding"></i>
</view>

<view style=" height: calc(120rpx + env(safe-area-inset-bottom));"></view>

<view class="footer">
  <view class="footer-left">
    <view class="service footer-left-item" bindtap="gotoIndex">
      <i class="iconfont icon-fontclass-shouye" style="height:22px;"></i>
      <text>首页</text>
    </view>
    <view class="service footer-left-item" bindtap="setCserviceFlag">
      <i class="iconfont icon-fontclass-kefu"></i>
      <text>客服</text>
    </view>
    <view class="order footer-left-item" bindtap="gotoOrderList">
      <i class="iconfont icon-kc_line_order"></i>
      <text>订单</text>
    </view>
  </view>
  <view class="footer-right" bindtap="sendRecharge">
    立即充值
  </view>
</view>



<!-- 海报 -->
<goods-qrcode isshow="{{posterShow}}" goodsId="{{goodsId}}" ></goods-qrcode>


<!-- 客服弹窗 -->
<van-popup custom-style="border-radius: 38rpx;" show="{{show1}}" overlay="{{true}}">
	<view class="pop-content">
		<view class="pop-top">
			<view class="left">
				<view class="wrap">
					<view>
						<view class="image" style="postion:relative">
							<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/kf_online_contect@2x.png"></image>
						</view>
						<view>在线联系</view>
            <button wx:if="{{cservice==''}}" open-type="contact" bindcontact="handleContact" style="postion:absolute;width:100%;height:80rpx;opacity:0;top:-140rpx;"></button>
            <button wx:if="{{cservice!=''}}" data-cservice="{{cservice}}" bindtap="gotoChat" style="postion:absolute;width:100%;height:80rpx;opacity:0;top:-140rpx;"></button>
					</view>
				</view>
			</view>
			<view style="display:flex;padding-top: 10%;" wx:if="{{!service_mobile==''}}">
				<view class="line"></view>
			</view>
			<view class="right" wx:if="{{!service_mobile==''}}">
				<view class="wrap" bindtap="callPhone">
					<view>
						<view class="image">
							<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/kf_tel_contect@2x.png"></image>
						</view>
						<view>联系电话</view>
						<view style="margin-top:16rpx">{{service_mobile}}</view>
					</view>
				</view>
			</view>
		</view>
		<view class="pop-bottom" wx:if="{{!service_QRcode==''}}">
			<view class="image">
				<image src="{{service_QRcode}}" show-menu-by-longpress></image>
			</view>
		</view>
		<icon class="iconfont icon-close11" catchtap="setCserviceFlag"></icon>
	</view>
</van-popup>