提交代码
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>
|
||||
|
||||
|
|
@ -246,7 +249,7 @@
|
|||
? `-${couponData.price}`
|
||||
: '未选择'
|
||||
}}
|
||||
|
||||
|
||||
<view class="icon">
|
||||
<image :src="$img1('common/right1.png')" lazy-load></image>
|
||||
</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>
|
||||
<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> -->
|
||||
|
||||
<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
|
||||
|
|
@ -419,7 +424,7 @@
|
|||
2: {
|
||||
title: '概率'
|
||||
},
|
||||
3:{
|
||||
3: {
|
||||
title: '记录'
|
||||
},
|
||||
},
|
||||
|
|
@ -449,7 +454,7 @@
|
|||
logList: [],
|
||||
sendRuleData: '',
|
||||
previewData: '',
|
||||
current:0
|
||||
current: 0
|
||||
}
|
||||
},
|
||||
|
||||
|
|
@ -733,7 +738,7 @@
|
|||
this.subTabChange(this.subTabCur)
|
||||
break
|
||||
case 4:
|
||||
|
||||
|
||||
break
|
||||
}
|
||||
},
|
||||
|
|
@ -770,7 +775,7 @@
|
|||
num,
|
||||
size
|
||||
}) {
|
||||
if(num>1) return this.mescroll.endByPage(this.logList.length, 1)
|
||||
if (num > 1) return this.mescroll.endByPage(this.logList.length, 1)
|
||||
this.req({
|
||||
url: 'shang_log',
|
||||
data: {
|
||||
|
|
@ -847,32 +852,39 @@
|
|||
|
||||
.content {
|
||||
padding: 0 0 300rpx;
|
||||
.gailvList{
|
||||
|
||||
.gailvList {
|
||||
width: 686rpx;
|
||||
margin: 0 auto 0;
|
||||
&-item{
|
||||
|
||||
&-item {
|
||||
margin: 28rpx 0 0;
|
||||
background: #3B3941;
|
||||
border: 1px solid #FFFFFF;
|
||||
box-sizing: border-box;
|
||||
padding: 28rpx 32rpx;
|
||||
>view:nth-child(1){
|
||||
|
||||
>view:nth-child(1) {
|
||||
width: 100rpx;
|
||||
font-weight: 700;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
>view:nth-child(2){
|
||||
|
||||
>view:nth-child(2) {
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #FFFFFF;
|
||||
>text:nth-child(1){
|
||||
|
||||
>text:nth-child(1) {
|
||||
flex: 1;
|
||||
}
|
||||
>text:nth-child(2){
|
||||
|
||||
>text:nth-child(2) {
|
||||
flex: 3;
|
||||
}
|
||||
}
|
||||
>view:nth-child(3){
|
||||
|
||||
>view:nth-child(3) {
|
||||
font-weight: 700;
|
||||
font-size: 28rpx;
|
||||
color: #3BFFF9;
|
||||
|
|
@ -910,7 +922,7 @@
|
|||
color: #FFFFFF;
|
||||
background: #3B3941;
|
||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||
border: 2rpx solid rgba(255,255,255,0.27);
|
||||
border: 2rpx solid rgba(255, 255, 255, 0.27);
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
|
|
@ -965,7 +977,8 @@
|
|||
padding-left: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.prize-shang{
|
||||
|
||||
.prize-shang {
|
||||
height: 40rpx;
|
||||
padding: 0 20rpx;
|
||||
background: #B07AF3;
|
||||
|
|
@ -975,6 +988,7 @@
|
|||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.pic {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
|
|
@ -1000,28 +1014,33 @@
|
|||
}
|
||||
}
|
||||
|
||||
.header{
|
||||
.header {
|
||||
padding: 80rpx 0 0;
|
||||
&-title{
|
||||
|
||||
&-title {
|
||||
z-index: 10;
|
||||
>text{
|
||||
|
||||
>text {
|
||||
color: #FFFFFF;
|
||||
margin: 0 10rpx;
|
||||
font-weight: 400;
|
||||
font-size: 50rpx;
|
||||
text-shadow: #894DD3 1rpx 0 0, #894DD3 0 1rpx 0, #894DD3 -1rpx 0 0, #894DD3 0 -1rpx 0;
|
||||
}
|
||||
>image{
|
||||
|
||||
>image {
|
||||
width: 24rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
}
|
||||
&-main{
|
||||
|
||||
&-main {
|
||||
width: 686rpx;
|
||||
height: 546rpx;
|
||||
margin: -28rpx auto 0;
|
||||
background: url($imgurl+'index/lianji.png') no-repeat 0 0 / 100% 100%;
|
||||
&-title{
|
||||
|
||||
&-title {
|
||||
width: 500rpx;
|
||||
padding-top: 80rpx;
|
||||
font-weight: 400;
|
||||
|
|
@ -1029,27 +1048,31 @@
|
|||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
}
|
||||
&-wuzhe{
|
||||
|
||||
&-wuzhe {
|
||||
width: 160rpx;
|
||||
height: 60rpx;
|
||||
position: absolute;
|
||||
top:300rpx;
|
||||
top: 300rpx;
|
||||
left: 0;
|
||||
z-index: 20;
|
||||
}
|
||||
&-swiper{
|
||||
|
||||
&-swiper {
|
||||
margin-top: 14rpx;
|
||||
width: 646rpx;
|
||||
height: 238rpx;
|
||||
&-item{
|
||||
|
||||
&-item {
|
||||
width: 646rpx;
|
||||
height: 238rpx;
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
&-num{
|
||||
|
||||
&-num {
|
||||
height: 38rpx;
|
||||
background: rgba(0,0,0,0.3);
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
padding: 0 20rpx;
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
|
|
@ -1060,7 +1083,8 @@
|
|||
transform: translateX(-50%);
|
||||
z-index: 10;
|
||||
}
|
||||
&-huanxiang{
|
||||
|
||||
&-huanxiang {
|
||||
width: 88rpx;
|
||||
height: 42rpx;
|
||||
background: #B07AF3;
|
||||
|
|
@ -1075,33 +1099,39 @@
|
|||
z-index: 10;
|
||||
}
|
||||
}
|
||||
&-huanxiang{
|
||||
|
||||
&-huanxiang {
|
||||
width: 646rpx;
|
||||
>view:nth-child(2){
|
||||
|
||||
>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){
|
||||
|
||||
>text:nth-child(1) {
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
color: #000000;
|
||||
}
|
||||
>text:nth-child(2){
|
||||
|
||||
>text:nth-child(2) {
|
||||
font-weight: 400;
|
||||
font-size: 26rpx;
|
||||
color: #000000;
|
||||
}
|
||||
}
|
||||
>view:nth-child(2n+1){
|
||||
>view:nth-child(1){
|
||||
|
||||
>view:nth-child(2n+1) {
|
||||
>view:nth-child(1) {
|
||||
width: 74rpx;
|
||||
height: 56rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 12rpx;
|
||||
border: 2rpx solid #000000;
|
||||
}
|
||||
>view:nth-child(2){
|
||||
|
||||
>view:nth-child(2) {
|
||||
margin-top: 8rpx;
|
||||
font-weight: 400;
|
||||
font-size: 20rpx;
|
||||
|
|
@ -1109,19 +1139,22 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
&-jidu{
|
||||
>view:nth-child(1){
|
||||
|
||||
&-jidu {
|
||||
>view:nth-child(1) {
|
||||
width: 366rpx;
|
||||
height: 16rpx;
|
||||
background: rgba(#FFDE52,0.3);
|
||||
background: rgba(#FFDE52, 0.3);
|
||||
border-radius: 40rpx;
|
||||
>text{
|
||||
|
||||
>text {
|
||||
height: 16rpx;
|
||||
background: #FFDE52;
|
||||
border-radius: 40rpx;
|
||||
}
|
||||
}
|
||||
>view:nth-child(2){
|
||||
|
||||
>view:nth-child(2) {
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF;
|
||||
|
|
@ -1130,19 +1163,20 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
|
||||
.tab-item {
|
||||
width: 155rpx;
|
||||
height: 58rpx;
|
||||
font-weight: 400;
|
||||
margin-right: 30rpx;
|
||||
|
||||
|
||||
&.act {
|
||||
background: url($imgurl+'index/checkTab.png') no-repeat 0 0 / 100% 100%;
|
||||
|
||||
|
||||
>text {
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
|
|
@ -1150,10 +1184,10 @@
|
|||
text-shadow: #121212 1rpx 0 0, #121212 0 1rpx 0, #121212 -1rpx 0 0, #121212 0 -1rpx 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.unact {
|
||||
background: url($imgurl+'index/uncheckTab.png') no-repeat 0 0 / 100% 100%;
|
||||
|
||||
|
||||
>text {
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
|
|
@ -1162,13 +1196,14 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.guizeSc {
|
||||
>view {
|
||||
>image {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
}
|
||||
|
||||
|
||||
>text {
|
||||
font-weight: 400;
|
||||
font-size: 24rpx;
|
||||
|
|
@ -1365,7 +1400,8 @@
|
|||
font-size: 44rpx;
|
||||
color: #FFFFFF;
|
||||
background: url($imgurl+'index/chouleitai.png') no-repeat 0 0 / 100% 100%;
|
||||
>text{
|
||||
|
||||
>text {
|
||||
margin-bottom: 22rpx;
|
||||
}
|
||||
}
|
||||
|
|
@ -1411,17 +1447,19 @@
|
|||
position: relative;
|
||||
width: 570rpx;
|
||||
box-sizing: border-box;
|
||||
|
||||
|
||||
.pic {
|
||||
width: 570rpx;
|
||||
height: 598rpx;
|
||||
background: #8953DC;
|
||||
border: 2rpx solid #FFFFFF;
|
||||
>image{
|
||||
|
||||
>image {
|
||||
width: 548rpx;
|
||||
height: 549rpx;
|
||||
}
|
||||
>view{
|
||||
|
||||
>view {
|
||||
width: 130rpx;
|
||||
height: 46rpx;
|
||||
position: absolute;
|
||||
|
|
@ -1434,7 +1472,7 @@
|
|||
background: url($imgurl+'common/chouLabel.png') no-repeat 0 0 / 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.title {
|
||||
margin: 40rpx auto 0;
|
||||
width: 574rpx;
|
||||
|
|
@ -1448,30 +1486,30 @@
|
|||
border: 2rpx solid #894DD3;
|
||||
border-radius: 12rpx;
|
||||
background: #313133;
|
||||
|
||||
|
||||
>text {
|
||||
font-weight: 400;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.d-list {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content: space-between;
|
||||
padding: 20rpx 0 0;
|
||||
|
||||
|
||||
.d-item {
|
||||
margin-top: 14rpx;
|
||||
|
||||
|
||||
font-size: 24rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.close {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
|
|
@ -1680,11 +1718,13 @@
|
|||
justify-content: center;
|
||||
font-weight: 500;
|
||||
color: #7825DE;
|
||||
>text:nth-child(1){
|
||||
|
||||
>text:nth-child(1) {
|
||||
font-size: 28rpx;
|
||||
margin-top: 32rpx;
|
||||
}
|
||||
>text:nth-child(2){
|
||||
|
||||
>text:nth-child(2) {
|
||||
font-size: 36rpx;
|
||||
margin-top: 26rpx;
|
||||
}
|
||||
|
|
@ -1723,7 +1763,8 @@
|
|||
position: relative;
|
||||
background: #8953DC;
|
||||
border: 2rpx solid #FFFFFF;
|
||||
>image{
|
||||
|
||||
>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,14 +1824,17 @@
|
|||
height: 116rpx;
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
>text{
|
||||
|
||||
>text {
|
||||
margin-top: 36rpx;
|
||||
}
|
||||
}
|
||||
>view:nth-child(1){
|
||||
|
||||
>view:nth-child(1) {
|
||||
color: #DE6025;
|
||||
}
|
||||
>view:nth-child(2){
|
||||
|
||||
>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