121 lines
4.6 KiB
Plaintext
121 lines
4.6 KiB
Plaintext
<!--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" style="margin-bottom: 48rpx;">
|
|
<input type="text" model:value="{{account}}" bindblur="getMobileByAccount" placeholder="请输入油卡号" />
|
|
</view>
|
|
<view class="input-box">
|
|
<input type="text" model:value="{{mobile}}" disabled="{{mobile_disabled}}" placeholder="请输入手机号" />
|
|
</view>
|
|
<view class="warning">注意：请输入油卡绑定的手机号，暂不支持未实名绑定手机号的油卡，一卡一号，如油卡充值使用其他手机号会造成锁卡操作</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">
|
|
<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="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> |