revert: 所有代码与custom/common分支同
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<view :style="themeColor">
|
||||
<!-- #ifndef H5 -->
|
||||
<!-- <view class="page-header" v-if="goodsSkuDetail && goodsSkuDetail.config && goodsSkuDetail.config.nav_bar_switch == 0">
|
||||
<!-- <view class="page-header" v-if="goodsSkuDetail && goodsSkuDetail.config && goodsSkuDetail.config.nav_bar_switch == 0">
|
||||
<ns-navbar :data="navbarData" :isBack="true"></ns-navbar>
|
||||
</view> -->
|
||||
<!-- #endif -->
|
||||
@@ -15,19 +15,21 @@
|
||||
<view class="icon-box"><text class="iconfont icon-tutechan"></text></view>
|
||||
<view class="price-box">
|
||||
<view class="promotion-text">限时折扣</view>
|
||||
<view class="sale-num" v-if="goodsSkuDetail.sale_show">已售{{ goodsSkuDetail.sale_num }}{{
|
||||
goodsSkuDetail.unit }}</view>
|
||||
<view class="sale-num" v-if="goodsSkuDetail.sale_show">已售{{ goodsSkuDetail.sale_num }}{{ goodsSkuDetail.unit }}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="countdown">
|
||||
<view class="txt">距结束仅剩</view>
|
||||
<view class="clockrun">
|
||||
<uni-count-down :day="goodsSkuDetail.discountTimeMachine.d"
|
||||
<uni-count-down
|
||||
:day="goodsSkuDetail.discountTimeMachine.d"
|
||||
:hour="goodsSkuDetail.discountTimeMachine.h"
|
||||
:minute="goodsSkuDetail.discountTimeMachine.i"
|
||||
:second="goodsSkuDetail.discountTimeMachine.s" splitorColor="#ffffff"
|
||||
backgroundColor="#ffffff" />
|
||||
:second="goodsSkuDetail.discountTimeMachine.s"
|
||||
splitorColor="#ffffff"
|
||||
backgroundColor="#ffffff"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -38,21 +40,16 @@
|
||||
<block v-if="goodsSkuDetail.isinformation == 0">
|
||||
<template v-if="showDiscount">
|
||||
<text class="price-symbol price-font">{{ $lang('common.currencySymbol') }}</text>
|
||||
<text class="price price-font">{{
|
||||
parseFloat(goodsSkuDetail.discount_price).toFixed(2).split('.')[0] }}</text>
|
||||
<text class="price-symbol price-font">.{{
|
||||
parseFloat(goodsSkuDetail.discount_price).toFixed(2).split('.')[1] }}</text>
|
||||
<text class="price price-font">{{ parseFloat(goodsSkuDetail.discount_price).toFixed(2).split('.')[0] }}</text>
|
||||
<text class="price-symbol price-font">.{{ parseFloat(goodsSkuDetail.discount_price).toFixed(2).split('.')[1] }}</text>
|
||||
</template>
|
||||
<template v-else>
|
||||
<template v-if="goodsSkuDetail.member_price > 0">
|
||||
<text class="price-symbol price-font">{{ $lang('common.currencySymbol') }}</text>
|
||||
<text class="price price-font">{{
|
||||
parseFloat(goodsSkuDetail.member_price).toFixed(2).split('.')[0] }}</text>
|
||||
<text class="price-symbol price-font">.{{
|
||||
parseFloat(goodsSkuDetail.member_price).toFixed(2).split('.')[1] }}</text>
|
||||
<text class="price price-font">{{ parseFloat(goodsSkuDetail.member_price).toFixed(2).split('.')[0] }}</text>
|
||||
<text class="price-symbol price-font">.{{ parseFloat(goodsSkuDetail.member_price).toFixed(2).split('.')[1] }}</text>
|
||||
<view class="member-vip-wrap">
|
||||
<image :src="$util.img('public/uniapp/goods/member_vip.png')"
|
||||
mode="aspectFit" />
|
||||
<image :src="$util.img('public/uniapp/goods/member_vip.png')" mode="aspectFit"/>
|
||||
</view>
|
||||
<view class="member-price-wrap" v-if="!goodsSkuDetail.market_price_show">
|
||||
<text class="unit price-font">原价</text>
|
||||
@@ -62,54 +59,43 @@
|
||||
</template>
|
||||
<template v-else>
|
||||
<text class="price-symbol price-font">{{ $lang('common.currencySymbol') }}</text>
|
||||
<text class="price price-font">{{
|
||||
parseFloat(goodsSkuDetail.price).toFixed(2).split('.')[0] }}</text>
|
||||
<text class="price-symbol price-font">.{{
|
||||
parseFloat(goodsSkuDetail.price).toFixed(2).split('.')[1] }}</text>
|
||||
<text class="price price-font">{{ parseFloat(goodsSkuDetail.price).toFixed(2).split('.')[0] }}</text>
|
||||
<text class="price-symbol price-font">.{{ parseFloat(goodsSkuDetail.price).toFixed(2).split('.')[1] }}</text>
|
||||
</template>
|
||||
</template>
|
||||
<view class="market-price-wrap" v-if="goodsSkuDetail.market_price_show">
|
||||
<text class="unit price-font"
|
||||
v-if="(showDiscount && goodsSkuDetail.price > 0) || goodsSkuDetail.market_price > 0">
|
||||
<text class="unit price-font" v-if="(showDiscount && goodsSkuDetail.price > 0) || goodsSkuDetail.market_price > 0">
|
||||
{{ $lang('common.currencySymbol') }}
|
||||
</text>
|
||||
<text class="money price-font" v-if="showDiscount && goodsSkuDetail.price > 0">{{
|
||||
goodsSkuDetail.price }}</text>
|
||||
<text class="money price-font" v-else-if="goodsSkuDetail.market_price > 0">{{
|
||||
goodsSkuDetail.market_price }}</text>
|
||||
<text class="money price-font" v-if="showDiscount && goodsSkuDetail.price > 0">{{ goodsSkuDetail.price }}</text>
|
||||
<text class="money price-font" v-else-if="goodsSkuDetail.market_price > 0">{{ goodsSkuDetail.market_price }}</text>
|
||||
</view>
|
||||
<view class="follow-and-share">
|
||||
<text class="follow iconfont icon-share" @click="openSharePopup()"></text>
|
||||
<text class="share iconfont" @click="editCollection()"
|
||||
:class="whetherCollection == 1 ? 'icon-likefill color-base-text' : 'icon-guanzhu'"></text>
|
||||
<text class="share iconfont" @click="editCollection()" :class="whetherCollection == 1 ? 'icon-likefill color-base-text' : 'icon-guanzhu'"></text>
|
||||
</view>
|
||||
</block>
|
||||
<block v-else>
|
||||
<template>
|
||||
<text class="price price-font" style="font-weight: 600;">{{ $lang('makebtn') }}</text>
|
||||
<text class="price price-font" style="font-weight: 600;">{{$lang('makebtn')}}</text>
|
||||
</template>
|
||||
</block>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="goods-module-wrap info">
|
||||
<text class="sku-name-wrap">{{ isEnEnv ? goodsSkuDetail.en_goods_name :
|
||||
goodsSkuDetail.goods_name }}</text>
|
||||
<text class="introduction" v-if="goodsSkuDetail.introduction"
|
||||
:style="{ color: goodsSkuDetail.config ? goodsSkuDetail.config.introduction_color : '' }">
|
||||
<text class="sku-name-wrap">{{ isEnEnv ? goodsSkuDetail.en_goods_name : goodsSkuDetail.goods_name }}</text>
|
||||
<text class="introduction" v-if="goodsSkuDetail.introduction" :style="{ color: goodsSkuDetail.config ? goodsSkuDetail.config.introduction_color : '' }">
|
||||
{{ goodsSkuDetail.introduction }}
|
||||
</text>
|
||||
<view class="goods-tag-list" v-if="goodsSkuDetail.label_name">
|
||||
<text class="tag-item">{{ goodsSkuDetail.label_name }}</text>
|
||||
</view>
|
||||
<view class="logistics-wrap">
|
||||
<text v-if="goodsSkuDetail.stock_show">{{ $lang('stock') }}: {{ goodsSkuDetail.stock
|
||||
+ goodsSkuDetail.unit }}</text>
|
||||
<text v-if="goodsSkuDetail.sale_show">{{ $lang('sales') }}: {{
|
||||
goodsSkuDetail.sale_num + goodsSkuDetail.unit
|
||||
}}</text>
|
||||
<text v-if="goodsSkuDetail.stock_show">{{$lang('stock')}}: {{ goodsSkuDetail.stock +goodsSkuDetail.unit}}</text>
|
||||
<text v-if="goodsSkuDetail.sale_show">{{$lang('sales')}}: {{ goodsSkuDetail.sale_num+goodsSkuDetail.unit }}</text>
|
||||
</view>
|
||||
<!-- 会员卡 -->
|
||||
<!-- <view class="member-card-wrap" @click="$util.redirectTo('/pages_tool/member/card_buy')" v-if="membercard">
|
||||
<!-- <view class="member-card-wrap" @click="$util.redirectTo('/pages_tool/member/card_buy')" v-if="membercard">
|
||||
<text class="iconfont icon-huiyuan"></text>
|
||||
<view class="info">开通{{ membercard.level_name }}仅需{{ membercard.member_price }}元</view>
|
||||
<text class="btn">立即开通</text>
|
||||
@@ -118,33 +104,29 @@
|
||||
</view>
|
||||
|
||||
<!-- 当前商品参与的营销活动入口 -->
|
||||
<view class="group-wrap"><ns-goods-promotion ref="goodsPromotion"
|
||||
promotion="discount"></ns-goods-promotion></view>
|
||||
<view class="group-wrap"><ns-goods-promotion ref="goodsPromotion" promotion="discount"></ns-goods-promotion></view>
|
||||
|
||||
<view class="group-wrap fenxiao-detail" v-if="
|
||||
goodsSkuDetail.fenxiao_detail &&
|
||||
goodsSkuDetail.fenxiao_detail.words_account &&
|
||||
goodsSkuDetail.fenxiao_detail.commission_money > 0 &&
|
||||
goodsSkuDetail.fenxiao_detail.is_commission_money == 1
|
||||
">
|
||||
<view class="title color-base-text">{{ $lang('commission') }}</view>
|
||||
<view class="group-wrap fenxiao-detail"
|
||||
v-if="
|
||||
goodsSkuDetail.fenxiao_detail &&
|
||||
goodsSkuDetail.fenxiao_detail.words_account &&
|
||||
goodsSkuDetail.fenxiao_detail.commission_money > 0 &&
|
||||
goodsSkuDetail.fenxiao_detail.is_commission_money == 1
|
||||
">
|
||||
<view class="title color-base-text">{{$lang('commission')}}</view>
|
||||
<view class="commission-ratio">
|
||||
<view class="item">
|
||||
<view>One {{ $lang('commissiontext') }}</view>
|
||||
<view>One {{$lang('commissiontext')}}</view>
|
||||
<view class="price-color">
|
||||
<text class="unit">¥</text>
|
||||
<text class="money">{{
|
||||
parseFloat(goodsSkuDetail.fenxiao_detail.commission_money).toFixed(2).split('.')[0]
|
||||
}}</text>
|
||||
<text class="unit">.{{
|
||||
parseFloat(goodsSkuDetail.fenxiao_detail.commission_money).toFixed(2).split('.')[1]
|
||||
}}</text>
|
||||
<text class="money">{{ parseFloat(goodsSkuDetail.fenxiao_detail.commission_money).toFixed(2).split('.')[0] }}</text>
|
||||
<text class="unit">.{{ parseFloat(goodsSkuDetail.fenxiao_detail.commission_money).toFixed(2).split('.')[1] }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- <view class="group-wrap card-info" v-if="goodsSkuDetail.goods_class == 5 && goodsSkuDetail.card_info && goodsSkuDetail.card_info.relation_goods.length">
|
||||
<!-- <view class="group-wrap card-info" v-if="goodsSkuDetail.goods_class == 5 && goodsSkuDetail.card_info && goodsSkuDetail.card_info.relation_goods.length">
|
||||
<view class="card-title">- 套餐包含以下的服务及商品 -</view>
|
||||
<view class="card-desc" v-if="goodsSkuDetail.card_info.card_type == 'timecard' || goodsSkuDetail.card_info.card_type == 'commoncard'">
|
||||
{{ goodsSkuDetail.card_info.card_type == 'commoncard' ? '卡项内项目/商品总的可用次数为' + goodsSkuDetail.card_info.common_num + ' ,' : '' }}
|
||||
@@ -176,16 +158,15 @@
|
||||
<!--多规格-->
|
||||
<template v-slot:skuspec>
|
||||
<view class="item selected-sku-spec" @click="buyNow()">
|
||||
<view class="label">{{ $lang('spec') }}</view>
|
||||
<view class="label">{{$lang('spec')}}</view>
|
||||
<view class="box">
|
||||
<text v-for="(item, index) in goodsSkuDetail.sku_spec_format" :key="index">{{ item.spec_name
|
||||
}}/{{ item.spec_value_name }}</text>
|
||||
<text v-for="(item, index) in goodsSkuDetail.sku_spec_format" :key="index">{{ item.spec_name }}/{{ item.spec_value_name }}</text>
|
||||
</view>
|
||||
<text class="iconfont iconright"></text>
|
||||
</view>
|
||||
</template>
|
||||
<!-- 入口区域 -->
|
||||
<!-- <template v-slot:entrance>
|
||||
<!-- <template v-slot:entrance>
|
||||
<view class="item coupon" v-if="couponList.length && couponList[0]['useState'] != 2" @click="openCouponPopup()">
|
||||
<view class="label">领券</view>
|
||||
<view class="coupon-list">
|
||||
@@ -221,9 +202,16 @@
|
||||
<!-- 业务区域 -->
|
||||
<template v-slot:business>
|
||||
<!-- SKU选择 -->
|
||||
<ns-goods-sku v-if="goodsSkuDetail.goods_id" ref="goodsSku" @refresh="refreshGoodsSkuDetail"
|
||||
:goods-id="goodsSkuDetail.goods_id" :goods-detail="goodsSkuDetail" :max-buy="goodsSkuDetail.max_buy"
|
||||
:min-buy="goodsSkuDetail.min_buy" @getSkuId="setSkuId"></ns-goods-sku>
|
||||
<ns-goods-sku
|
||||
v-if="goodsSkuDetail.goods_id"
|
||||
ref="goodsSku"
|
||||
@refresh="refreshGoodsSkuDetail"
|
||||
:goods-id="goodsSkuDetail.goods_id"
|
||||
:goods-detail="goodsSkuDetail"
|
||||
:max-buy="goodsSkuDetail.max_buy"
|
||||
:min-buy="goodsSkuDetail.min_buy"
|
||||
@getSkuId="setSkuId"
|
||||
></ns-goods-sku>
|
||||
|
||||
<!-- 组合套餐 -->
|
||||
<view v-if="bundling.length && bundling[0].bl_name && addonIsExist.bundling">
|
||||
@@ -240,25 +228,21 @@
|
||||
<view class="goods-wrap">
|
||||
<view class="goods-item" @click="toGoodsDetail(skuId)" v-if="bundlingType == true">
|
||||
<view class="combo-img">
|
||||
<image :src="$util.img(goodsSkuDetail.sku_image, { size: 'mid' })"
|
||||
@error="imageError()" />
|
||||
<image :src="$util.img(goodsSkuDetail.sku_image, { size: 'mid' })" @error="imageError()" />
|
||||
<view class="price-wrap">
|
||||
<text class="unit price-font">{{ $lang('common.currencySymbol') }}</text>
|
||||
<text class="price price-font">{{ goodsSkuDetail.price }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<text class="name">{{ isEnEnv ? goodsSkuDetail.en_goods_name :
|
||||
goodsSkuDetail.goods_name }}</text>
|
||||
<text class="name">{{ isEnEnv ? goodsSkuDetail.en_goods_name : goodsSkuDetail.goods_name }}</text>
|
||||
</view>
|
||||
<block v-for="(item, index) in bundling[0].bundling_goods" :key="index">
|
||||
<template v-if="index < 3">
|
||||
<view class="goods-item" @click="toGoodsDetail(item.sku_id)">
|
||||
<view class="combo-img">
|
||||
<image :src="$util.img(item.sku_image, { size: 'mid' })"
|
||||
@error="bundlingImageError(0, index)" />
|
||||
<image :src="$util.img(item.sku_image, { size: 'mid' })" @error="bundlingImageError(0, index)" />
|
||||
<view class="price-wrap">
|
||||
<text class="unit price-font">{{ $lang('common.currencySymbol')
|
||||
}}</text>
|
||||
<text class="unit price-font">{{ $lang('common.currencySymbol') }}</text>
|
||||
<text class="price price-font">{{ item.price }}</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -289,35 +273,22 @@
|
||||
<view class="goods-wrap">
|
||||
<view class="goods-item" @click="toGoodsDetail(skuId)">
|
||||
<view class="combo-img">
|
||||
<image
|
||||
:src="$util.img(goodsSkuDetail.sku_image, { size: 'mid' })"
|
||||
@error="imageError()" />
|
||||
<image :src="$util.img(goodsSkuDetail.sku_image, { size: 'mid' })" @error="imageError()" />
|
||||
<view class="price-wrap">
|
||||
<text class="unit price-font">{{
|
||||
$lang('common.currencySymbol')
|
||||
}}</text>
|
||||
<text class="price price-font">{{
|
||||
goodsSkuDetail.price }}</text>
|
||||
<text class="unit price-font">{{ $lang('common.currencySymbol') }}</text>
|
||||
<text class="price price-font">{{ goodsSkuDetail.price }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<text class="name">{{ isEnEnv ? goodsSkuDetail.en_goods_name
|
||||
:
|
||||
goodsSkuDetail.goods_name }}</text>
|
||||
<text class="name">{{ isEnEnv ? goodsSkuDetail.en_goods_name : goodsSkuDetail.goods_name }}</text>
|
||||
</view>
|
||||
<block v-for="(goods, goods_index) in item.bundling_goods"
|
||||
:key="goods_index">
|
||||
<block v-for="(goods, goods_index) in item.bundling_goods" :key="goods_index">
|
||||
<template v-if="goods_index < 3">
|
||||
<view class="goods-item"
|
||||
@click="toGoodsDetail(goods.sku_id)">
|
||||
<view class="goods-item" @click="toGoodsDetail(goods.sku_id)">
|
||||
<view class="combo-img">
|
||||
<image
|
||||
:src="$util.img(goods.sku_image, { size: 'mid' })"
|
||||
@error="bundlingImageError(index, goods_index)" />
|
||||
<image :src="$util.img(goods.sku_image, { size: 'mid' })" @error="bundlingImageError(index, goods_index)" />
|
||||
<view class="price-wrap">
|
||||
<text class="unit price-font">{{
|
||||
$lang('common.currencySymbol') }}</text>
|
||||
<text class="price price-font">{{
|
||||
goods.price }}</text>
|
||||
<text class="unit price-font">{{ $lang('common.currencySymbol') }}</text>
|
||||
<text class="price price-font">{{ goods.price }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<text class="name">{{ goods.sku_name }}</text>
|
||||
@@ -328,11 +299,9 @@
|
||||
</scroll-view>
|
||||
<view class="bundling-price-wrap">
|
||||
<text class="label">套餐价</text>
|
||||
<text class="unit price-color">{{ $lang('common.currencySymbol')
|
||||
}}</text>
|
||||
<text class="unit price-color">{{ $lang('common.currencySymbol') }}</text>
|
||||
<text class="price price-color">{{ item.bl_price }}</text>
|
||||
<button type="primary" size="mini" class="mini"
|
||||
@click="toComoDetail(item.bl_id)">立即购买</button>
|
||||
<button type="primary" size="mini" class="mini" @click="toComoDetail(item.bl_id)">立即购买</button>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
@@ -352,13 +321,10 @@
|
||||
<text class="iconfont icon-close"></text>
|
||||
</view>
|
||||
<scroll-view class="coupon-body" scroll-y>
|
||||
<view class="coupon-item ns-gradient-diy-goods-list" v-for="(item, index) in couponList"
|
||||
:key="index" v-if="hackReset">
|
||||
<view class="coupon-info"
|
||||
:style="{ backgroundColor: item.useState == 2 ? '#F2F2F2' : 'var(--main-color-shallow)' }">
|
||||
<view class="coupon-item ns-gradient-diy-goods-list" v-for="(item, index) in couponList" :key="index" v-if="hackReset">
|
||||
<view class="coupon-info" :style="{ backgroundColor: item.useState == 2 ? '#F2F2F2' : 'var(--main-color-shallow)' }">
|
||||
<view class="info-wrap" :class="{ disabled: item.useState == 2 }">
|
||||
<image class="coupon-line" mode="heightFix"
|
||||
:src="$util.img('public/uniapp/coupon/coupon_line.png')"></image>
|
||||
<image class="coupon-line" mode="heightFix" :src="$util.img('public/uniapp/coupon/coupon_line.png')"></image>
|
||||
<view class="coupon-money">
|
||||
<template v-if="item.type == 'reward'">
|
||||
<text class="unit">{{ $lang('common.currencySymbol') }}</text>
|
||||
@@ -380,14 +346,9 @@
|
||||
</view>
|
||||
<view class="desc-wrap">
|
||||
<view class="coupon-name">{{ item.coupon_name }}</view>
|
||||
<view v-if="item.type == 'discount' && item.discount_limit > 0"
|
||||
class="limit">最多可抵¥{{
|
||||
item.discount_limit }}</view>
|
||||
<view class="time font-size-goods-tag" v-if="item.validity_type == 0">有效期:{{
|
||||
$util.timeStampTurnTime(item.end_time) }}</view>
|
||||
<view class="time font-size-goods-tag" v-else-if="item.validity_type == 1">
|
||||
有效期:领取之日起{{
|
||||
item.fixed_term }}天内有效</view>
|
||||
<view v-if="item.type == 'discount' && item.discount_limit > 0" class="limit">最多可抵¥{{ item.discount_limit }}</view>
|
||||
<view class="time font-size-goods-tag" v-if="item.validity_type == 0">有效期:{{ $util.timeStampTurnTime(item.end_time) }}</view>
|
||||
<view class="time font-size-goods-tag" v-else-if="item.validity_type == 1">有效期:领取之日起{{ item.fixed_term }}天内有效</view>
|
||||
<view class="time font-size-goods-tag" v-else>有效期:长期有效</view>
|
||||
</view>
|
||||
|
||||
@@ -397,8 +358,7 @@
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="button-box"><button type="primary" @click="closeCouponPopup()">确定</button>
|
||||
</view>
|
||||
<view class="button-box"><button type="primary" @click="closeCouponPopup()">确定</button></view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</view>
|
||||
@@ -425,8 +385,7 @@
|
||||
<text class="font-size-base">{{ manjian.free_shipping }}</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="button-box"><button type="primary" @click="closeManjianPopup()">确定</button>
|
||||
</view>
|
||||
<view class="button-box"><button type="primary" @click="closeManjianPopup()">确定</button></view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</view>
|
||||
@@ -438,8 +397,8 @@
|
||||
<text>商品留言</text>
|
||||
<text class="iconfont icon-close"></text>
|
||||
</view>
|
||||
<scroll-view scroll-y class="manjian-body">
|
||||
<!-- <view class="item" v-if="manjian.manjian != undefined" style="display: flex;">
|
||||
<scroll-view scroll-y class="manjian-body" >
|
||||
<!-- <view class="item" v-if="manjian.manjian != undefined" style="display: flex;">
|
||||
<view class="free-tip color-base-text color-base-border">满减</view>
|
||||
<text class="font-size-base">{{ manjian.manjian }}</text>
|
||||
</view>
|
||||
@@ -453,11 +412,10 @@
|
||||
</view> -->
|
||||
<!-- v-if="goodsSkuDetail.goodsForm" -->
|
||||
<view style="padding: 0 30rpx;">
|
||||
<ns-form :data="informationform" ref="form"></ns-form>
|
||||
<ns-form :data="informationform" ref="form"></ns-form>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="button-box"><button type="primary" @click="saveubfirnation()">确定</button>
|
||||
</view>
|
||||
<view class="button-box"><button type="primary" @click="saveubfirnation()">确定</button></view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
<!-- <uni-popup ref="informationPopup" type="bottom" class="sku-layer" @change="popclose">
|
||||
@@ -477,74 +435,77 @@
|
||||
<template v-slot:action>
|
||||
<!-- 商品底部导航 -->
|
||||
<ns-goods-action :safeArea="isIphoneX">
|
||||
|
||||
|
||||
<template v-if="goodsSkuDetail.goods_state == 1">
|
||||
|
||||
<ns-goods-action-button class="goods-action-button active3" :disabled-text="$lang('status')"
|
||||
:disabled="true"
|
||||
v-if="goodsSkuDetail.store_goods_status != undefined && goodsSkuDetail.store_goods_status != 1" />
|
||||
<block v-else>
|
||||
<ns-goods-action-icon :text="$lang('home')" icon="icon-shouye1" @click="goHome" />
|
||||
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<ns-goods-action-icon :text="$lang('cart')"
|
||||
:cornerMarkBg="themeStyle.goods_detail.goods_cart_num_corner" icon="icon-gouwuche2"
|
||||
:corner-mark="cartNumber > 0 ? cartNumber + '' : ''" @click="goCart" />
|
||||
<ns-goods-action-icon :text="$lang('kefu')" icon="icox icox-kefu" :send-data="contactData"
|
||||
:chatParam="chatRoomParams" />
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef H5 -->
|
||||
<ns-goods-action-icon :text="$lang('follow')"
|
||||
:icon="whetherCollection == 1 ? 'icon-likefill color-base-text' : 'icon-guanzhu'"
|
||||
@click="editCollection" />
|
||||
<!-- #endif -->
|
||||
<block v-if="goodsSkuDetail.isinformation >= 1">
|
||||
|
||||
<ns-goods-action-button v-if="goodsSkuDetail.isinformation == 1"
|
||||
class="goods-action-button active3" disabled-text="" backgroundColor="#54c952"
|
||||
@click="phoneClick(goodsSkuDetail.goods_mobile)" :text="$lang('make')"
|
||||
:disabled="false" />
|
||||
<ns-goods-action-button v-if="goodsSkuDetail.isinformation == 2"
|
||||
class="goods-action-button active3" disabled-text="" backgroundColor="#54c952"
|
||||
@click="showinformation" :text="$lang('leave')" :disabled="false" />
|
||||
<!-- <ns-goods-action-button v-if="goodsSkuDetail.isinformation == 2" class="goods-action-button active3" disabled-text="" backgroundColor="#54c952" @click="buyNow" text="商品留言" :disabled="false" /> -->
|
||||
|
||||
</block>
|
||||
|
||||
<ns-goods-action-button
|
||||
class="goods-action-button active3"
|
||||
:disabled-text="$lang('status')"
|
||||
:disabled="true"
|
||||
v-if="goodsSkuDetail.store_goods_status != undefined && goodsSkuDetail.store_goods_status != 1"
|
||||
/>
|
||||
<block v-else>
|
||||
<block v-if="goodsSkuDetail.stock == 0 && !goodsSkuDetail.sku_spec_format">
|
||||
<ns-goods-action-button class="goods-action-button active3"
|
||||
:disabled-text="$lang('sellout')" :disabled="true" />
|
||||
</block>
|
||||
<block v-else-if="
|
||||
goodsSkuDetail.is_limit == 1 &&
|
||||
goodsSkuDetail.limit_type == 2 &&
|
||||
goodsSkuDetail.max_buy != 0 &&
|
||||
goodsSkuDetail.purchased_num >= goodsSkuDetail.max_buy
|
||||
">
|
||||
<ns-goods-action-button class="goods-action-button active3"
|
||||
:disabled-text="$lang('max')" :disabled="true" />
|
||||
<ns-goods-action-icon :text="$lang('home')" icon="icon-shouye1" @click="goHome" />
|
||||
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<ns-goods-action-icon
|
||||
:text="$lang('cart')"
|
||||
:cornerMarkBg="themeStyle.goods_detail.goods_cart_num_corner"
|
||||
icon="icon-gouwuche2"
|
||||
:corner-mark="cartNumber > 0 ? cartNumber + '' : ''"
|
||||
@click="goCart"
|
||||
/>
|
||||
<ns-goods-action-icon :text="$lang('kefu')" icon="icox icox-kefu" :send-data="contactData" :chatParam="chatRoomParams" />
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef H5 -->
|
||||
<ns-goods-action-icon :text="$lang('follow')" :icon="whetherCollection == 1 ? 'icon-likefill color-base-text' : 'icon-guanzhu'" @click="editCollection" />
|
||||
<!-- #endif -->
|
||||
<block v-if="goodsSkuDetail.isinformation >= 1">
|
||||
|
||||
<ns-goods-action-button v-if="goodsSkuDetail.isinformation == 1" class="goods-action-button active3" disabled-text="" backgroundColor="#54c952" @click="phoneClick(goodsSkuDetail.goods_mobile)" :text="$lang('make')" :disabled="false" />
|
||||
<ns-goods-action-button v-if="goodsSkuDetail.isinformation == 2" class="goods-action-button active3" disabled-text="" backgroundColor="#54c952" @click="showinformation" :text="$lang('leave')" :disabled="false" />
|
||||
<!-- <ns-goods-action-button v-if="goodsSkuDetail.isinformation == 2" class="goods-action-button active3" disabled-text="" backgroundColor="#54c952" @click="buyNow" text="商品留言" :disabled="false" /> -->
|
||||
|
||||
</block>
|
||||
<block v-else>
|
||||
<ns-goods-action-button class="goods-action-button" :text="$lang('addcart')"
|
||||
:backgroundColor="themeStyle.goods_detail.goods_btn_color_shallow"
|
||||
@click="joinCart" v-if="goodsSkuDetail.is_virtual == 0" />
|
||||
<ns-goods-action-button class="goods-action-button"
|
||||
:backgroundColor="themeStyle.goods_detail.goods_btn_color"
|
||||
:textColor="themeStyle.btn_text_color" :text="$lang('buynow')"
|
||||
@click="buyNow" />
|
||||
<block v-if="goodsSkuDetail.stock == 0 && !goodsSkuDetail.sku_spec_format">
|
||||
<ns-goods-action-button class="goods-action-button active3" :disabled-text="$lang('sellout')" :disabled="true" />
|
||||
</block>
|
||||
<block v-else-if="
|
||||
goodsSkuDetail.is_limit == 1 &&
|
||||
goodsSkuDetail.limit_type == 2 &&
|
||||
goodsSkuDetail.max_buy != 0 &&
|
||||
goodsSkuDetail.purchased_num >= goodsSkuDetail.max_buy
|
||||
">
|
||||
<ns-goods-action-button class="goods-action-button active3" :disabled-text="$lang('max')" :disabled="true" />
|
||||
</block>
|
||||
<block v-else>
|
||||
<ns-goods-action-button
|
||||
class="goods-action-button"
|
||||
:text="$lang('addcart')"
|
||||
:backgroundColor="themeStyle.goods_detail.goods_btn_color_shallow"
|
||||
@click="joinCart"
|
||||
v-if="goodsSkuDetail.is_virtual == 0"
|
||||
/>
|
||||
<ns-goods-action-button
|
||||
class="goods-action-button"
|
||||
:backgroundColor="themeStyle.goods_detail.goods_btn_color"
|
||||
:textColor="themeStyle.btn_text_color"
|
||||
:text="$lang('buynow')"
|
||||
@click="buyNow"
|
||||
/>
|
||||
</block>
|
||||
|
||||
</block>
|
||||
|
||||
</block>
|
||||
</block>
|
||||
|
||||
|
||||
</template>
|
||||
<template v-else>
|
||||
<ns-goods-action-button class="goods-action-button active3" :disabled-text="$lang('status')"
|
||||
:disabled="true" />
|
||||
<ns-goods-action-button class="goods-action-button active3" :disabled-text="$lang('status')" :disabled="true" />
|
||||
</template>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</ns-goods-action>
|
||||
</template>
|
||||
</goods-detail-view>
|
||||
@@ -560,27 +521,42 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import nsGoodsAction from '@/pages_goods/components/ns-goods-action/ns-goods-action.vue';
|
||||
import nsGoodsActionIcon from '@/pages_goods/components/ns-goods-action-icon/ns-goods-action-icon.vue';
|
||||
import nsGoodsActionButton from '@/pages_goods/components/ns-goods-action-button/ns-goods-action-button.vue';
|
||||
import uniPopup from '@/components/uni-popup/uni-popup.vue';
|
||||
import nsGoodsSku from '@/components/ns-goods-sku/ns-goods-sku.vue';
|
||||
import uniCountDown from '@/components/uni-count-down/uni-count-down.vue';
|
||||
import detail from './public/js/detail.js';
|
||||
import scroll from '@/common/js/scroll-view.js';
|
||||
import toTop from '@/components/toTop/toTop.vue';
|
||||
import nsGoodsPromotion from '@/pages_goods/components/ns-goods-promotion/ns-goods-promotion.vue';
|
||||
import goodsDetailBase from '@/common/js/goods_detail_base.js';
|
||||
import goodsDetailView from '@/pages_goods/components/goods-detail-view/goods-detail-view.vue';
|
||||
// 按需引入全局组件
|
||||
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||
// #ifdef MP-WEIXIN
|
||||
import privacyPopup from '@/components/wx-privacy-popup/privacy-popup.vue';
|
||||
// #endif
|
||||
|
||||
export default {
|
||||
components: {
|
||||
nsGoodsAction: () => import('@/pages_goods/components/ns-goods-action/ns-goods-action.vue'),
|
||||
nsGoodsActionIcon: () => import('@/pages_goods/components/ns-goods-action-icon/ns-goods-action-icon.vue'),
|
||||
nsGoodsActionButton: () => import('@/pages_goods/components/ns-goods-action-button/ns-goods-action-button.vue'),
|
||||
uniPopup: () => import('@/components/uni-popup/uni-popup.vue'),
|
||||
nsGoodsSku: () => import('@/components/ns-goods-sku/ns-goods-sku.vue'),
|
||||
uniCountDown: () => import('@/components/uni-count-down/uni-count-down.vue'),
|
||||
nsGoodsPromotion: () => import('@/pages_goods/components/ns-goods-promotion/ns-goods-promotion.vue'),
|
||||
goodsDetailView: () => import('@/pages_goods/components/goods-detail-view/goods-detail-view.vue'),
|
||||
toTop: () => import('@/components/toTop/toTop.vue'),
|
||||
nsLogin: () => import('@/components/ns-login/ns-login.vue'),
|
||||
loadingCover: () => import('@/components/loading-cover/loading-cover.vue'),
|
||||
// #ifdef MP-WEIXIN
|
||||
privacyPopup: () => import('@/components/wx-privacy-popup/privacy-popup.vue'),
|
||||
// #endif
|
||||
},
|
||||
nsGoodsAction,
|
||||
nsGoodsActionIcon,
|
||||
nsGoodsActionButton,
|
||||
uniPopup,
|
||||
nsGoodsSku,
|
||||
uniCountDown,
|
||||
nsGoodsPromotion,
|
||||
goodsDetailView,
|
||||
toTop,
|
||||
nsLogin,
|
||||
loadingCover,
|
||||
// #ifdef MP-WEIXIN
|
||||
privacyPopup,
|
||||
// #endif
|
||||
},
|
||||
mixins: [goodsDetailBase, detail, scroll]
|
||||
};
|
||||
</script>
|
||||
@@ -594,12 +570,12 @@ export default {
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
</style>
|
||||
<style scoped>
|
||||
/deep/ .action-icon-wrap .iconfont.icon-shouye1 {
|
||||
font-size: 40rpx;
|
||||
}
|
||||
|
||||
/deep/ .uni-video-cover {
|
||||
background: none;
|
||||
}
|
||||
@@ -616,7 +592,7 @@ export default {
|
||||
background-size: 30%;
|
||||
}
|
||||
|
||||
.poster-layer>>>.uni-popup__wrapper-box {
|
||||
.poster-layer >>> .uni-popup__wrapper-box {
|
||||
max-height: initial !important;
|
||||
}
|
||||
|
||||
@@ -624,7 +600,7 @@ export default {
|
||||
overflow-y: initial !important;
|
||||
}
|
||||
|
||||
.goods-promotion .countdown .clockrun>>>.uni-countdown__number {
|
||||
.goods-promotion .countdown .clockrun >>> .uni-countdown__number {
|
||||
min-width: 32rpx;
|
||||
height: 32rpx;
|
||||
text-align: center;
|
||||
@@ -636,14 +612,14 @@ export default {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.goods-promotion .countdown .clockrun>>>.uni-countdown__splitor {
|
||||
.goods-promotion .countdown .clockrun >>> .uni-countdown__splitor {
|
||||
width: 10rpx;
|
||||
height: 32rpx;
|
||||
line-height: 36rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.goods-promotion .countdown .clockrun>>>.uni-countdown__splitor.day {
|
||||
.goods-promotion .countdown .clockrun >>> .uni-countdown__splitor.day {
|
||||
width: initial;
|
||||
}
|
||||
|
||||
@@ -666,7 +642,6 @@ export default {
|
||||
/deep/ .goods-action-button.active4 {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
/deep/ .uni-popup__wrapper.bottom {
|
||||
border-radius: 24rpx 24rpx 0 0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user