Skip to content

7
7-Eleven
Commit 7cd48605 by 高淑倩
Options

modify: 商品详情_首页购物车跳转

parent 9f764f3b
Showing with 130 additions and 130 deletions
src/pages/productDetail/productDetail.wxml
<!--pages/productDetail/productDetail.wxml--> <!--pages/productDetail/productDetail.wxml-->
<view class="page-product-detail product-container" <view
class="page-product-detail product-container"
bindtouchstart="pageTouchStart" bindtouchstart="pageTouchStart"
bindtouchmove="pageMove" bindtouchmove="pageMove"
bindtouchend="pageMoveEnd" bindtouchend="pageMoveEnd"
bindtap="handleCloseSharePopup"> bindtap="handleCloseSharePopup"
<view> >
<!-- <buy-image-swiper image-data="{{imageData}}"/> <view>
<!-- <buy-image-swiper image-data="{{imageData}}"/>
--> -->
<swiper <swiper autoplay="true" style="height: 750rpx;line-height: 100rpx;" bindchange="swiperChange">
autoplay="true" style="height: 750rpx;line-height: 100rpx;" bindchange="swiperChange"> <block wx:for="{{productInfo.listUrl}}" wx:key="index">
<block wx:for="{{productInfo.listUrl}}" wx:key="index"> <swiper-item>
<swiper-item> <image class="swiper-image" mode="widthFix" src="{{baseImgUrl}}{{item.imageUrl}}" />
<image class="swiper-image" mode="widthFix" src="{{baseImgUrl}}{{item.imageUrl}}"></image> </swiper-item>
</swiper-item> </block>
</block> </swiper>
</swiper> <view class="dots">
<view class="dots"> <block wx:for="{{productInfo.listUrl}}" wx:key="index">
<block wx:for="{{productInfo.listUrl}}" wx:key="index"> <view class="dot{{index == swiperCurrent ? ' active' : ''}}" />
<view class="dot{{index == swiperCurrent ? ' active' : ''}}"></view> </block>
</block> </view>
</view> </view>
</view>
<view class="product-detail-wrap"> <view class="product-detail-wrap">
<view class="product-price"> <view class="product-price">
<view class="price-wrap"> <view class="price-wrap">
<view class="price-icon" wx:if="{{memberLevel}}">会员专享价</view> <view class="price-icon" wx:if="{{memberLevel}}">会员专享价</view>
<text class="price">￥618</text> <text class="price">￥618</text>
<text class="cost-price">￥888</text> <text class="cost-price">￥888</text>
</view> </view>
<view class="share-wrap"> <view class="share-wrap">
<image class="share-img" src="/assets/imgs/share.png"></image> <image class="share-img" src="/assets/imgs/share.png" />
<text class="share-text">分享</text> <text class="share-text">分享</text>
</view> </view>
</view> </view>
<view class="product-name"> <view class="product-name">
{{productInfo.productName}} {{productInfo.productName}}
</view> </view>
<view class="product-desc"> <view class="product-desc">
{{productInfo.productStatusDesc}} {{productInfo.productStatusDesc}}
</view> </view>
<view class="member-price" wx:if="{{openPlusStatus}}"> <view class="member-price" wx:if="{{openPlusStatus}}">
<view class="member-price-info"> <view class="member-price-info">
<image class="member-price-icon" src="/assets/imgs/7_1_0/plus.png"></image> <image class="member-price-icon" src="/assets/imgs/7_1_0/plus.png" />
<text class="before-reduce-price">￥558,</text> <text class="before-reduce-price">￥558,</text>
<text class="reduce-price">本次立减￥60</text> <text class="reduce-price">本次立减￥60</text>
</view> </view>
<view class="open" > <view class="open">
<text class="open-text">立即开通</text> <text class="open-text">立即开通</text>
<image class="big-arrow" src="/assets/imgs/big-arrow-right.png"></image> <image class="big-arrow" src="/assets/imgs/big-arrow-right.png" />
</view> </view>
</view> </view>
<view class="choose-wrap" bindtap="addCart"> <view class="choose-wrap" bindtap="addCart">
{{selectSkuName ? '已选：' + selectSkuName : '请选择规格'}} {{selectSkuName ? '已选：' + selectSkuName : '请选择规格'}}
<image class="arrow-right" src="/assets/imgs/7_1_0/arrow-right-sku.png" mode="widthFix"></image> <image class="arrow-right" src="/assets/imgs/7_1_0/arrow-right-sku.png" mode="widthFix" />
</view> </view>
<!-- <view class="choose-wrap"> <!-- <view class="choose-wrap">
支持快递配送</view> --> 支持快递配送</view> -->
<view class="surplus"> <view class="surplus">
剩余： 剩余：
<text class="surplus-number">{{productInfo.stock}}</text> <text class="surplus-number">{{productInfo.stock}}</text>
件 件
</view> </view>
</view>
<view class="gray-line"></view> </view>
<view class="scroll-tips"> <view class="gray-line" />
继续拖动，查看图文详情
</view>
<view class="product-footer"> <view class="scroll-tips">
<view class="footer-icons clearfix"> 继续拖动，查看图文详情
<form </view>
class='get-formId'
bindsubmit="nav"
report-submit
name='home'
>
<navigator
class='get-formId--btn footer-icon'
data-url="/pages/page/page"
formType="submit"
open-type="switchTab"
>
<image src="https://hwimagecdn.ihotwind.cn/hotwind-mini/images/hotnewicon/bottom-index.png" mode="widthFix" />
<view>首页</view>
</navigator>
</form>
<form
class='get-formId'
bindsubmit="nav"
report-submit
name='home'
>
<navigator class="get-formId--btn footer-icon" >
<image src="https://hwimagecdn.ihotwind.cn/hotwind-mini/images/hotnewicon/bottom-kefu.png" mode="widthFix"></image>
<view class="tab-text">客服</view>
</navigator>
</form>
<form
class='get-formId'
bindsubmit="nav"
report-submit
name='nav'
>
<navigator class='get-formId--btn footer-icon' open-type="switchTab" url="/pages/cart/cart"> <view class="product-footer">
<image class="contact-share-img" src="https://hwimagecdn.ihotwind.cn/hotwind-mini/images/hotnewicon/bottom-shop-cart.png" /> <view class="footer-icons clearfix">
<view class="add-car-text">购物车</view> <form
</navigator> class='get-formId'
bindsubmit="nav"
report-submit
name='home'
>
<navigator
class='get-formId--btn footer-icon'
url="/pages/userCenter/userCenter"
formType="submit"
open-type="navigate"
>
<image src="https://hwimagecdn.ihotwind.cn/hotwind-mini/images/hotnewicon/bottom-index.png" mode="widthFix" />
<view>首页</view>
</navigator>
</form>
<form
class='get-formId'
bindsubmit="nav"
report-submit
name='nav'
>
<navigator class='get-formId--btn footer-icon' open-type="navigate" url="/pages/cart/cart">
<image class="contact-share-img" src="https://hwimagecdn.ihotwind.cn/hotwind-mini/images/hotnewicon/bottom-shop-cart.png" />
<view class="add-car-text">购物车</view>
</navigator>
</form>
<form
class='get-formId'
bindsubmit="nav"
report-submit
name='home'
>
<navigator class="get-formId--btn footer-icon">
<image src="https://hwimagecdn.ihotwind.cn/hotwind-mini/images/hotnewicon/bottom-kefu.png" mode="widthFix" />
<view class="tab-text">分享</view>
</navigator>
</form>
</form> </view>
</view> <block>
<block > <view class="footer-buttons clearfix">
<view class="footer-buttons clearfix" > <block>
<block > <form
<form class='get-formId get-formId--form'
class='get-formId get-formId--form' bindsubmit="addCart"
bindsubmit="addCart" report-submit
report-submit name='nav'
name='nav' >
> <button class="cart-button get-formId--btn" formType="submit">加入购物车</button>
<button class="cart-button get-formId--btn" formType="submit">加入购物车</button> </form>
</form> <form
<form class='get-formId get-formId--form'
class='get-formId get-formId--form' bindsubmit="goBuy"
bindsubmit="goBuy" report-submit
report-submit name='nav'
name='nav' >
> <button class="buy-button get-formId--btn" formType="submit">立即购买</button>
<button class="buy-button get-formId--btn" formType="submit">立即购买</button> </form>
</form> </block>
</block>
</view>
</view> </block>
</block> </view>
</view>
</view> </view>
<sku-popup <sku-popup
...@@ -155,4 +155,5 @@ ...@@ -155,4 +155,5 @@
<!-- <sku-popup <!-- <sku-popup
product-sku="{{productInfo.productSku}}" product-sku="{{productInfo.productSku}}"
/> --> /> -->
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment