|
@@ -1,5 +1,35 @@
|
|
|
<template>
|
|
|
<view class="container">
|
|
|
+ <view v-if="goodData.productType == 2">
|
|
|
+ <view class="auction-title" @click="isOpen = !isOpen">拍卖规则
|
|
|
+ <u-icon :name="isOpen?'arrow-up-fill':'arrow-down-fill'" color="#ffffff" style="margin-left:5px"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view v-if="isOpen" class="auction-explain">
|
|
|
+ <span>特别注意:</span>
|
|
|
+ <p>本商城拍卖采用竞拍即付款的拍卖方式,每名会员每次拍卖仅能购买一件拍卖商品,同时根据拍卖商品的数量也可能会有多个会员竞拍成功。</p>
|
|
|
+ <span>关于退款:</span>
|
|
|
+ <p>会员出价如果已经不具有竞拍成功资质(也就是出价已经不是最高出价的几名会员之一时),则会立刻退还费用。同一会员多次出价会立刻退还上次出价的费用。</p>
|
|
|
+ <span>关于竞拍结果:</span>
|
|
|
+ <p>拍卖结束时,出价最高的几名会员竞拍成功,至多有"拍卖商品数量"个竞拍成功的会员。</p>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- <u-collapse v-if="goodType == 2" :head-style="auctiontitle">
|
|
|
+ <u-collapse-item>
|
|
|
+ <view slot="title-all" class="auction-title" @click="isOpen = !isOpen">拍卖规则
|
|
|
+ <u-icon :name="isOpen?'arrow-up-fill':'arrow-down-fill'" color="#ffffff" style="margin-left:5px"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view class="auction-main">
|
|
|
+ <view class="auction-explain">
|
|
|
+ <span>特别注意:</span>
|
|
|
+ <p>本商城拍卖采用竞拍即付款的拍卖方式,每名会员每次拍卖仅能购买一件拍卖商品,同时根据拍卖商品的数量也可能会有多个会员竞拍成功。</p>
|
|
|
+ <span>关于退款:</span>
|
|
|
+ <p>会员出价如果已经不具有竞拍成功资质(也就是出价已经不是最高出价的几名会员之一时),则会立刻退还费用。同一会员多次出价会立刻退还上次出价的费用。</p>
|
|
|
+ <span>关于竞拍结果:</span>
|
|
|
+ <p>拍卖结束时,出价最高的几名会员竞拍成功,至多有"拍卖商品数量"个竞拍成功的会员。</p>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-collapse-item>
|
|
|
+ </u-collapse> -->
|
|
|
<swiper class="swiper" :style="{width: swiperHeight+'px', height: swiperHeight+'px'}" :indicator-dots="true" indicator-color="#9A9A9A" indicator-active-color="#52A63A" :autoplay="true"
|
|
|
:interval="3000" :duration="500">
|
|
|
<swiper-item v-for="(item,index) in goodData.imgs" :key="index">
|
|
@@ -34,27 +64,34 @@
|
|
|
-->
|
|
|
</view>
|
|
|
<view class="buy-num" v-if="goodData.productType != 2 && !minePlant">
|
|
|
- <view class="buy-text">购买数量:</view>
|
|
|
- <!-- <view style="display: flex;">
|
|
|
- <uni-icons type="minus-filled" size="20" color="#A67A54" @click="number>1?number--:''"></uni-icons>
|
|
|
- <text class="buy-select">{{number}}</text>
|
|
|
- <u-input
|
|
|
- v-model="number"
|
|
|
- type="number"
|
|
|
- height="40"
|
|
|
- placeholder=" "
|
|
|
- :clearable="false"
|
|
|
- input-align="center"
|
|
|
- :custom-style="{width:'40px'}"/>
|
|
|
- <uni-icons type="plus-filled" size="20" color="#A67A54" @click="number++"></uni-icons>
|
|
|
- </view> -->
|
|
|
- <view>
|
|
|
- <CnumberBox @getNum="getNum" :isDisabled="true" minNum="1"></CnumberBox>
|
|
|
+ <view class="buy-num1">
|
|
|
+ <view class="buy-text">库存:</view>
|
|
|
+ <view class="buy-select">{{goodData.stock}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="buy-line"></view>
|
|
|
+ <view class="buy-num1">
|
|
|
+ <view class="buy-text">购买数量:</view>
|
|
|
+ <!-- <view style="display: flex;">
|
|
|
+ <uni-icons type="minus-filled" size="20" color="#A67A54" @click="number>1?number--:''"></uni-icons>
|
|
|
+ <text class="buy-select">{{number}}</text>
|
|
|
+ <u-input
|
|
|
+ v-model="number"
|
|
|
+ type="number"
|
|
|
+ height="40"
|
|
|
+ placeholder=" "
|
|
|
+ :clearable="false"
|
|
|
+ input-align="center"
|
|
|
+ :custom-style="{width:'40px'}"/>
|
|
|
+ <uni-icons type="plus-filled" size="20" color="#A67A54" @click="number++"></uni-icons>
|
|
|
+ </view> -->
|
|
|
+ <view>
|
|
|
+ <CnumberBox @getNum="getNum" :isDisabled="true" minNum="1"></CnumberBox>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="tab-box">
|
|
|
<view class="tab-col" :class="tabIndex == 1 ? 'tab-col-active' :''" @click="tabIndex = 1">产品介绍</view>
|
|
|
- <view class="tab-col" :class="tabIndex == 2 ? 'tab-col-active' :''" v-if="goodData.productType != 2 && goodData.productType != 4 "
|
|
|
+ <view class="tab-col" :class="tabIndex == 2 ? 'tab-col-active' :''" v-if="goodData.productType != 2"
|
|
|
@click="tabIndex = 2">用户评价</view>
|
|
|
</view>
|
|
|
<rich-text :nodes="goodData.sellDesc" v-if="tabIndex == 1"></rich-text>
|
|
@@ -187,6 +224,7 @@
|
|
|
backgroundColor: '#52A63A',
|
|
|
color: '#fff'
|
|
|
}],
|
|
|
+ isOpen: false,
|
|
|
}
|
|
|
},
|
|
|
onLoad(options) {
|
|
@@ -450,6 +488,24 @@
|
|
|
border-radius: 8px;
|
|
|
}
|
|
|
}
|
|
|
+ .auction-title {
|
|
|
+ height: 35px;
|
|
|
+ background:#52A63A;
|
|
|
+ color: #FFFFFF;
|
|
|
+ text-align: center;
|
|
|
+ padding: 5px;
|
|
|
+ }
|
|
|
+ .auction-explain {
|
|
|
+ background:#52A63A;
|
|
|
+ color: #FFFFFF;
|
|
|
+ border-radius: 0 0 8px 8px;
|
|
|
+ // text-align: center;
|
|
|
+ padding: 10px;
|
|
|
+ p {
|
|
|
+ margin-bottom: 5px;
|
|
|
+ text-indent:25px;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
.good-info {
|
|
|
box-sizing: border-box;
|
|
@@ -588,26 +644,40 @@
|
|
|
}
|
|
|
|
|
|
.buy-num {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- height: 46px;
|
|
|
- margin-top: 10px;
|
|
|
+ height: 90px;
|
|
|
box-sizing: border-box;
|
|
|
background-color: #FFFFFF;
|
|
|
padding: 14px 16px;
|
|
|
font-family: PingFang SC;
|
|
|
+ margin-top: 10px;
|
|
|
// font-size: 12px;
|
|
|
// line-height: 14px;
|
|
|
- .buy-text {
|
|
|
- margin-right: 10px;
|
|
|
+ .buy-num1 {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ font-size: 14px;
|
|
|
+ .buy-text {
|
|
|
+ margin-right: 10px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .buy-select {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: PingFang SC;
|
|
|
+ color: #343434;
|
|
|
+ // margin: 0 12px;
|
|
|
+ line-height: 20px;
|
|
|
+ // margin-right: 10px;
|
|
|
+ }
|
|
|
}
|
|
|
- .buy-select {
|
|
|
- font-size: 16px;
|
|
|
- font-family: PingFang SC;
|
|
|
- color: #343434;
|
|
|
- margin: 0 12px;
|
|
|
- line-height: 20px;
|
|
|
- margin-right: 10px;
|
|
|
+ .buy-line {
|
|
|
+ width:100%;
|
|
|
+ height: 1px;
|
|
|
+ //border: 1px solid #e2e2e2;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .buy-num2 {
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
|