98 lines
4.7 KiB
Plaintext
98 lines
4.7 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">
|
|
<view class="number">
|
|
<text></text><view class="number-price">￥{{goodsData.original_price}}</view>
|
|
</view>
|
|
<button class="btn-disabled" disabled="{{disabled}}" bindtap="buyPop">确认购买</button>
|
|
</view>
|
|
|
|
<!-- 规格弹出 -->
|
|
<view class="goods-size-back {{goodsSize ? 'active':''}}" bindtap="closeTap"></view>
|
|
<view class="goods-size-content {{goodsSize ? 'active':''}}">
|
|
<image class="goods-size-close" bindtap="closeTap" src="/static/icons/close.png" mode="widthFix"></image>
|
|
<view class="goods-size-img">
|
|
<image src="{{selectSkusValues.cover}}" mode="aspectFill"></image>
|
|
</view>
|
|
<view class="goods-size-info">
|
|
<view class="goods-size-info-price nowrap">￥{{selectSkusValues.price}}</view>
|
|
<view class="goods-size-info-text nowrap" wx:if="{{selectSkusValues.stock > 0}}">剩余库存: {{selectSkusValues.stock}}</view>
|
|
<view class="goods-size-info-text nowrap" wx:else>当前商品库存不足</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" disabled></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" wx:if="{{selectSkusValues.stock == 0}}">
|
|
<view class="active">抱歉，商品库存不足了 ~</view>
|
|
</view>
|
|
<view class="goods-size-btn" wx:else>
|
|
<view bindtap="buyTap">立即购买</view>
|
|
</view>
|
|
</view> |