绚火健康

pages/mall/details/details.wxml

@@ -0,0 +1,99 @@
+<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 class="goodsInfo-vip"><text>会员价￥</text>99.00</view> -->
+            </view>
+        </view>
+        <view class="goodsInfo-name">
+            {{goodsData.name}}
+        </view>
+        <view class="goodsInfo-share" bindtap="shareTap">
+            <image class="goodsInfo-share-image" src="/static/icons/goodsShare.png"></image>分享
+        </view>
+    </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>