提交代码
This commit is contained in:
zpc
parent
e09a48f9fc
commit
aa13dda1ad
|
|
@ -24,7 +24,8 @@
|
|||
<view class="header-main-swiper-item flex">
|
||||
<image class="img100" :src="pageData.goods.imgurl_detail" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="header-main-swiper-num center">第{{ pageData.goods.num }}/{{pageData.goods.stock}}箱</view>
|
||||
<view class="header-main-swiper-num center">第{{ pageData.goods.num }}/{{pageData.goods.stock}}箱
|
||||
</view>
|
||||
<view class="header-main-swiper-huanxiang center" @click="changeBox">换箱</view>
|
||||
</view>
|
||||
<view class="header-main-huanxiang flex justify-between mt30">
|
||||
|
|
@ -49,7 +50,8 @@
|
|||
<view class="flex">
|
||||
<text :style="{width:'80%'}"></text>
|
||||
</view>
|
||||
<view class="">剩余库存{{pageData.goods.goodslist_surplus_stock}}/{{pageData.goods.goodslist_stock}}</view>
|
||||
<view class="">剩余库存{{pageData.goods.goodslist_surplus_stock}}/{{pageData.goods.goodslist_stock}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -64,7 +66,8 @@
|
|||
<view class="list-item" v-for="(item, i) in pageData.goodslist" :key="i" @click="previewDetail(item)">
|
||||
<view class="pic center relative">
|
||||
<image class="pic-img" :src="item.imgurl" mode="aspectFit"></image>
|
||||
<view class="type-tag center" :style="{background:item.shang_info.color}">{{ item.shang_info.title }}</view>
|
||||
<view class="type-tag center" :style="{background:item.shang_info.color}">
|
||||
{{ item.shang_info.title }}</view>
|
||||
<view class="num center bgfff">{{ item.surplus_stock }}/{{ item.stock }}</view>
|
||||
<view v-if="item.goods_type == 2" class="yu-tag ziti">预售</view>
|
||||
|
||||
|
|
@ -286,15 +289,15 @@
|
|||
</view>
|
||||
|
||||
<template v-else>
|
||||
<view class="pay-type" @click="changePay('useIntegral')">
|
||||
<!-- <view class="pay-type" @click="changePay('useIntegral')">
|
||||
<view class="title">
|
||||
使用吧唧币抵扣¥ {{ orderData.use_integral_money }} (剩余:{{ orderData.integral }}个)
|
||||
</view>
|
||||
<view class="icon">
|
||||
<image v-if="useIntegral" :src="$img1('common/check_act.png')" lazy-load></image>
|
||||
<image v-else :src="$img1('common/check.png')" lazy-load></image>
|
||||
</view>
|
||||
<image style="width: 20px;height: 20px;" v-if="useIntegral" :src="$img1('common/check_act.png')" lazy-load></image>
|
||||
<image style="width: 20px;height: 20px;" v-else :src="$img1('common/check.png')" lazy-load></image>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<view class="pay-type" @click="changePay('useMoney')">
|
||||
<view class="title">
|
||||
|
|
@ -302,8 +305,10 @@
|
|||
{{ orderData.use_money }} (剩余:{{ orderData.money }})
|
||||
</view>
|
||||
<view class="icon">
|
||||
<image v-if="useMoney" :src="$img1('common/check_act.png')" lazy-load></image>
|
||||
<image v-else :src="$img1('common/check.png')" lazy-load></image>
|
||||
<image style="width: 20px;height: 20px;" v-if="useMoney"
|
||||
:src="$img1('common/check_act.png')" lazy-load></image>
|
||||
<image style="width: 20px;height: 20px;" v-else :src="$img1('common/check.png')" lazy-load>
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
|
@ -400,7 +405,7 @@
|
|||
boxNum: '',
|
||||
buyNum: 0,
|
||||
useMoney: true,
|
||||
useIntegral: true,
|
||||
useIntegral: false,
|
||||
// 下拉刷新的配置(可选, 绝大部分情况无需配置)
|
||||
downOption: {
|
||||
auto: false
|
||||
|
|
@ -847,31 +852,38 @@
|
|||
|
||||
.content {
|
||||
padding: 0 0 300rpx;
|
||||
|
||||
.gailvList {
|
||||
width: 686rpx;
|
||||
margin: 0 auto 0;
|
||||
|
||||
&-item {
|
||||
margin: 28rpx 0 0;
|
||||
background: #3B3941;
|
||||
border: 1px solid #FFFFFF;
|
||||
box-sizing: border-box;
|
||||
padding: 28rpx 32rpx;
|
||||
|
||||
>view:nth-child(1) {
|
||||
width: 100rpx;
|
||||
font-weight: 700;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
>view:nth-child(2) {
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
|
||||
>text:nth-child(1) {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
>text:nth-child(2) {
|
||||
flex: 3;
|
||||
}
|
||||
}
|
||||
|
||||
>view:nth-child(3) {
|
||||
font-weight: 700;
|
||||
font-size: 28rpx;
|
||||
|
|
@ -965,6 +977,7 @@
|
|||
padding-left: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.prize-shang {
|
||||
height: 40rpx;
|
||||
padding: 0 20rpx;
|
||||
|
|
@ -975,6 +988,7 @@
|
|||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.pic {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
|
|
@ -1002,8 +1016,10 @@
|
|||
|
||||
.header {
|
||||
padding: 80rpx 0 0;
|
||||
|
||||
&-title {
|
||||
z-index: 10;
|
||||
|
||||
>text {
|
||||
color: #FFFFFF;
|
||||
margin: 0 10rpx;
|
||||
|
|
@ -1011,16 +1027,19 @@
|
|||
font-size: 50rpx;
|
||||
text-shadow: #894DD3 1rpx 0 0, #894DD3 0 1rpx 0, #894DD3 -1rpx 0 0, #894DD3 0 -1rpx 0;
|
||||
}
|
||||
|
||||
>image {
|
||||
width: 24rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
&-main {
|
||||
width: 686rpx;
|
||||
height: 546rpx;
|
||||
margin: -28rpx auto 0;
|
||||
background: url($imgurl+'index/lianji.png') no-repeat 0 0 / 100% 100%;
|
||||
|
||||
&-title {
|
||||
width: 500rpx;
|
||||
padding-top: 80rpx;
|
||||
|
|
@ -1029,6 +1048,7 @@
|
|||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&-wuzhe {
|
||||
width: 160rpx;
|
||||
height: 60rpx;
|
||||
|
|
@ -1037,16 +1057,19 @@
|
|||
left: 0;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
&-swiper {
|
||||
margin-top: 14rpx;
|
||||
width: 646rpx;
|
||||
height: 238rpx;
|
||||
|
||||
&-item {
|
||||
width: 646rpx;
|
||||
height: 238rpx;
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
&-num {
|
||||
height: 38rpx;
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
|
|
@ -1060,6 +1083,7 @@
|
|||
transform: translateX(-50%);
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
&-huanxiang {
|
||||
width: 88rpx;
|
||||
height: 42rpx;
|
||||
|
|
@ -1075,24 +1099,29 @@
|
|||
z-index: 10;
|
||||
}
|
||||
}
|
||||
|
||||
&-huanxiang {
|
||||
width: 646rpx;
|
||||
|
||||
>view:nth-child(2) {
|
||||
min-width: 260rpx;
|
||||
height: 66rpx;
|
||||
padding: 0 20rpx;
|
||||
background: url($imgurl+'index/leitai.png') no-repeat 0 0 / 100% 100%;
|
||||
|
||||
>text:nth-child(1) {
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
>text:nth-child(2) {
|
||||
font-weight: 400;
|
||||
font-size: 26rpx;
|
||||
color: #000000;
|
||||
}
|
||||
}
|
||||
|
||||
>view:nth-child(2n+1) {
|
||||
>view:nth-child(1) {
|
||||
width: 74rpx;
|
||||
|
|
@ -1101,6 +1130,7 @@
|
|||
border-radius: 12rpx;
|
||||
border: 2rpx solid #000000;
|
||||
}
|
||||
|
||||
>view:nth-child(2) {
|
||||
margin-top: 8rpx;
|
||||
font-weight: 400;
|
||||
|
|
@ -1109,18 +1139,21 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-jidu {
|
||||
>view:nth-child(1) {
|
||||
width: 366rpx;
|
||||
height: 16rpx;
|
||||
background: rgba(#FFDE52, 0.3);
|
||||
border-radius: 40rpx;
|
||||
|
||||
>text {
|
||||
height: 16rpx;
|
||||
background: #FFDE52;
|
||||
border-radius: 40rpx;
|
||||
}
|
||||
}
|
||||
|
||||
>view:nth-child(2) {
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
|
|
@ -1130,6 +1163,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -1162,6 +1196,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.guizeSc {
|
||||
>view {
|
||||
>image {
|
||||
|
|
@ -1365,6 +1400,7 @@
|
|||
font-size: 44rpx;
|
||||
color: #FFFFFF;
|
||||
background: url($imgurl+'index/chouleitai.png') no-repeat 0 0 / 100% 100%;
|
||||
|
||||
>text {
|
||||
margin-bottom: 22rpx;
|
||||
}
|
||||
|
|
@ -1417,10 +1453,12 @@
|
|||
height: 598rpx;
|
||||
background: #8953DC;
|
||||
border: 2rpx solid #FFFFFF;
|
||||
|
||||
>image {
|
||||
width: 548rpx;
|
||||
height: 549rpx;
|
||||
}
|
||||
|
||||
>view {
|
||||
width: 130rpx;
|
||||
height: 46rpx;
|
||||
|
|
@ -1680,10 +1718,12 @@
|
|||
justify-content: center;
|
||||
font-weight: 500;
|
||||
color: #7825DE;
|
||||
|
||||
>text:nth-child(1) {
|
||||
font-size: 28rpx;
|
||||
margin-top: 32rpx;
|
||||
}
|
||||
|
||||
>text:nth-child(2) {
|
||||
font-size: 36rpx;
|
||||
margin-top: 26rpx;
|
||||
|
|
@ -1723,6 +1763,7 @@
|
|||
position: relative;
|
||||
background: #8953DC;
|
||||
border: 2rpx solid #FFFFFF;
|
||||
|
||||
>image {
|
||||
width: 202rpx;
|
||||
height: 202rpx;
|
||||
|
|
@ -1755,6 +1796,7 @@
|
|||
text-shadow: #000 1rpx 0 0, #000 0 1rpx 0, #000 -1rpx 0 0, #000 0 -1rpx 0;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
padding: 10rpx 10rpx 0;
|
||||
font-weight: 400;
|
||||
|
|
@ -1782,13 +1824,16 @@
|
|||
height: 116rpx;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
|
||||
>text {
|
||||
margin-top: 36rpx;
|
||||
}
|
||||
}
|
||||
|
||||
>view:nth-child(1) {
|
||||
color: #DE6025;
|
||||
}
|
||||
|
||||
>view:nth-child(2) {
|
||||
color: #7825DE;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -95,7 +95,7 @@
|
|||
<view class="pay-type" @click="changePay(1)">
|
||||
|
||||
<view class="" style="width: 100%; color: white;">
|
||||
吧唧币¥
|
||||
吧唧币
|
||||
{{ orderData.goods.price*100 }} (剩余:{{ orderData.use_integral }})
|
||||
</view>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user