1 line
9.2 KiB
Plaintext
1 line
9.2 KiB
Plaintext
<view class="detail-container"><view class="fixed-header" style="{{'opacity:'+(navOpacity)+';'}}"><view class="status-bar" style="{{'height:'+(statusBarHeight+'px')+';'}}"></view><view class="header-content"><text class="header-title">商品详情</text></view></view><view data-event-opts="{{[['tap',[['goBack',['$event']]]]]}}" class="back-btn" style="{{'top:'+(backButtonTop+'px')+';'+('background-color:'+('rgba(0,0,0,'+bgOpacity+')')+';')}}" bindtap="__e"><view class="back-icon-box" style="{{'border-color:'+(iconColor)+';'}}"></view></view><scroll-view class="scroll-content" scroll-y="{{true}}" show-scrollbar="{{false}}" data-event-opts="{{[['scroll',[['handleScroll',['$event']]]]]}}" bindscroll="__e"><block wx:if="{{isLoaded}}"><view class="animate-fade-in"><view class="swiper-box"><swiper class="main-swiper" circular="{{true}}" data-event-opts="{{[['change',[['swiperChange',['$event']]]]]}}" bindchange="__e"><block wx:for="{{product.images}}" wx:for-item="img" wx:for-index="index" wx:key="index"><swiper-item><image class="swiper-img" src="{{img}}" mode="aspectFill"></image></swiper-item></block></swiper><block wx:if="{{$root.g0>0}}"><view class="swiper-indicator">{{currentSwiper+1+"/"+$root.g1}}</view></block></view><block wx:if="{{product.activity&&product.activity.app_img}}"><view class="activity-banner"><image class="banner-img" src="{{product.activity.app_img}}" mode="widthFix"></image></view></block><block wx:if="{{product.rankText}}"><view class="hot-sale-bar"><view class="hot-left"><text class="trophy-icon"></text><text class="hot-text">{{product.rankText}}</text></view><view class="hot-divider">|</view><view class="hot-right"><text>{{"今日已有"+product.todaySale+"人下单"}}</text></view></view></block><view class="info-section"><view class="price-row"><view class="price-left"><text class="price-label">券后￥</text><text class="price-val">{{product.price}}</text><text class="price-old">{{"￥"+product.oldPrice}}</text></view><view class="price-right">已售<text class="sales-red">{{product.totalSale}}</text>件</view></view><view class="title-row"><view class="title-content"><image class="title-platform-icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADQklEQVRYR+2XX4hUdRTHP+euGAsbLKiU9KDRRvhnvL+7E4v5YvYSZLIu6T5JBIJilH+eDERckUh90P5BFEFg9FAmlhj6pFugwj7s/d2ZnUgsWQUFldqFWBuEuUd+s3f0zrg7M46JL3sfZmB+v+85n985vznnXCF5lMxHIH3AS5XfHtN3AeScEG129sV9KMv0MTmra1bIiSj+l6CbngQA6H5Rlo0AS54MABcdQDPhvw589ZCQW4BnGmmaBNA+If9TI2PpdSXzDsg3jTRNAjAA8a9pY8LIYLXDpa9WO/NWgtPVf5oFqLGig0J+Vc2Jz4LUQDRyDzMAMxGYicBMBFqMgOvjuXIrvz9PNNVTHqhMLQO4Mivk9ibzxJ5myu5UdVGUzFnQsiHw3gC2AbMbF9GWdtwGjkD8/aRa9lSFcfI0S1eA9x2wsCUX04tCiNcLI39VNzUgm83Ob2truzM0NPT3/ZxmLIj/P0FcEXL3DtTT0zNnYmJCC4XCP2KMSefvgoj0hmF4S1n8LMzKA3MfEeJf8LKCvRQEwTxV/Rl4pZwAkV4HUDWSqeqxKIrWTaYjsxbk+CMCrBNyx5wN3/d/FJG3UvbOOYAHRjIRORCG4QfJDd8KfNIixLtC7gunDYJgv6rurLUzJUCyqc9aWx7DlMwmkLeTd4ZGKbkFXAT9VsiX50hjzFpgykjWAyiISH8Yhr+3ePqyLAiCxar6w3STdz0Apy+o6u4oilq6B77v94nIvnpj/3QAAyKyXFX/U9VZIuLG6yvANWC8QUQ6geeABSJyI9mrqjo8VbV0AOcrfwt3YuA9oBfYnog3xHF81fO83x4mFZ7nvRzHcQaojOYHgVPA56mIXHAAh4AdzrnL+djY2OXOzs6bwNOJw0Fr7SpjzHrA5bKZp99aezQIghOquiYRTHS3t88rFovPp+7E4XIpNsY4w5estbt8339dRE6nvYyPj7ePjo4WjTEngdXJ2oC1ttxDaorZL9baN7u6up7q6Ogopu04mCiKThpjPgRetNb23+sF3d3drw0PD58JgmCjqn6dFpZKpUX5fP4P3/c/FZH33Zq1tqqPVOqJqn4WRdHWbDb7QqlU+rMmXDustR9XfLm1uwCwZa9OY0IsAAAAAElFTkSuQmCC"></image><text class="title-text">{{product.title}}</text></view></view><view class="tags-row"><block wx:for="{{product.labels}}" wx:for-item="tag" wx:for-index="index" wx:key="index"><text class="tag-capsule">{{tag}}</text></block></view><block wx:if="{{!$store.state.isThirdParty}}"><view class="estimate-tip"><text>{{"消费券："+$root.m0+"为预估值，实际以系统发放为准"}}</text></view></block></view><block wx:if="{{product.couponVal}}"><view class="coupon-section"><view class="coupon-card"><view class="coupon-left"><view class="coupon-amount"><text class="amount-val">{{product.couponVal}}</text><text class="amount-unit">元优惠券</text></view><view class="coupon-time">{{"使用期限: "+product.couponTime}}</view></view></view></view></block><block wx:if="{{product.shopName}}"><view class="brand-shop-card"><block wx:if="{{product.brandName}}"><view class="brand-row"><text class="row-label">品牌</text><view class="brand-content"><block wx:if="{{product.brandLogo}}"><image class="brand-logo-img" src="{{product.brandLogo}}" mode="aspectFit"></image></block><text class="brand-name-text">{{product.brandName}}</text></view></view></block><view class="shop-row"><text class="row-label">店铺</text><view class="shop-main-content"><view class="shop-name-row"><view class="shop-title-box"><block wx:if="{{product.platform}}"><text class="{{[product.platform==='天猫'?'tag-tmall-mini':'tag-taobao-mini']}}">{{product.platform==='天猫'?'T':'淘'}}</text></block><text class="shop-name-text">{{product.shopName}}</text></view><text class="row-arrow">></text></view><view class="score-detail-row"><view class="score-item">描述<text class="val-red">{{product.scores.desc}}</text><text class="up-red">↑</text></view><view class="score-item">服务<text class="val-red">{{product.scores.service}}</text><text class="up-red">↑</text></view><view class="score-item">物流<text class="val-red">{{product.scores.post}}</text><text class="up-red">↑</text></view></view></view></view></view></block><block wx:if="{{product.desc}}"><view class="benefit-card"><view class="benefit-header"><view class="benefit-title-box"><image class="benefit-icon" src="/static/img/fuli.png"></image><text class="benefit-title">粉丝福利购</text></view></view><view class="benefit-content"><text class="benefit-text">{{product.desc}}</text></view></view></block><view class="detail-control-bar"><view class="control-left"><text class="red-line"></text><text class="control-title">详情</text></view><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="control-right" bindtap="__e"><text class="expand-text">{{isExpanded?'收起':'展开'}}</text><view class="{{['expand-arrow',isExpanded?'up':'down']}}"></view></view></view><view class="{{['detail-images',(!isExpanded)?'collapsed':'']}}"><block wx:for="{{product.detailImages}}" wx:for-item="img" wx:for-index="index" wx:key="index"><image class="detail-img" src="{{img}}" mode="widthFix"></image></block></view><block wx:if="{{$root.g2>0}}"><view class="more-like com"><view class="top g-df-c"><image class="recommend-title-img" src="https://web.cms.hykefu.cn/static/img/tongleituij.png" mode="widthFix"></image></view><view class="list"><view class="list-container"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="idx" wx:key="idx"><view data-event-opts="{{[['tap',[['goToDetail',['$0'],[[['similarProducts','',idx,'id']]]]]]]}}" class="g-shop-list" bindtap="__e"><view class="shop-img"><image src="{{item.$orig.itempic}}" mode="aspectFill" lazy-load="{{true}}"></image></view><view class="shop-box"><view class="shop-title van-multi-ellipsis--l2"><image class="platform-icon" src="{{item.$orig.shoptype==='B'?'https://img-haodanku-com.cdn.fudaiapp.com/FlyOSTvjC3LjrkUoJ0NPxx1qnGz4':'https://img-haodanku-com.cdn.fudaiapp.com/Fpx7_72-zY-n-zX_5_f2_f-f'}}"></image><text>{{item.$orig.itemtitle}}</text></view><view class="shop-tag"><block wx:if="{{item.$orig.is_low_price==='1'}}"><text>{{item.$orig.low_price_day+"天最低价"}}</text></block><block wx:if="{{item.$orig.couponmoney}}"><text>{{"满"+item.$orig.itemprice+"减"+item.$orig.couponmoney}}</text></block></view><view class="flex-left flex-left-o"><view class="discount-price">券后¥<text class="price-num">{{item.$orig.itemendprice}}</text></view><block wx:if="{{item.$orig.couponmoney}}"><view class="g-coupon-label g-df-vc"><label class="g-df-c _span">券</label><text>{{item.$orig.couponmoney+"元"}}</text></view></block></view><block wx:if="{{!$store.state.isThirdParty}}"><view class="flex-left coupon-row"><view class="d-coupon-left"><text class="coupon-tip"></text><text class="coupon-val">{{item.m1}}</text></view></view></block><view class="flex-left flex-left-t"><view class="sales-volume">{{"已售"+item.m2+"件"}}</view></view></view></view></block></view></view><view class="end-tips">已为您加载完毕</view><view class="custom-copyright">©️粉丝福利购专属优惠商城</view></view></block><view class="footer-placeholder"></view></view></block><block wx:else><view class="skeleton-wrap"><view class="sk-swiper sk-animate"></view><view class="sk-info"><view class="sk-price sk-animate"></view><view class="sk-title sk-animate"></view><view class="sk-title sk-short sk-animate"></view><view class="sk-tags"><view class="sk-tag sk-animate"></view><view class="sk-tag sk-animate"></view></view></view><view class="sk-coupon sk-animate"></view><view class="sk-shop sk-animate"></view><view class="sk-detail sk-animate"></view></view></block></scroll-view><view class="bottom-bar"><view class="bar-left"><view data-event-opts="{{[['tap',[['goHome',['$event']]]]]}}" class="bar-btn" bindtap="__e"><text class="bar-icon"></text><text class="bar-text">首页</text></view><view class="bar-btn"><text class="bar-icon"></text><text class="bar-text">分享</text></view></view><view class="bar-right"><view data-event-opts="{{[['tap',[['copyTaoWord',['$event']]]]]}}" class="copy-btn" bindtap="__e">复制口令购买</view></view></view></view> |