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-->
<view class="page-product-detail product-container"
<view
class="page-product-detail product-container"
bindtouchstart="pageTouchStart"
bindtouchmove="pageMove"
bindtouchend="pageMoveEnd"
bindtap="handleCloseSharePopup">
<view>
<!-- <buy-image-swiper image-data="{{imageData}}"/>
bindtap="handleCloseSharePopup"
>
<view>
<!-- <buy-image-swiper image-data="{{imageData}}"/>
-->
<swiper
autoplay="true" style="height: 750rpx;line-height: 100rpx;" bindchange="swiperChange">
<block wx:for="{{productInfo.listUrl}}" wx:key="index">
<swiper-item>
<image class="swiper-image" mode="widthFix" src="{{baseImgUrl}}{{item.imageUrl}}"></image>
</swiper-item>
</block>
</swiper>
<view class="dots">
<block wx:for="{{productInfo.listUrl}}" wx:key="index">
<view class="dot{{index == swiperCurrent ? ' active' : ''}}"></view>
</block>
</view>
</view>
<swiper autoplay="true" style="height: 750rpx;line-height: 100rpx;" bindchange="swiperChange">
<block wx:for="{{productInfo.listUrl}}" wx:key="index">
<swiper-item>
<image class="swiper-image" mode="widthFix" src="{{baseImgUrl}}{{item.imageUrl}}" />
</swiper-item>
</block>
</swiper>
<view class="dots">
<block wx:for="{{productInfo.listUrl}}" wx:key="index">
<view class="dot{{index == swiperCurrent ? ' active' : ''}}" />
</block>
</view>
</view>
<view class="product-detail-wrap">
<view class="product-price">
<view class="price-wrap">
<view class="price-icon" wx:if="{{memberLevel}}">会员专享价</view>
<text class="price">￥618</text>
<text class="cost-price">￥888</text>
</view>
<view class="share-wrap">
<image class="share-img" src="/assets/imgs/share.png"></image>
<text class="share-text">分享</text>
</view>
</view>
<view class="product-name">
{{productInfo.productName}}
</view>
<view class="product-desc">
{{productInfo.productStatusDesc}}
</view>
<view class="member-price" wx:if="{{openPlusStatus}}">
<view class="member-price-info">
<image class="member-price-icon" src="/assets/imgs/7_1_0/plus.png"></image>
<text class="before-reduce-price">￥558,</text>
<text class="reduce-price">本次立减￥60</text>
</view>
<view class="open" >
<text class="open-text">立即开通</text>
<image class="big-arrow" src="/assets/imgs/big-arrow-right.png"></image>
</view>
</view>
<view class="choose-wrap" bindtap="addCart">
{{selectSkuName ? '已选：' + selectSkuName : '请选择规格'}}
<image class="arrow-right" src="/assets/imgs/7_1_0/arrow-right-sku.png" mode="widthFix"></image>
</view>
<!-- <view class="choose-wrap">
<view class="product-detail-wrap">
<view class="product-price">
<view class="price-wrap">
<view class="price-icon" wx:if="{{memberLevel}}">会员专享价</view>
<text class="price">￥618</text>
<text class="cost-price">￥888</text>
</view>
<view class="share-wrap">
<image class="share-img" src="/assets/imgs/share.png" />
<text class="share-text">分享</text>
</view>
</view>
<view class="product-name">
{{productInfo.productName}}
</view>
<view class="product-desc">
{{productInfo.productStatusDesc}}
</view>
<view class="member-price" wx:if="{{openPlusStatus}}">
<view class="member-price-info">
<image class="member-price-icon" src="/assets/imgs/7_1_0/plus.png" />
<text class="before-reduce-price">￥558,</text>
<text class="reduce-price">本次立减￥60</text>
</view>
<view class="open">
<text class="open-text">立即开通</text>
<image class="big-arrow" src="/assets/imgs/big-arrow-right.png" />
</view>
</view>
<view class="choose-wrap" bindtap="addCart">
{{selectSkuName ? '已选：' + selectSkuName : '请选择规格'}}
<image class="arrow-right" src="/assets/imgs/7_1_0/arrow-right-sku.png" mode="widthFix" />
</view>
<!-- <view class="choose-wrap">
支持快递配送</view> -->
<view class="surplus">
剩余：
<text class="surplus-number">{{productInfo.stock}}</text>
件
</view>
</view>
<view class="surplus">
剩余：
<text class="surplus-number">{{productInfo.stock}}</text>
件
</view>
<view class="gray-line"></view>
</view>
<view class="scroll-tips">
继续拖动，查看图文详情
</view>
<view class="gray-line" />
<view class="product-footer">
<view class="footer-icons clearfix">
<form
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'
>
<view class="scroll-tips">
继续拖动，查看图文详情
</view>
<navigator class='get-formId--btn footer-icon' open-type="switchTab" 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>
<view class="product-footer">
<view class="footer-icons clearfix">
<form
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>
<block >
<view class="footer-buttons clearfix" >
<block >
<form
class='get-formId get-formId--form'
bindsubmit="addCart"
report-submit
name='nav'
>
<button class="cart-button get-formId--btn" formType="submit">加入购物车</button>
</form>
<form
class='get-formId get-formId--form'
bindsubmit="goBuy"
report-submit
name='nav'
>
<button class="buy-button get-formId--btn" formType="submit">立即购买</button>
</form>
</block>
</view>
</block>
</view>
</view>
<block>
<view class="footer-buttons clearfix">
<block>
<form
class='get-formId get-formId--form'
bindsubmit="addCart"
report-submit
name='nav'
>
<button class="cart-button get-formId--btn" formType="submit">加入购物车</button>
</form>
<form
class='get-formId get-formId--form'
bindsubmit="goBuy"
report-submit
name='nav'
>
<button class="buy-button get-formId--btn" formType="submit">立即购买</button>
</form>
</block>
</view>
</block>
</view>
</view>
<sku-popup
......@@ -155,4 +155,5 @@
<!-- <sku-popup
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