167 lines
8.2 KiB
Plaintext
Executable File
167 lines
8.2 KiB
Plaintext
Executable File
<view s-if="goods != null" class="page">
|
||
<!-- 轮播图片 -->
|
||
<swiper indicator-dots="{{indicator_dots}}" indicator-color="{{indicator_color}}" indicator-active-color="{{indicator_active_color}}" autoplay="{{autoplay}}" circular="{{circular}}" class="goods-photo bg-white" s-if="goods_photo.length > 0">
|
||
<block s-for="item, index in goods_photo" s-key="key">
|
||
<swiper-item>
|
||
<image class="swiper-item wh-auto" bindtap="goods_photo_view_event" data-index="{{index}}" src="{{item.images}}" mode="aspectFit" />
|
||
</swiper-item>
|
||
</block>
|
||
</swiper>
|
||
|
||
<!-- 视频 -->
|
||
<block s-if="goods.video.length > 0">
|
||
<view s-if="goods_video_is_autoplay" class="goods-video">
|
||
<video src="{{goods.video}}" autoplay="{{goods_video_is_autoplay}}" show-center-play-btn="{{true}}" controls="{{false}}" show-play-btn="{{false}}" enable-progress-gesture="{{false}}" show-fullscreen-btn="{{false}}"></video>
|
||
</view>
|
||
<view class="goods-video-submit">
|
||
<image s-if="!goods_video_is_autoplay" class="goods-video-play" bindtap="goods_video_play_event" src="/images/goods-detail-video-play.png" mode="aspectFit"></image>
|
||
<image s-if="goods_video_is_autoplay" class="goods-video-close" bindtap="goods_video_close_event" src="/images/goods-detail-video-close.png" mode="aspectFit"></image>
|
||
</view>
|
||
</block>
|
||
|
||
<!-- 标题 -->
|
||
<view class="goods-title multi-text" style="color:{{goods.title_color}}">{{goods.title}}</view>
|
||
|
||
<!-- 限时秒杀 -->
|
||
<view s-if="common_app_is_limitedtimediscount == 1 && plugins_limitedtimediscount_data != null">
|
||
<import src="/pages/lib/limitedtimediscount/goods-detail.swan" />
|
||
<template is="limitedtimediscount" data="{{{plugins_limitedtimediscount_data: plugins_limitedtimediscount_data, plugins_limitedtimediscount_is_show_time: plugins_limitedtimediscount_is_show_time, plugins_limitedtimediscount_time_millisecond: plugins_limitedtimediscount_time_millisecond}}}"></template>
|
||
</view>
|
||
|
||
<!-- 基础信息 -->
|
||
<view class="goods-base bg-white">
|
||
<view class="goods-price single-text">
|
||
<view class="goods-share tc" bindtap="popup_share_event">
|
||
<button class="goods-share tc" type="default" size="mini" open-type="share" hover-class="none">
|
||
<image src="/images/goods-detail-share-icon.png" mode="scaleToFill" class="dis-block" />
|
||
<view class="cr-888">分享</view>
|
||
</view>
|
||
<text s-if="(show_field_price_text || null) != null" class="price-icon">{{show_field_price_text}}</text>
|
||
<text class="sales-price">￥{{goods.price}}</text>
|
||
<view s-if="(goods.original_price || null) != null" class="original-price">￥{{goods.original_price}}</view>
|
||
</view>
|
||
<view class="base-grid oh">
|
||
<view class="fl tl">
|
||
<text class="cr-888">累计销量</text>
|
||
<text class="cr-main">{{goods.sales_count}}</text>
|
||
</view>
|
||
<view class="fl tc">
|
||
<text class="cr-888">浏览次数</text>
|
||
<text class="cr-main">{{goods.access_count}}</text>
|
||
</view>
|
||
<view class="fl tr">
|
||
<navigator url="/pages/goods-comment/goods-comment?goods_id={{goods.id}}" hover-class="none">
|
||
<text class="cr-888">累计评论</text>
|
||
<text class="cr-main">{{goods.comments_count}}</text>
|
||
</navigator>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 属性导航 -->
|
||
<!-- <view wx:if="{{false}}" class="spacing">
|
||
<view class="goods-attr-show-title bg-white arrow-right cr-666" bindtap="good_attribute_nav_event">
|
||
属性
|
||
</view>
|
||
</view> -->
|
||
|
||
<!-- 商品详情 -->
|
||
<view class="goods-detail spacing">
|
||
<view class="spacing-nav-title">
|
||
<text class="line"></text>
|
||
<text class="text-wrapper">详情</text>
|
||
</view>
|
||
<!-- web详情 -->
|
||
<view s-if="common_app_is_use_mobile_detail == 0" class="bg-white">
|
||
<rich-text nodes="{{goods.content_web || ''}}"></rich-text>
|
||
</view>
|
||
<!-- 手机独立详情 -->
|
||
<block s-if="common_app_is_use_mobile_detail == 1 && goods_content_app.length > 0">
|
||
<view s-for="item, index in goods_content_app" s-key="key" class="goods-detail-app bg-white">
|
||
<image s-if="(item.images || null) != null" bindtap="goods_detail_images_view_event" data-value="{{item.images}}" class="wh-auto dis-block" src="{{item.images}}" mode="widthFix" />
|
||
<view s-if="(item.content || null) != null" class="content-items">
|
||
<view s-for="items, index in item.content">{{items}}</view>
|
||
</view>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
|
||
<!-- 底线 -->
|
||
<import src="/pages/common/bottom_line.swan" />
|
||
<template is="bottom_line" data="{{{status: data_bottom_line_status}}}"></template>
|
||
|
||
<!-- 底部操作 -->
|
||
<view class="goods-buy-nav wh-auto bg-white">
|
||
<view class="shop fl tc" bindtap="shop_event">
|
||
<image src="/images/goods-detail-home-icon.png" mode="scaleToFill" />
|
||
<text class="dis-block cr-888">首页</text>
|
||
</view>
|
||
<view class="collect fl tc" bindtap="goods_favor_event">
|
||
<image src="{{goods_favor_icon}}" mode="scaleToFill" />
|
||
<text class="dis-block cr-888">{{goods_favor_text}}</text>
|
||
</view>
|
||
<view class="fr">
|
||
<button class="bg-warning fl" type="default" bindtap="cart_submit_event" hover-class="none" disabled="{{nav_submit_is_disabled}}">加入购物车</button>
|
||
<button class="bg-main fl" type="default" bindtap="buy_submit_event" hover-class="none" disabled="{{nav_submit_is_disabled}}">{{nav_submit_text}}</button>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 购买弹层 -->
|
||
<component-popup status="{{popup_status}}" position="bottom" bindonclose="popup_close_event">
|
||
<view class="goods-popup bg-white">
|
||
<view class="close fr oh">
|
||
<view class="fr" catchtap="popup_close_event">
|
||
<icon type="clear" size="20" />
|
||
</view>
|
||
</view>
|
||
<!-- 规格基础信息 -->
|
||
<view class="goods-popup-base oh br-b">
|
||
<image src="{{goods_spec_base_images}}" mode="scaleToFill" class="br" />
|
||
<view class="goods-popup-base-content">
|
||
<view class="goods-price">
|
||
<view class="sales-price">￥{{goods_spec_base_price}}</view>
|
||
<view s-if="(goods_spec_base_original_price || null) != null" class="original-price">￥{{goods_spec_base_original_price}}</view>
|
||
</view>
|
||
<view class="inventory">
|
||
<text class="cr-888">库存</text>
|
||
<text class="cr-666">{{goods_spec_base_inventory}}</text>
|
||
<text class="cr-888">{{goods.inventory_unit}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="goods-popup-content">
|
||
<!-- 商品属性 -->
|
||
<view s-if="goods_specifications_choose.length > 0" class="goods-attr-choose">
|
||
<view s-for="item, key in goods_specifications_choose" s-key="key" class="item br-b">
|
||
<view class="title">{{item.name}}</view>
|
||
<view s-if="item.value.length > 0" class="spec">
|
||
<block s-for="items, keys in item.value" s-key="key">
|
||
<button catchtap="goods_specifications_event" data-key="{{key}}" data-keys="{{keys}}" type="default" size="mini" hover-class="none" class="{{items.is_active}} {{items.is_dont}} {{items.is_disabled}}">
|
||
<image s-if="(items.images || null) != null" src="{{items.images}}" mode="scaleToFill" />
|
||
{{items.name}}
|
||
</button>
|
||
</block>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 购买数量 -->
|
||
<view class="goods-buy-number oh">
|
||
<view class="title fl">购买数量</view>
|
||
<view class="number-content tc oh">
|
||
<view bindtap="goods_buy_number_event" class="number-submit tc cr-888 fl" data-type="0">-</view>
|
||
<input bindblur="goods_buy_number_blur" class="tc cr-888 fl" type="number" value="{=temp_buy_number=}" />
|
||
<view bindtap="goods_buy_number_event" class="number-submit tc cr-888 fl" data-type="1">+</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<button class="goods-popup-submit bg-main" type="default" catchtap="goods_buy_confirm_event" hover-class="none">确定</button>
|
||
</view>
|
||
</component-popup>
|
||
</view>
|
||
|
||
<view s-if="goods == null">
|
||
<import src="/pages/common/nodata.swan" />
|
||
<template is="nodata" data="{{{status: data_list_loding_status, msg: data_list_loding_msg}}}"></template>
|
||
</view> |