昆明网站建设网页设计_找最新产品代理_公司介绍资料_河北网站seo费用
<template><view v-show="!isLoading" class="container" :style="appThemeStyle"><!-- 商品图片轮播 --><SlideImage v-if="!isLoading" :video="goods.video" :videoCover="goods.videoCover":images="goods.goods_images" /><!-- 商品信息 --><view v-if="!isLoading" class="goods-info m-top20"><!-- 价格、销量 --><view class="info-item info-item__top dis-flex flex-x-between flex-y-end"><view class="block-left dis-flex flex-y-center"><!-- 商品售价 --><text class="floor-price__samll">¥</text><text class="floor-price">{{ goods.goods_price_min }}</text><!-- 会员价标签 --><view v-if="goods.is_user_grade" class="user-grade"><text>会员价</text></view><!-- 划线价 --><text v-if="goods.line_price_min > 0" class="original-price">¥{{ goods.line_price_min }}</text></view><view class="block-right dis-flex"><!-- 销量 --><view class="goods-sales"><text>已售{{ goods.goods_sales }}件</text></view></view></view><!-- 标题、分享 --><view class="info-item info-item__name dis-flex flex-y-center"><view class="goods-name flex-box"><text class="twoline-hide">{{ goods.goods_name }}</text></view><view class="goods-share__line"></view><view class="goods-share"><button class="share-btn dis-flex flex-dir-column" @click="onShowShareSheet()"><text class="share__icon iconfont icon-fenxiang"></text><text class="f-24">分享</text></button></view></view><!-- 商品卖点 --><view v-if="goods.selling_point" class="info-item info-item_selling-point"><text>{{ goods.selling_point }}</text></view></view><!-- 选择商品规格 --><view v-if="goods.spec_type == 20" class="goods-choice m-top20 b-f" @click="onShowSkuPopup(1)"><view class="spec-list"><view class="flex-box"><text class="col-8">选择:</text><text class="spec-name" v-for="(item, index) in goods.specList":key="index">{{ item.spec_name }}</text></view><view class="f-26 col-9 t-r"><text class="iconfont icon-arrow-right"></text></view></view></view><!-- 商品服务 --><Service v-if="!isLoading" :goods-id="goodsId" /><!-- 商品SKU弹窗 --><SkuPopup v-if="!isLoading" v-model="showSkuPopup" :skuMode="skuMode" :goods="goods" @addCart="onAddCart" /><!-- 商品评价 --><Comment v-if="!isLoading" :goods-id="goodsId" :limit="2" /><!-- 商品描述 --><view v-if="!isLoading" class="goods-content m-top20"><view class="item-title b-f"><text>商品描述</text></view><view v-if="goods.content != ''" class="goods-content__detail b-f"><mp-html :content="goods.content" /></view></view><!-- 底部选项卡 --><view class="footer-fixed"><view class="footer-container"><!-- 导航图标 --><view class="foo-item-fast"><!-- 首页 --><view class="fast-item fast-item--home" @click="onTargetHome"><view class="fast-icon"><text class="iconfont icon-shouye"></text></view><view class="fast-text"><text>首页</text></view></view><!-- 客服 --><customer-btn v-if="isShowCustomerBtn" :showCard="true" :cardTitle="goods.goods_name":cardImage="goods.goods_image"><view class="fast-item"><view class="fast-icon"><text class="iconfont icon-kefu1"></text></view><view class="fast-text"><text>客服</text></view></view></customer-btn><!-- 购物车 --><!-- <view class="fast-item fast-item--cart" @click="onTargetCart"><view v-if="cartTotal > 0" class="fast-badge fast-badge--fixed">{{ cartTotal > 99 ? '99+' : cartTotal }}</view><view class="fast-icon"><text class="iconfont icon-gouwuche"></text></view><view class="fast-text"><text>购物车</text></view></view> --></view><!-- 操作按钮 --><view class="foo-item-btn"><view class="btn-wrapper"><!-- <view v-if="isEnableCart" class="btn-item btn-item-deputy" @click="onShowSkuPopup(2)"><text>加入购物车</text></view> --><view class="btn-item btn-item-main" @click="onShowSkuPopup(3)"><text>更多详情</text></view></view></view></view></view><!-- 快捷导航 --><!-- <shortcut bottom="120rpx" /> --><!-- 分享菜单 --><share-sheet v-model="showShareSheet" :shareTitle="goods.goods_name" :shareImageUrl="goods.goods_image" /><!-- 二维码扫码 --><u-modal v-model="showQrModal" :title="温馨提示"><view class="qrcode"><text>下单请长按二维码➕微信</text><image src="../../static/qrcode.jpg" mode="widthFix" :show-menu-by-longpress="true"/></view></u-modal></view>">