116 lines
5.5 KiB
Plaintext
116 lines
5.5 KiB
Plaintext
<view class="navigation {{isFixedTop > 0 ? 'active' : ''}}" style="padding-top:{{barHeight}}px;">
|
|
<view class="navigationCont">
|
|
<image bindtap="returnGo" class="navigation-arrow" src="/static/icons/arrowWrite.png"></image>
|
|
<image bindtap="returnHome" class="navigation-arrow" src="/static/icons/homeBlack.png"></image>
|
|
</view>
|
|
|
|
<!-- <image bindtap="returnGo" class="navigation-arrow" src="{{isFixedTop > 0 ? '/static/icons/returnBlack.png' : '/static/icons/returnWrite.png'}}"></image>
|
|
<image bindtap="returnHome" class="navigation-arrow" src="{{isFixedTop > 0 ? '/static/icons/homeBlack.png' : '/static/icons/homeWrite.png'}}"></image> -->
|
|
</view>
|
|
|
|
<!-- 产品图 -->
|
|
<view class="banner">
|
|
<swiper class="swiperCont" indicator-dots indicator-color="rgba(255,255,255,.5)" indicator-active-color="#fff" autoplay="true" circular>
|
|
<swiper-item wx:for="{{goodsData.pictures}}" wx:key="index" data-index="{{index}}" data-imgs="{{goodsData.pictures}}" bindtap="opneBanner">
|
|
<image class="swiperImg" src="{{item}}" mode="aspectFill"></image>
|
|
</swiper-item>
|
|
</swiper>
|
|
</view>
|
|
|
|
<!-- 商品信息 -->
|
|
<view class="goodsCont">
|
|
<view class="goodsWhite goodsInfo">
|
|
<view class="goodsInfo-top">
|
|
<view class="goodsInfo-price">
|
|
<view class="goodsInfo-cost"><text>￥</text>{{goodsData.original_price}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="goodsInfo-name">
|
|
{{goodsData.name}}
|
|
</view>
|
|
<button class="goodsInfo-share" size="mini" open-type="share">
|
|
<image class="goodsInfo-share-image" src="/static/icons/goodsShare.png"></image>分享
|
|
</button>
|
|
</view>
|
|
|
|
<view class="goodsWhite goodsItem">
|
|
<view class="goodsItem-label">
|
|
<view class="goodsItem-label-logo">
|
|
<image src="{{goodsData.shop.cover}}"></image>
|
|
</view>
|
|
<view class="goodsItem-label-text">
|
|
{{goodsData.shop.name}}
|
|
<view class="goodsItem-label-tips">服务态度：<text>5.0</text></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 详情 -->
|
|
<view class="goodsBrief">
|
|
<rich-text nodes="{{mallContent}}"></rich-text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 底部 -->
|
|
<view class="footer">
|
|
<button class="btn-disabled card" size="mini" disabled="{{disabled}}" bindtap="buyPop" data-type="card">加入购物车</button>
|
|
<button class="btn-disabled" size="mini" disabled="{{disabled}}" bindtap="buyPop" data-type="buy">立即购买</button>
|
|
</view>
|
|
|
|
<!-- 规格弹出 -->
|
|
<view class="goods-size-back {{goodsSize ? 'active':''}}" bindtap="closeTap"></view>
|
|
<view class="goods-size-content {{goodsSize ? 'active':''}}">
|
|
|
|
<view class="goods-size-flex">
|
|
<image class="goods-size-cover" src="{{selectSkusValues.cover}}" mode="aspectFill"></image>
|
|
<view class="goods-size-remove" bind:tap="closeTap">
|
|
<image class="goods-size-close" src="/static/icons/close.png" mode="widthFix"></image>
|
|
</view>
|
|
<view class="goods-size-info">
|
|
<view class="goods-size-price nowrap"><text>￥</text>{{selectSkusValues.price}}</view>
|
|
<view class="goods-size-text nowrap">剩余库存: {{selectSkusValues.stock}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="goods-size-tag" wx:for="{{goodsData.specs}}" wx:key="specs" data-specid="{{item.spec_id}}" wx:for-index="idx">
|
|
<view class="goods-size-title">{{item.name}}</view>
|
|
<text class="goods-size-tag-text {{specselect[idx] == items.value_id ? 'active':''}}" wx:for="{{item.values}}" wx:key="attribute" wx:for-item="items" data-valueid="{{items.value_id}}" data-index="{{idx}}" bindtap="selectSize">{{items.value}}</text>
|
|
</view>
|
|
<view class="goods-size-number">
|
|
<text class="goods-size-title">数量</text>
|
|
<view class="goods-number" wx:if="{{selectSkusValues.stock != 0}}">
|
|
<view class="goods-number-btn" bindtap="goodsNumber" data-type="remove">-</view>
|
|
<input class="goods-number-input" value="{{qtyNumber}}" type="number" bindinput="goodsNumberInput" bindblur="goodsNumberBlur"></input>
|
|
<view class="goods-number-btn" bindtap="goodsNumber" data-type="plus">+</view>
|
|
</view>
|
|
<view class="goods-number" wx:else>
|
|
<view class="goods-number-btn">-</view>
|
|
<input class="goods-number-input" value="0" type="number" bindinput="goodsNumberInput" disabled></input>
|
|
<view class="goods-number-btn">+</view>
|
|
</view>
|
|
</view>
|
|
<view class="goods-size-btn">
|
|
<button
|
|
bindtap="buyTap"
|
|
size="default"
|
|
disabled="{{selectSkusValues.stock == 0 || qtyNumber == 0}}">
|
|
{{ selectSkusValues.stock == 0 || qtyNumber == 0 ? '库存不足' : '确定'}}
|
|
</button>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 绑定业务联系人 -->
|
|
<view class="namePop {{isParent ? 'active' : ''}}"></view>
|
|
<view class="nameCont {{isParent ? 'active' : ''}}">
|
|
<view class="nameCont-white">
|
|
<view class="nameCont-top">
|
|
<view class="nameCont-title">绑定业务联系人</view>
|
|
<view class="nameCont-input">
|
|
<input type="text" name="name" value="{{nameValue}}" placeholder="请输入业务联系人手机号" bindinput="bindinput" />
|
|
</view>
|
|
</view>
|
|
<view class="nameCont-btn">
|
|
<view class="nameCont-btn-go" bindtap="nameCancel">暂不绑定</view>
|
|
<view class="nameCont-btn-go" bindtap="nameTrue">立即绑定</view>
|
|
</view>
|
|
</view>
|
|
</view> |