修复问题
This commit is contained in:
zpc
parent
c1a1c34e94
commit
bf88c59897
|
|
@ -47,8 +47,8 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="swiper-container">
|
||||
<swiper class="swiper-box" :current="currentItemId" :autoplay="false"
|
||||
@change="handleSwiperChange" :indicator-dots="false" :circular="true" :interval="3000">
|
||||
<swiper class="swiper-box" :current="currentItemId" :autoplay="false" @change="handleSwiperChange"
|
||||
:indicator-dots="false" :circular="true" :interval="3000">
|
||||
<swiper-item v-for="(item, index) in goodsList" :key="index" :item-id="item.index">
|
||||
<view class="swiper-item-content">
|
||||
<view class="item-background">
|
||||
|
|
@ -74,10 +74,8 @@
|
|||
|
||||
|
||||
<scroll-view v-if="currentTab == 1" scroll-y="true" style="width: 100%; height: 890rpx; padding: 24rpx;">
|
||||
<view class="row align-center participant-row"
|
||||
:class="{ 'show': participantRowsShow[index] }"
|
||||
v-for="(item, index) in participantList" :key="index"
|
||||
style="height: 76rpx; margin-bottom: 24rpx;">
|
||||
<view class="row align-center participant-row" :class="{ 'show': participantRowsShow[index] }"
|
||||
v-for="(item, index) in participantList" :key="index" style="height: 76rpx; margin-bottom: 24rpx;">
|
||||
|
||||
<view class="center" style="width: 30rpx;">
|
||||
<text style="color: #999999; font-size: 20rpx;">{{ index + 1 }}</text>
|
||||
|
|
@ -96,10 +94,8 @@
|
|||
</view>
|
||||
</scroll-view>
|
||||
<scroll-view v-if="currentTab == 2" scroll-y="true" style="width: 100%; height: 890rpx; padding: 24rpx;">
|
||||
<view class="row align-center award-row"
|
||||
:class="{ 'show': awardRowsShow[index] }"
|
||||
v-for="(item, index) in awardRecordList" :key="index"
|
||||
style="height: 76rpx; margin-bottom: 24rpx;">
|
||||
<view class="row align-center award-row" :class="{ 'show': awardRowsShow[index] }"
|
||||
v-for="(item, index) in awardRecordList" :key="index" style="height: 76rpx; margin-bottom: 24rpx;">
|
||||
|
||||
<view class="center" style="width: 30rpx;">
|
||||
<text style="color: #999999; font-size: 20rpx;">{{ index + 1 }}</text>
|
||||
|
|
@ -122,8 +118,7 @@
|
|||
<view class="column align-center"
|
||||
style="width: 100%; height: 198rpx; background-color: #fff; margin-top: 8rpx;">
|
||||
|
||||
<view class="participation-button"
|
||||
:class="{ 'show': buttonShow, 'pulse': buttonPulse }"
|
||||
<view class="participation-button" :class="{ 'show': buttonShow, 'pulse': buttonPulse }"
|
||||
@click="handleButtonPulse">
|
||||
<text class="button-text">{{ buttonText }}</text>
|
||||
</view>
|
||||
|
|
@ -147,7 +142,7 @@
|
|||
</view>
|
||||
<view class="popup-content">
|
||||
提示：需在指定时间{{ bonusData.start_time }}-{{ bonusData.end_time }}消耗达到{{ bonusData.choujiang_xianzhi
|
||||
}}钻石，即可加入房间，还需{{ remainingDiamond }}钻石.
|
||||
}}钻石，即可加入房间，还需{{ $c.removeTrailingZeros(remainingDiamond) }}钻石.
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
|
@ -224,7 +219,7 @@ export default {
|
|||
isAgree: true,
|
||||
loading: false,
|
||||
user_count: 0, //用户已经购买的次数
|
||||
|
||||
|
||||
// 动画状态控制变量
|
||||
headerShow: false,
|
||||
contentShow: false,
|
||||
|
|
@ -232,7 +227,7 @@ export default {
|
|||
tabsShow: [false, false, false],
|
||||
participantRowsShow: [],
|
||||
awardRowsShow: [],
|
||||
|
||||
|
||||
// 按钮脉冲动画
|
||||
buttonPulse: false
|
||||
}
|
||||
|
|
@ -245,7 +240,7 @@ export default {
|
|||
return '';
|
||||
},
|
||||
remainingDiamond() {
|
||||
let t = this.bonusData.choujiang_xianzhi - this.user_total_consumption;
|
||||
let t = (this.bonusData.choujiang_xianzhi - this.user_total_consumption).toFixed(2);
|
||||
return t > 0 ? t : 0;
|
||||
}
|
||||
},
|
||||
|
|
@ -253,7 +248,7 @@ export default {
|
|||
console.log(options)
|
||||
this.goods_id = options.goods_id
|
||||
await this.load(options.goods_id)
|
||||
|
||||
|
||||
// 添加页面加载动画
|
||||
setTimeout(() => {
|
||||
this.applyPageTransitions();
|
||||
|
|
@ -475,11 +470,11 @@ export default {
|
|||
this.remainingTime = this.formatRemainingTime(endDate - serverNow, "距离开奖时间：");
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}, 1000);
|
||||
|
||||
|
||||
|
||||
},
|
||||
|
||||
onUnload() {
|
||||
|
|
@ -512,7 +507,7 @@ export default {
|
|||
} catch (error) {
|
||||
console.error("加载参与人数列表失败", error);
|
||||
}
|
||||
|
||||
|
||||
if (this.currentTab === 1) {
|
||||
setTimeout(() => {
|
||||
this.animateListItems('participant-row');
|
||||
|
|
@ -543,7 +538,7 @@ export default {
|
|||
} catch (error) {
|
||||
console.error("加载赏品记录失败", error);
|
||||
}
|
||||
|
||||
|
||||
if (this.currentTab === 2) {
|
||||
setTimeout(() => {
|
||||
this.animateListItems('award-row');
|
||||
|
|
@ -566,7 +561,7 @@ export default {
|
|||
// 根据列表类型初始化动画状态数组
|
||||
if (className === 'participant-row') {
|
||||
this.participantRowsShow = Array(this.participantList.length).fill(false);
|
||||
|
||||
|
||||
// 逐个显示列表项
|
||||
for (let i = 0; i < this.participantList.length; i++) {
|
||||
((index) => {
|
||||
|
|
@ -577,7 +572,7 @@ export default {
|
|||
}
|
||||
} else if (className === 'award-row') {
|
||||
this.awardRowsShow = Array(this.awardRecordList.length).fill(false);
|
||||
|
||||
|
||||
// 逐个显示列表项
|
||||
for (let i = 0; i < this.awardRecordList.length; i++) {
|
||||
((index) => {
|
||||
|
|
@ -595,7 +590,7 @@ export default {
|
|||
const endDate = new Date(this.bonusData.end_time.replace(/-/g, '/'));
|
||||
const openDate = new Date(this.bonusData.open_time.replace(/-/g, '/'));
|
||||
// console.log(currentDate,startDate);
|
||||
|
||||
|
||||
if (currentDate < startDate) {
|
||||
this.buttonText = "未开始";
|
||||
} else if (currentDate >= startDate && currentDate <= endDate) {
|
||||
|
|
@ -617,7 +612,7 @@ export default {
|
|||
setTimeout(() => {
|
||||
this.buttonPulse = false;
|
||||
}, 400); // 动画时长结束后移除类
|
||||
|
||||
|
||||
// 调用原始点击处理程序
|
||||
this.handleButtonClick();
|
||||
},
|
||||
|
|
@ -700,19 +695,19 @@ export default {
|
|||
url: '/pages/shouye/index'
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
applyPageTransitions() {
|
||||
// 头部信息
|
||||
this.headerShow = true;
|
||||
|
||||
|
||||
// 标签
|
||||
setTimeout(() => { this.tabsShow[0] = true; }, 100);
|
||||
setTimeout(() => { this.tabsShow[1] = true; }, 200);
|
||||
setTimeout(() => { this.tabsShow[2] = true; }, 300);
|
||||
|
||||
|
||||
// 内容区
|
||||
setTimeout(() => { this.contentShow = true; }, 200);
|
||||
|
||||
|
||||
// 按钮
|
||||
setTimeout(() => { this.buttonShow = true; }, 300);
|
||||
}
|
||||
|
|
@ -736,7 +731,7 @@ export default {
|
|||
position: relative;
|
||||
margin-right: 25rpx;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
|
||||
&:active {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
|
@ -764,7 +759,7 @@ export default {
|
|||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #CCCCCC;
|
||||
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
|
|
@ -784,6 +779,7 @@ export default {
|
|||
from {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
width: 48rpx;
|
||||
}
|
||||
|
|
@ -807,25 +803,25 @@ export default {
|
|||
padding: 8rpx;
|
||||
border-radius: 12rpx;
|
||||
position: relative;
|
||||
|
||||
|
||||
&:active {
|
||||
transform: translateY(-6rpx) scale(1.05);
|
||||
background-color: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
|
||||
|
||||
image {
|
||||
transition: all 0.25s ease;
|
||||
box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
|
||||
&:active image {
|
||||
box-shadow: 0 8rpx 12rpx rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
|
||||
text {
|
||||
transition: color 0.25s ease;
|
||||
}
|
||||
|
||||
|
||||
&:active text {
|
||||
color: #666 !important;
|
||||
}
|
||||
|
|
@ -839,11 +835,11 @@ export default {
|
|||
overflow: visible;
|
||||
border: none !important;
|
||||
outline: none !important;
|
||||
|
||||
|
||||
&::after {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
|
|
@ -857,11 +853,11 @@ export default {
|
|||
opacity: 0;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
|
||||
&:active {
|
||||
transform: scale(0.9) rotate(15deg);
|
||||
}
|
||||
|
||||
|
||||
&:active::before {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
|
|
@ -924,18 +920,18 @@ export default {
|
|||
box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.1);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
// 页面加载动画
|
||||
opacity: 0;
|
||||
transform: translateY(20rpx);
|
||||
transition: transform 0.5s ease, opacity 0.5s ease, background-color 0.2s ease, box-shadow 0.2s ease;
|
||||
transition-delay: 0.3s;
|
||||
|
||||
|
||||
&.show {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
|
||||
&.pulse {
|
||||
animation: buttonPulse 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
}
|
||||
|
|
@ -969,7 +965,7 @@ export default {
|
|||
font-size: 35rpx;
|
||||
background-color: #f9f9f9;
|
||||
position: relative;
|
||||
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
|
|
@ -1011,11 +1007,11 @@ export default {
|
|||
transition: all 0.25s ease;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
&:active {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
|
|
@ -1029,12 +1025,12 @@ export default {
|
|||
opacity: 0;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
|
||||
&:active::after {
|
||||
transform: translate(-50%, -50%) scale(3);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
text {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
|
@ -1046,11 +1042,11 @@ export default {
|
|||
.cancel-button {
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #eee;
|
||||
|
||||
|
||||
text {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
|
||||
&:active {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
|
@ -1059,11 +1055,11 @@ export default {
|
|||
.confirm-button {
|
||||
background-color: #CDEF27;
|
||||
box-shadow: 0 4rpx 8rpx rgba(205, 239, 39, 0.3);
|
||||
|
||||
|
||||
text {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
|
||||
&:active {
|
||||
background-color: #b9d721;
|
||||
box-shadow: 0 2rpx 4rpx rgba(205, 239, 39, 0.2);
|
||||
|
|
@ -1075,6 +1071,7 @@ export default {
|
|||
transform: scale(0.9);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
|
|
@ -1086,6 +1083,7 @@ export default {
|
|||
opacity: 0;
|
||||
transform: translateY(20rpx);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
|
|
@ -1096,7 +1094,7 @@ export default {
|
|||
opacity: 0;
|
||||
transform: translateX(-20rpx);
|
||||
transition: all 0.4s ease;
|
||||
|
||||
|
||||
&.show {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
|
|
@ -1107,7 +1105,7 @@ export default {
|
|||
opacity: 0;
|
||||
transform: translateX(-20rpx);
|
||||
transition: all 0.4s ease;
|
||||
|
||||
|
||||
&.show {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
|
|
@ -1118,7 +1116,7 @@ export default {
|
|||
opacity: 0;
|
||||
transform: translateY(-20rpx);
|
||||
transition: all 0.5s ease;
|
||||
|
||||
|
||||
&.show {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
|
|
@ -1129,7 +1127,7 @@ export default {
|
|||
opacity: 0;
|
||||
transform: translateY(10rpx);
|
||||
transition: all 0.4s ease;
|
||||
|
||||
|
||||
&.show {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
|
|
@ -1141,7 +1139,7 @@ export default {
|
|||
transform: translateY(20rpx);
|
||||
transition: all 0.5s ease;
|
||||
transition-delay: 0.2s;
|
||||
|
||||
|
||||
&.show {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
|
|
@ -1153,15 +1151,18 @@ export default {
|
|||
transform: scale(1);
|
||||
box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
40% {
|
||||
transform: scale(0.92);
|
||||
box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
80% {
|
||||
transform: scale(1.05);
|
||||
box-shadow: 0 6rpx 10rpx rgba(0, 0, 0, 0.15);
|
||||
background-color: #e0ff3a;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.1);
|
||||
|
|
|
|||
|
|
@ -1,58 +1,33 @@
|
|||
<template>
|
||||
<!-- @touchstart="touchStart" @touchend="touchEnd" -->
|
||||
<view
|
||||
class="content"
|
||||
:style="{
|
||||
'padding-top': `calc(${$sys().statusBarHeight}px + 330rpx)`
|
||||
}"
|
||||
>
|
||||
<view class="content" :style="{
|
||||
'padding-top': `calc(${$sys().statusBarHeight}px + 330rpx)`
|
||||
}">
|
||||
<!-- 发货须知 -->
|
||||
<view
|
||||
class="head commng_bg"
|
||||
:style="{
|
||||
'background-image': `url(${$img('/static/img/global_page_bg.png')})`
|
||||
}"
|
||||
>
|
||||
<view class="head commng_bg" :style="{
|
||||
'background-image': `url(${$img('/static/img/global_page_bg.png')})`
|
||||
}">
|
||||
<view class="head_top">
|
||||
<view
|
||||
class="status_bar"
|
||||
:style="{
|
||||
height: `calc(${$sys().statusBarHeight}px + 88rpx)`
|
||||
}"
|
||||
></view>
|
||||
<view class="status_bar" :style="{
|
||||
height: `calc(${$sys().statusBarHeight}px + 88rpx)`
|
||||
}"></view>
|
||||
</view>
|
||||
<!-- 功能切换 -->
|
||||
<view class="qiehuan_box">
|
||||
<view class="qiehuan">
|
||||
<view @click="getlist(v.id)" v-for="(v, i) in arr" :key="i">
|
||||
<view :class="show == v.id ? 'xzs' : 'wzs'">{{ v.title }}</view>
|
||||
<image
|
||||
:src="$img('/static/img/tab_arrow.png')"
|
||||
class="activeImg"
|
||||
v-if="show == v.id"
|
||||
></image>
|
||||
<image :src="$img('/static/img/tab_arrow.png')" class="activeImg" v-if="show == v.id"></image>
|
||||
</view>
|
||||
</view>
|
||||
<image
|
||||
:src="$img('/static/img/bag_fhxz.png')"
|
||||
@click="$refs.shuoming.open()"
|
||||
></image>
|
||||
<image :src="$img('/static/img/bag_fhxz.png')" @click="$refs.shuoming.open()"></image>
|
||||
</view>
|
||||
<!-- 搜索 -->
|
||||
<view
|
||||
class="title_ipt common_bg"
|
||||
:style="{
|
||||
'background-image': `url(${$img('/static/img/bag_search_box.png')})`
|
||||
}"
|
||||
>
|
||||
<input
|
||||
type="text"
|
||||
placeholder="请输入关键字"
|
||||
placeholder-style="color:rgba(255,255,255,0.6)"
|
||||
confirm-type="search"
|
||||
v-model="keyword"
|
||||
@confirm="search()"
|
||||
/>
|
||||
<view class="title_ipt common_bg" :style="{
|
||||
'background-image': `url(${$img('/static/img/bag_search_box.png')})`
|
||||
}">
|
||||
<input type="text" placeholder="请输入关键字" placeholder-style="color:rgba(255,255,255,0.6)" confirm-type="search"
|
||||
v-model="keyword" @confirm="search()" />
|
||||
<image @click="search()" :src="$img('/static/icon/search.png')"></image>
|
||||
</view>
|
||||
<view class="header" v-if="show != 3">
|
||||
|
|
@ -77,27 +52,14 @@
|
|||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<mescroll-body
|
||||
ref="mescrollRef"
|
||||
@init="mescrollInit"
|
||||
:down="downOption"
|
||||
@down="downCallback"
|
||||
@up="upCallback"
|
||||
>
|
||||
<mescroll-body ref="mescrollRef" @init="mescrollInit" :down="downOption" @down="downCallback" @up="upCallback">
|
||||
<!-- 赏池预览 -->
|
||||
<view class="shop_con" v-if="show != 3">
|
||||
<template v-for="(item, index) in goodsdata">
|
||||
<view
|
||||
class="shop"
|
||||
v-for="(v, i) in item.orderlist"
|
||||
:key="v.prize_code"
|
||||
>
|
||||
<view
|
||||
class="shop-inner common_bg"
|
||||
:style="{
|
||||
'background-image': `url(${$img('/static/img/yf_ib.png')})`
|
||||
}"
|
||||
>
|
||||
<view class="shop" v-for="(v, i) in item.orderlist" :key="v.prize_code">
|
||||
<view class="shop-inner common_bg" :style="{
|
||||
'background-image': `url(${$img('/static/img/yf_ib.png')})`
|
||||
}">
|
||||
<view class="pic">
|
||||
<image :src="v.goodslist_imgurl" mode="scaleToFill" />
|
||||
|
||||
|
|
@ -116,21 +78,11 @@
|
|||
</view>
|
||||
|
||||
<view class="num-box">
|
||||
<image
|
||||
@click.stop="jian(v)"
|
||||
class="btn"
|
||||
:src="$img('/static/icon/jian.png')"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
<image @click.stop="jian(v)" class="btn" :src="$img('/static/icon/jian.png')" mode="scaleToFill" />
|
||||
|
||||
<input @blur="verifyNum(v)" v-model="v.number" />
|
||||
|
||||
<image
|
||||
@click.stop="jia(v)"
|
||||
class="btn"
|
||||
:src="$img('/static/icon/jia.png')"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
<image @click.stop="jia(v)" class="btn" :src="$img('/static/icon/jia.png')" mode="scaleToFill" />
|
||||
</view>
|
||||
|
||||
<!-- <view class="shop_title">
|
||||
|
|
@ -175,26 +127,16 @@
|
|||
</view>
|
||||
<!-- 卡册 -->
|
||||
<view v-if="show == 3" style="margin-top: 40rpx">
|
||||
<view
|
||||
:style="
|
||||
'background: url(' +
|
||||
z_imgPath +
|
||||
'ka_bg.png' +
|
||||
') no-repeat 0 0 / 100% 100%;'
|
||||
"
|
||||
class="caStyle"
|
||||
@click="gotoPage('caceDetail?caId=' + item.goods_id)"
|
||||
v-for="(item, index) in goodsdata"
|
||||
:key="index"
|
||||
>
|
||||
<view :style="'background: url(' +
|
||||
z_imgPath +
|
||||
'ka_bg.png' +
|
||||
') no-repeat 0 0 / 100% 100%;'
|
||||
" class="caStyle" @click="gotoPage('caceDetail?caId=' + item.goods_id)" v-for="(item, index) in goodsdata"
|
||||
:key="index">
|
||||
<image :src="item.goods_imgurl" mode="aspectFill"></image>
|
||||
<view style="width: 630rpx; margin: 8rpx auto 0; height: 33rpx">
|
||||
<cmd-progress
|
||||
:percent="item.gailv"
|
||||
:show-info="false"
|
||||
stroke-color="#1AC762"
|
||||
:strokeWidth="10"
|
||||
></cmd-progress>
|
||||
<cmd-progress :percent="item.gailv" :show-info="false" stroke-color="#1AC762"
|
||||
:strokeWidth="10"></cmd-progress>
|
||||
</view>
|
||||
<view class="caTitle">
|
||||
<view>{{ item.goods_title }}</view>
|
||||
|
|
@ -211,47 +153,27 @@
|
|||
<!-- huisou_click -->
|
||||
<!-- <image :src="z_imgPath + 'qujiaoliu.png'" @click="toNewMp()" v-if="show<4" class="dabao"></image> 暂时隐藏 -->
|
||||
<!-- 换为打包 -->
|
||||
<view
|
||||
@click="huisou_click()"
|
||||
class="common_bg"
|
||||
:style="{
|
||||
'background-image': `url(${$img('/static/img/bag_hb.png')})`
|
||||
}"
|
||||
v-if="show == 1 || show == 5 || show == 2"
|
||||
>
|
||||
<view @click="huisou_click()" class="common_bg" :style="{
|
||||
'background-image': `url(${$img('/static/img/bag_hb.png')})`
|
||||
}" v-if="show == 1 || show == 5 || show == 2">
|
||||
<!-- 环保 -->
|
||||
</view>
|
||||
<view
|
||||
@click="fahuo_click()"
|
||||
class="common_bg"
|
||||
:style="{
|
||||
'background-image': `url(${$img('/static/img/bag_fh.png')})`
|
||||
}"
|
||||
v-if="show == 1 || show == 5 || show == 2"
|
||||
>
|
||||
<view @click="fahuo_click()" class="common_bg" :style="{
|
||||
'background-image': `url(${$img('/static/img/bag_fh.png')})`
|
||||
}" v-if="show == 1 || show == 5 || show == 2">
|
||||
<!-- 发货 -->
|
||||
</view>
|
||||
<view
|
||||
@click="suo_click()"
|
||||
class="common_bg"
|
||||
:style="{
|
||||
'background-image': `url(${$img('/static/img/bag_ss.png')})`
|
||||
}"
|
||||
v-if="show == 1 || show == 5 || show == 2"
|
||||
>
|
||||
<view @click="suo_click()" class="common_bg" :style="{
|
||||
'background-image': `url(${$img('/static/img/bag_ss.png')})`
|
||||
}" v-if="show == 1 || show == 5 || show == 2">
|
||||
<!-- 上锁 -->
|
||||
</view>
|
||||
<!-- <image :src="z_imgPath + 'dabao.png'" @click="huisou_click()" v-if="show==1 ||show==5||show==2"></image>
|
||||
<image :src="z_imgPath + 'fahuo.png'" @click="fahuo_click()" v-if="show==1 ||show==5||show==2"></image>
|
||||
<image :src="z_imgPath + 'shangsuo.png'" @click="suo_click()" v-if="show==1 ||show==5||show==2"></image> -->
|
||||
<view
|
||||
@click="jiesuo_click()"
|
||||
class="common_bg"
|
||||
:style="{
|
||||
'background-image': `url(${$img('/static/img/bag_js.png')})`
|
||||
}"
|
||||
v-if="show == 4"
|
||||
>
|
||||
<view @click="jiesuo_click()" class="common_bg" :style="{
|
||||
'background-image': `url(${$img('/static/img/bag_js.png')})`
|
||||
}" v-if="show == 4">
|
||||
<!-- 解锁 -->
|
||||
</view>
|
||||
<!-- <image :src="z_imgPath + 'jiesuo.png'" @click="jiesuo_click()" v-if="show==4" class="jiesuo"></image> -->
|
||||
|
|
@ -260,25 +182,15 @@
|
|||
<!-- 刷新浮框 -->
|
||||
<view class="xuanfu">
|
||||
<!-- <image :src="z_imgPath + 'jiaoliu.png?12'" @click="toNewMp()"></image> -->
|
||||
<image
|
||||
:src="$img('/static/img/yf_rb.png')"
|
||||
@click="getlist(show)"
|
||||
></image>
|
||||
<image
|
||||
:src="$img('/static/img/bag_qx.png')"
|
||||
@click="quanxuan_click()"
|
||||
v-if="show != 3"
|
||||
></image>
|
||||
<image :src="$img('/static/img/yf_rb.png')" @click="getlist(show)"></image>
|
||||
<image :src="$img('/static/img/bag_qx.png')" @click="quanxuan_click()" v-if="show != 3"></image>
|
||||
</view>
|
||||
|
||||
<!-- 发货说明 -->
|
||||
<uni-popup ref="shuoming" type="center">
|
||||
<view
|
||||
class="pop common_bg"
|
||||
:style="{
|
||||
'background-image': `url(${$img('/static/img/yf_rule_pop_bg.png')})`
|
||||
}"
|
||||
>
|
||||
<view class="pop common_bg" :style="{
|
||||
'background-image': `url(${$img('/static/img/yf_rule_pop_bg.png')})`
|
||||
}">
|
||||
<view class="pop_title">发货须知</view>
|
||||
<view class="pop_con">
|
||||
<scroll-view scroll-y="true" style="height: 600rpx">
|
||||
|
|
@ -286,11 +198,7 @@
|
|||
</scroll-view>
|
||||
</view>
|
||||
|
||||
<image
|
||||
@click="$refs.shuoming.close()"
|
||||
class="close"
|
||||
:src="$img('/static/icon/close.png')"
|
||||
></image>
|
||||
<image @click="$refs.shuoming.close()" class="close" :src="$img('/static/icon/close.png')"></image>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
|
|
@ -314,14 +222,9 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="xuyuan_con">
|
||||
<view
|
||||
class="xuyuan_item common_bg"
|
||||
:style="{
|
||||
'background-image': `url(${$img('/static/img/yf_ib.png')})`
|
||||
}"
|
||||
v-for="(item, index) in huishou_Arr"
|
||||
:key="index"
|
||||
>
|
||||
<view class="xuyuan_item common_bg" :style="{
|
||||
'background-image': `url(${$img('/static/img/yf_ib.png')})`
|
||||
}" v-for="(item, index) in huishou_Arr" :key="index">
|
||||
<view class="shop_item_img">
|
||||
<image :src="item.goodslist_imgurl"></image>
|
||||
<view>
|
||||
|
|
@ -348,13 +251,9 @@
|
|||
<view class="pop-ft">
|
||||
<view class="price">环保合计:{{ zong_price.toFixed(2) }}元</view>
|
||||
|
||||
<view
|
||||
@click="huisou_btn"
|
||||
class="confirm-btn common_bg"
|
||||
:style="{
|
||||
'background-image': `url(${$img('/static/img/bag_qrhs.png')})`
|
||||
}"
|
||||
></view>
|
||||
<view @click="huisou_btn" class="confirm-btn common_bg" :style="{
|
||||
'background-image': `url(${$img('/static/img/bag_qrhs.png')})`
|
||||
}"></view>
|
||||
</view>
|
||||
<!-- <view
|
||||
class="pop_huishou"
|
||||
|
|
@ -391,14 +290,9 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="xuyuan_con" style="border: none">
|
||||
<view
|
||||
class="xuyuan_item common_bg"
|
||||
v-for="(item, index) in huishou_Arr"
|
||||
:key="index"
|
||||
:style="{
|
||||
'background-image': `url(${$img('/static/img/yf_ib.png')})`
|
||||
}"
|
||||
>
|
||||
<view class="xuyuan_item common_bg" v-for="(item, index) in huishou_Arr" :key="index" :style="{
|
||||
'background-image': `url(${$img('/static/img/yf_ib.png')})`
|
||||
}">
|
||||
<view class="shop_item_img">
|
||||
<image :src="item.goodslist_imgurl"></image>
|
||||
<view>
|
||||
|
|
@ -414,11 +308,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="xuyuan kuaidi">
|
||||
<view
|
||||
@click="showMulLinkageThreePicker()"
|
||||
class="flex_center"
|
||||
style="justify-content: space-between"
|
||||
>
|
||||
<view @click="showMulLinkageThreePicker()" class="flex_center" style="justify-content: space-between">
|
||||
<view style="width: 580rpx; font-size: 28rpx">
|
||||
{{ selectCity }}
|
||||
</view>
|
||||
|
|
@ -428,11 +318,7 @@
|
|||
<view class="kuaidi_text">
|
||||
如果不满{{ post.free_post }}件，需支付{{ post.post_money }}元运费
|
||||
</view>
|
||||
<textarea
|
||||
placeholder="请输入留言内容"
|
||||
maxlength="50"
|
||||
v-model="message"
|
||||
></textarea>
|
||||
<textarea placeholder="请输入留言内容" maxlength="50" v-model="message"></textarea>
|
||||
</view>
|
||||
|
||||
<view class="pop-ft">
|
||||
|
|
@ -440,13 +326,9 @@
|
|||
需支付:{{ num >= post.free_post ? 0 : post.post_money }}元
|
||||
</view>
|
||||
|
||||
<view
|
||||
@click="fahuo_btn"
|
||||
class="confirm-btn common_bg"
|
||||
:style="{
|
||||
'background-image': `url(${$img('/static/img/bag_qrfh.png')})`
|
||||
}"
|
||||
></view>
|
||||
<view @click="fahuo_btn" class="confirm-btn common_bg" :style="{
|
||||
'background-image': `url(${$img('/static/img/bag_qrfh.png')})`
|
||||
}"></view>
|
||||
</view>
|
||||
|
||||
<!-- <view
|
||||
|
|
@ -488,32 +370,21 @@
|
|||
</view>
|
||||
</uni-popup>
|
||||
<!-- 详情弹窗 -->
|
||||
<uni-popup
|
||||
ref="yulanPop"
|
||||
type="center"
|
||||
mask-background-color="rgba(0,0,0,.95)"
|
||||
>
|
||||
<uni-popup ref="yulanPop" type="center" mask-background-color="rgba(0,0,0,.95)">
|
||||
<view>
|
||||
<view class="yulanStyle">
|
||||
<view style="font-size: 36rpx; flex: 1; text-align: left">
|
||||
{{ yulan_news.shang_title }}
|
||||
</view>
|
||||
<image
|
||||
:src="yulan_news.goodslist_imgurl"
|
||||
mode=""
|
||||
class="shang_img"
|
||||
></image>
|
||||
<image :src="yulan_news.goodslist_imgurl" mode="" class="shang_img"></image>
|
||||
<image class="img_bg" :src="z_imgPath + 'yulan_bg.png'"></image>
|
||||
</view>
|
||||
<view
|
||||
class="hang1"
|
||||
style="
|
||||
<view class="hang1" style="
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
padding: 10rpx 0;
|
||||
text-align: center;
|
||||
"
|
||||
>
|
||||
">
|
||||
{{ yulan_news.goodslist_title }}
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -788,6 +659,12 @@ export default {
|
|||
if (that.fh_status) {
|
||||
return
|
||||
}
|
||||
uni.showToast({
|
||||
title: '发货未开放',
|
||||
icon: 'loading',
|
||||
duration: 1000
|
||||
})
|
||||
return;
|
||||
if (that.recovery_info && that.recovery_info.length > 0) {
|
||||
that.fh_status = true
|
||||
that.req({
|
||||
|
|
@ -1224,9 +1101,11 @@ export default {
|
|||
.kaType {
|
||||
display: flex;
|
||||
margin: 0 0 0 30rpx;
|
||||
> view {
|
||||
|
||||
>view {
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.sty {
|
||||
background-color: #ebfffa;
|
||||
color: #333;
|
||||
|
|
@ -1234,6 +1113,7 @@ export default {
|
|||
padding: 15rpx 20rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.selSty {
|
||||
background-color: #1ac762;
|
||||
color: #333;
|
||||
|
|
@ -1241,29 +1121,34 @@ export default {
|
|||
border-radius: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.caStyle {
|
||||
width: 690rpx;
|
||||
height: 880rpx;
|
||||
margin: 0 30rpx 20rpx;
|
||||
padding-top: 10rpx;
|
||||
box-sizing: border-box;
|
||||
> image {
|
||||
|
||||
>image {
|
||||
width: 670rpx;
|
||||
height: 740rpx;
|
||||
display: block;
|
||||
margin: 0rpx auto;
|
||||
}
|
||||
|
||||
.caTitle {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 20rpx 20rpx 0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
text {
|
||||
color: #feff00;
|
||||
}
|
||||
}
|
||||
.yulanStyle > .shang_img {
|
||||
|
||||
.yulanStyle>.shang_img {
|
||||
width: 563rpx;
|
||||
height: 754rpx;
|
||||
position: absolute;
|
||||
|
|
@ -1272,7 +1157,8 @@ export default {
|
|||
right: 0;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.yulanStyle > .img_bg {
|
||||
|
||||
.yulanStyle>.img_bg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
|
|
@ -1280,7 +1166,8 @@ export default {
|
|||
top: 0;
|
||||
z-index: 999;
|
||||
}
|
||||
.yulanStyle > view:nth-of-type(1) {
|
||||
|
||||
.yulanStyle>view:nth-of-type(1) {
|
||||
position: absolute;
|
||||
top: 54rpx;
|
||||
left: 45rpx;
|
||||
|
|
@ -1357,16 +1244,16 @@ textarea {
|
|||
color: #999999;
|
||||
}
|
||||
|
||||
.kuaidi > view:nth-of-type(2) {
|
||||
.kuaidi>view:nth-of-type(2) {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.kuaidi > view:nth-of-type(1) {
|
||||
.kuaidi>view:nth-of-type(1) {
|
||||
border-bottom: 1rpx solid #666666;
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
|
||||
.kuaidi > view {
|
||||
.kuaidi>view {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
|
|
@ -1380,7 +1267,7 @@ textarea {
|
|||
color: #ffffff;
|
||||
}
|
||||
|
||||
.order_title > image {
|
||||
.order_title>image {
|
||||
width: 162rpx;
|
||||
height: 47rpx;
|
||||
position: absolute;
|
||||
|
|
@ -1468,7 +1355,7 @@ textarea {
|
|||
color: #ffffff;
|
||||
}
|
||||
|
||||
.shop_item_img > view:nth-of-type(1) {
|
||||
.shop_item_img>view:nth-of-type(1) {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
|
|
@ -1496,7 +1383,7 @@ textarea {
|
|||
}
|
||||
}
|
||||
|
||||
.shop_item_img > image {
|
||||
.shop_item_img>image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 8rpx;
|
||||
|
|
@ -1536,7 +1423,7 @@ textarea {
|
|||
padding-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.xuyuan_head > view:nth-of-type(2) {
|
||||
.xuyuan_head>view:nth-of-type(2) {
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
|
|
@ -1616,12 +1503,12 @@ textarea {
|
|||
align-items: center;
|
||||
}
|
||||
|
||||
.footer > image {
|
||||
.footer>image {
|
||||
width: 212rpx;
|
||||
height: 70rpx;
|
||||
}
|
||||
|
||||
.footer > image:nth-of-type(3) {
|
||||
.footer>image:nth-of-type(3) {
|
||||
/* width: 212rpx;
|
||||
height: 106rpx;
|
||||
position: absolute;
|
||||
|
|
@ -1635,7 +1522,8 @@ textarea {
|
|||
.jiesuo {
|
||||
margin: auto;
|
||||
}
|
||||
.footer > view {
|
||||
|
||||
.footer>view {
|
||||
width: 206rpx;
|
||||
height: 84rpx;
|
||||
display: flex;
|
||||
|
|
@ -1647,6 +1535,7 @@ textarea {
|
|||
color: #ffffff;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.footer {
|
||||
width: 690rpx;
|
||||
display: flex;
|
||||
|
|
@ -1686,7 +1575,7 @@ button {
|
|||
z-index: 21;
|
||||
}
|
||||
|
||||
.shop_head > text {
|
||||
.shop_head>text {
|
||||
background: #ff7514;
|
||||
border-radius: 10rpx;
|
||||
padding: 2rpx 20rpx;
|
||||
|
|
@ -1709,7 +1598,7 @@ button {
|
|||
/* border: 1rpx solid red; */
|
||||
}
|
||||
|
||||
.shop_title > image {
|
||||
.shop_title>image {
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
margin-right: 20rpx;
|
||||
|
|
@ -1822,7 +1711,7 @@ button {
|
|||
height: 26rpx;
|
||||
}
|
||||
|
||||
.goods_title > view {
|
||||
.goods_title>view {
|
||||
/* background: #ff7514; */
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
|
|
@ -1851,12 +1740,12 @@ button {
|
|||
padding-right: 10rpx;
|
||||
}
|
||||
|
||||
.title_ipt > image {
|
||||
.title_ipt>image {
|
||||
width: 33rpx;
|
||||
height: 33rpx;
|
||||
}
|
||||
|
||||
.title_ipt > input {
|
||||
.title_ipt>input {
|
||||
width: 570rpx;
|
||||
height: 60rpx;
|
||||
box-sizing: border-box;
|
||||
|
|
@ -1881,10 +1770,12 @@ button {
|
|||
color: #ffffff;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.qiehuan_box > image {
|
||||
|
||||
.qiehuan_box>image {
|
||||
width: 170rpx;
|
||||
height: 59rpx;
|
||||
}
|
||||
|
||||
.activeImg {
|
||||
position: absolute;
|
||||
width: 30rpx !important;
|
||||
|
|
@ -1894,6 +1785,7 @@ button {
|
|||
right: 0;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.qiehuan {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
|
|
@ -1902,11 +1794,13 @@ button {
|
|||
font-weight: bold;
|
||||
font-family: YouSheBiaoTiHei;
|
||||
}
|
||||
|
||||
.qiehuan image {
|
||||
width: 90rpx;
|
||||
height: 47rpx;
|
||||
}
|
||||
.qiehuan > view {
|
||||
|
||||
.qiehuan>view {
|
||||
// flex: 1;
|
||||
// text-align: center;
|
||||
margin-right: 20rpx;
|
||||
|
|
@ -1943,13 +1837,13 @@ button {
|
|||
color: #bec0d3;
|
||||
}
|
||||
|
||||
.header_title > view:nth-of-type(2) {
|
||||
.header_title>view:nth-of-type(2) {
|
||||
width: 520rpx;
|
||||
text-align: center;
|
||||
/* margin: auto; */
|
||||
}
|
||||
|
||||
.header_title > view:nth-of-type(1) {
|
||||
.header_title>view:nth-of-type(1) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
|
@ -1978,8 +1872,7 @@ button {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.head_top {
|
||||
}
|
||||
.head_top {}
|
||||
|
||||
.head {
|
||||
width: 750rpx;
|
||||
|
|
|
|||
|
|
@ -677,6 +677,7 @@ export default {
|
|||
})
|
||||
return
|
||||
}
|
||||
|
||||
let data = this.handelList.map(item => {
|
||||
return {
|
||||
prize_code: item.prize_code,
|
||||
|
|
@ -912,6 +913,14 @@ export default {
|
|||
},
|
||||
|
||||
open(e) {
|
||||
if (e == "sendPop") {
|
||||
uni.showToast({
|
||||
title: '发货未开放',
|
||||
icon: 'none',
|
||||
duration: 1000
|
||||
})
|
||||
return;
|
||||
}
|
||||
this.handelList = []
|
||||
const choose = this.getChooseGoods()
|
||||
|
||||
|
|
|
|||
|
|
@ -1158,4 +1158,6 @@ export default {
|
|||
.pop-ball-close {
|
||||
// 删除此样式
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
<view class="lv-box-ouqi column">
|
||||
<text>
|
||||
<template v-if="userinfo.quan_yi_level.cha > 0">还差{{ userinfo.quan_yi_level.cha
|
||||
}}欧气值升级</template>
|
||||
}}欧气值升级</template>
|
||||
<template v-if="userinfo.quan_yi_level.cha == -1">已满级</template>
|
||||
</text>
|
||||
<view class="mt10 relative">
|
||||
|
|
@ -138,17 +138,15 @@
|
|||
<!-- #endif -->
|
||||
<!-- 群聊弹窗 -->
|
||||
<uni-popup ref="qunliao_show" type="center" maskBackgroundColor="rgba(0,0,0,0.8)">
|
||||
<view class="pop">
|
||||
<view class="flex">
|
||||
<image class="img100" :src="ewm" :show-menu-by-longpress="true" mode="aspectFit"></image>
|
||||
</view>
|
||||
<view class="pop-view column">
|
||||
<text class="ziti">添加客服领优惠</text>
|
||||
<text>识别图中二维码</text>
|
||||
</view>
|
||||
<image class="pop-liwu" :src="$img1('index/liwu.png')"></image>
|
||||
<view @click="$refs.qunliao_show.close()" class="pop-close flex">
|
||||
<image :src="$img1('common/close.png')" class="img100" />
|
||||
<view class="pop-ball">
|
||||
<image show-menu-by-longpress
|
||||
src="https://image.zfunbox.cn/topic/20250418/0b40de65d2fc4801517569193bfd4cac.png" mode="aspectFit"
|
||||
style="width:80vw;height:468px;position:relative;top:-14%;left:0;">
|
||||
</image>
|
||||
</view>
|
||||
<view class="pop-ball-close flex" @click="$refs.qunliao_show.close()">
|
||||
<view style="width: 48rpx;height: 48rpx;border-radius: 50%;opacity: 0.5;">
|
||||
<image show-menu-by-longpress :src="$img1('common/close.png')" class="img100" />
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
|
@ -1748,4 +1746,23 @@ button {
|
|||
color: #ffffff;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
|
||||
.pop-ball {
|
||||
width: 85vw;
|
||||
position: relative;
|
||||
border-radius: 25rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.pop-ball-close {
|
||||
margin-top: 20rpx;
|
||||
width: 100%;
|
||||
height: 50rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user