Merge branch 'old' of https://gitea.lihaink.cn/mkm/nk-shop2.0 into old
This commit is contained in:
commit
25a31e754c
@ -150,8 +150,8 @@
|
||||
});
|
||||
}).catch((err) => {
|
||||
console.log(err)
|
||||
this.$util.Tips(()=>{
|
||||
|
||||
that.$util.Tips({
|
||||
title: err
|
||||
})
|
||||
})
|
||||
} else if (res.cancel) {
|
||||
|
@ -54,6 +54,7 @@
|
||||
<image class="icon_img" :src="`${prefix}ddgl.png`" mode="aspectFill"></image>
|
||||
<text class="text">订单管理</text>
|
||||
</view> -->
|
||||
|
||||
<view class="examine"
|
||||
@click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}&stype=1`)">
|
||||
<image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill">
|
||||
@ -83,7 +84,7 @@
|
||||
</image>
|
||||
<text class="text">订单核销</text>
|
||||
</view>
|
||||
<view class="examine" @click="navigator(`/pages/margin/margin`)">
|
||||
<view class="examine" @click="margin(`/pages/margin/margin`)">
|
||||
<image class="icon_img" src="@/static/images/jy.png">
|
||||
</image>
|
||||
<text class="text">缴纳保证金</text>
|
||||
@ -323,7 +324,7 @@
|
||||
<text class="text">商户设置</text>
|
||||
</view>
|
||||
|
||||
<view class="examine" @click="navigator(`/pages/margin/margin`)">
|
||||
<view class="examine" @click="margin(`/pages/margin/margin`)">
|
||||
<image class="icon_img" src="@/static/images/jy.png">
|
||||
</image>
|
||||
<text class="text">缴纳保证金</text>
|
||||
@ -394,7 +395,7 @@
|
||||
</image>
|
||||
<text class="text">商户设置</text>
|
||||
</view>
|
||||
<view class="examine" @click="navigator(`/pages/margin/margin`)">
|
||||
<view class="examine" @click="margin(`/pages/margin/margin`)">
|
||||
<image class="icon_img" src="@/static/images/jy.png">
|
||||
</image>
|
||||
<text class="text">缴纳保证金</text>
|
||||
@ -886,10 +887,7 @@
|
||||
})
|
||||
},
|
||||
navigator(url, t) {
|
||||
|
||||
if (this.userInfoData.mer_info.mer_settlement_agree_status == 0) {
|
||||
|
||||
|
||||
if (this.codenote.length == 0) {
|
||||
this.isFshow = true
|
||||
this.countDown()
|
||||
@ -904,7 +902,6 @@
|
||||
}
|
||||
}
|
||||
} else {
|
||||
|
||||
uni.navigateTo({
|
||||
url: url
|
||||
})
|
||||
|
@ -1,138 +1,248 @@
|
||||
<template>
|
||||
<view class="">
|
||||
|
||||
<view class="">
|
||||
<view class="">
|
||||
<view v-if="showtit">
|
||||
<view :class="{'head':true,'show':showtit}" style="padding-top: var(--status-bar-height);">
|
||||
<view style="display: flex;align-items: center;">
|
||||
<view
|
||||
:class="{ head: true, show: showtit }"
|
||||
style="padding-top: var(--status-bar-height)"
|
||||
>
|
||||
<view style="display: flex; align-items: center">
|
||||
<!-- <u--image :showLoading="true" v-if="cloudList.length>0" src="/static/images/LHYC/FH.png"
|
||||
width="50.82rpx" height="50.82rpx" @click='goBack'></u--image>
|
||||
|
||||
<u--image v-else :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
|
||||
height="50.82rpx" @click='goBack'></u--image> -->
|
||||
|
||||
<i class="iconfont icon-xiangzuo" v-if="cloudList.length>0"
|
||||
style="font-size: 40rpx;text-align: left;" @click='goBack'></i>
|
||||
<i class="iconfont icon-xiangzuo" v-else style="font-size: 40rpx;text-align: left;"
|
||||
@click='goBack'></i>
|
||||
<i
|
||||
class="iconfont icon-xiangzuo"
|
||||
v-if="cloudList.length > 0"
|
||||
style="font-size: 40rpx; text-align: left"
|
||||
@click="goBack"
|
||||
></i>
|
||||
<i
|
||||
class="iconfont icon-xiangzuo"
|
||||
v-else
|
||||
style="font-size: 40rpx; text-align: left"
|
||||
@click="goBack"
|
||||
></i>
|
||||
|
||||
|
||||
<view class="head_tit" v-if="cloudList.length"
|
||||
style="font-size: 40rpx;transform: skewX(-10deg);font-weight: bold;"
|
||||
:style="{color:cloudList.length>0?'':'black'}">
|
||||
<view
|
||||
class="head_tit"
|
||||
v-if="cloudList.length"
|
||||
style="
|
||||
font-size: 40rpx;
|
||||
transform: skewX(-10deg);
|
||||
font-weight: bold;
|
||||
"
|
||||
:style="{ color: cloudList.length > 0 ? '' : 'black' }"
|
||||
>
|
||||
{{ town }}里海云仓
|
||||
</view>
|
||||
</view>
|
||||
<view class="" style="display: flex;align-items: center;">
|
||||
<view class="head_r" @click="showPop=true" v-if="cloudList.length>0">
|
||||
<u--image v-if="cloudList.length>0" :showLoading="true" src="/static/images/LHYC/QB.png"
|
||||
width="50.82rpx" height="50.82rpx"></u--image>
|
||||
<u--image v-else :showLoading="true" src="/static/images/LHYC/QB1.png" width="50.82rpx"
|
||||
height="50.82rpx"></u--image>
|
||||
</view>
|
||||
|
||||
<view class="" style="display: flex; align-items: center">
|
||||
<view
|
||||
class="head_r"
|
||||
@click="showPop = true"
|
||||
v-if="cloudList.length > 0"
|
||||
>
|
||||
<u--image
|
||||
v-if="cloudList.length > 0"
|
||||
:showLoading="true"
|
||||
src="/static/images/LHYC/QB.png"
|
||||
width="50.82rpx"
|
||||
height="50.82rpx"
|
||||
></u--image>
|
||||
<u--image
|
||||
v-else
|
||||
:showLoading="true"
|
||||
src="/static/images/LHYC/QB1.png"
|
||||
width="50.82rpx"
|
||||
height="50.82rpx"
|
||||
></u--image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- 滚动 -->
|
||||
<view :class="{'heads':true,'show':!showtit}" style="padding-top: var(--status-bar-height);">
|
||||
<view style="align-items: center;display: flex;justify-content: space-between;">
|
||||
<view class="" style="display: flex;align-items: center;">
|
||||
<view class="back" style="margin-right: 17rpx;">
|
||||
<view
|
||||
:class="{ heads: true, show: !showtit }"
|
||||
style="padding-top: var(--status-bar-height)"
|
||||
>
|
||||
<view
|
||||
style="
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
"
|
||||
>
|
||||
<view class="" style="display: flex; align-items: center">
|
||||
<view class="back" style="margin-right: 17rpx">
|
||||
<!-- <u--image :showLoading="true" src="/static/images/LHYC/FH.png" width="50.82rpx"
|
||||
height="50.82rpx" @click='goBack'></u--image> -->
|
||||
<i class="iconfont icon-xiangzuo" style="font-size: 40rpx;text-align: left;"
|
||||
@click='goBack'></i>
|
||||
<i
|
||||
class="iconfont icon-xiangzuo"
|
||||
style="font-size: 40rpx; text-align: left"
|
||||
@click="goBack"
|
||||
></i>
|
||||
</view>
|
||||
<!-- <view class="" style="font-size: 40rpx;transform: skewX(-10deg);font-weight: 700;">
|
||||
{town}}
|
||||
</view> -->
|
||||
<view class="head_tit" v-if="cloudList.length"
|
||||
style="font-size: 40rpx;transform: skewX(-10deg);font-weight: bold;"
|
||||
:style="{color:cloudList.length>0?'':'black'}">
|
||||
<view
|
||||
class="head_tit"
|
||||
v-if="cloudList.length"
|
||||
style="
|
||||
font-size: 40rpx;
|
||||
transform: skewX(-10deg);
|
||||
font-weight: bold;
|
||||
"
|
||||
:style="{ color: cloudList.length > 0 ? '' : 'black' }"
|
||||
>
|
||||
{{ town }}里海云仓
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view style="position: relative;width: 289.14rpx;">
|
||||
<u-search borderColor="#FF6D20" bgColor="white" :showAction="false" placeholder="请输入..."
|
||||
v-model="keyword" class="serch_cls"></u-search>
|
||||
<view style="position: relative; width: 289.14rpx">
|
||||
<u-search
|
||||
borderColor="#FF6D20"
|
||||
bgColor="white"
|
||||
:showAction="false"
|
||||
placeholder="请输入..."
|
||||
v-model="keyword"
|
||||
class="serch_cls"
|
||||
></u-search>
|
||||
<!-- <u--image class="img_cls" :showLoading="true" src="/static/images/GXSC/SSBT.png"
|
||||
width="115.65rpx" height="56.82rpx" @click="serch"></u--image> -->
|
||||
|
||||
<view class="serchbtn img_cls" @click="serch">搜索</view>
|
||||
</view>
|
||||
<view class='head_r' @click="showPop=true">
|
||||
<u--image :showLoading="true" src="/static/images/LHYC/QB.png" width="50.82rpx"
|
||||
height="50.82rpx"></u--image>
|
||||
<text class="" style="height: 5px;"></text>
|
||||
<view class="flags">
|
||||
|
||||
</view>
|
||||
<view class="head_r" @click="showPop = true">
|
||||
<u--image
|
||||
:showLoading="true"
|
||||
src="/static/images/LHYC/QB.png"
|
||||
width="50.82rpx"
|
||||
height="50.82rpx"
|
||||
></u--image>
|
||||
<text class="" style="height: 5px"></text>
|
||||
<view class="flags"> </view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="box" v-if="cloudList.length > 0">
|
||||
<view :class="act_swiper">
|
||||
<swiper :autoplay="false" :active-class="activeClass" :interval="3000" class="swipers"
|
||||
:circular="true" previous-margin='0rpx' next-margin='0rpx' :current="current"
|
||||
:disable-touch="true">
|
||||
<swiper
|
||||
:autoplay="false"
|
||||
:active-class="activeClass"
|
||||
:interval="3000"
|
||||
class="swipers"
|
||||
:circular="true"
|
||||
previous-margin="0rpx"
|
||||
next-margin="0rpx"
|
||||
:current="current"
|
||||
:disable-touch="true"
|
||||
>
|
||||
<swiper-item v-for="(item, index) in cloudList">
|
||||
<u--image :showLoading="true" :src="item.cover" :class="act_img" width="750rpx"
|
||||
height="718.46rpx"></u--image>
|
||||
<u--image
|
||||
:showLoading="true"
|
||||
:src="item.cover"
|
||||
:class="act_img"
|
||||
width="750rpx"
|
||||
height="718.46rpx"
|
||||
></u--image>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
</view>
|
||||
<view class="" style="height:718.46rpx;" v-if="act_swiper">
|
||||
<view class="" style="height: 718.46rpx" v-if="act_swiper"> </view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
<view class="menu" v-if="showtit" style="transition: 1s;">
|
||||
<swiper :autoplay="false" :active-class="activeClass" :interval="3000" class="swiper"
|
||||
:circular="true" previous-margin='280rpx' next-margin='280rpx' :current="current"
|
||||
@change="test">
|
||||
<swiper-item v-for="(item,index) in cloudList" :key="index" @click="clickSwiperFn(index)">
|
||||
<view class="swiper_item" :class="{'swiper_item_act':index==current, 'swiper_item_act2':index==current-1||index==current+1}">
|
||||
<u--image :showLoading="true" :src="item.background" class="swiper_b"
|
||||
width="140.19rpx" height="140.19rpx"></u--image>
|
||||
<view class="menu" v-if="showtit" style="transition: 1s">
|
||||
<swiper
|
||||
:autoplay="false"
|
||||
:active-class="activeClass"
|
||||
:interval="3000"
|
||||
class="swiper"
|
||||
:circular="true"
|
||||
previous-margin="280rpx"
|
||||
next-margin="280rpx"
|
||||
:current="current"
|
||||
@change="test"
|
||||
>
|
||||
<swiper-item
|
||||
v-for="(item, index) in cloudList"
|
||||
:key="index"
|
||||
@click="clickSwiperFn(index)"
|
||||
>
|
||||
<view
|
||||
class="swiper_item"
|
||||
:class="{
|
||||
swiper_item_act: index == current,
|
||||
swiper_item_act2:
|
||||
index == current - 1 || index == current + 1,
|
||||
}"
|
||||
>
|
||||
<u--image
|
||||
:showLoading="true"
|
||||
:src="item.background"
|
||||
class="swiper_b"
|
||||
width="140.19rpx"
|
||||
height="140.19rpx"
|
||||
></u--image>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 商品列表 -->
|
||||
<view class="content">
|
||||
<view class="content_sift" :style="{position:pocls,top:(headtop)+'px'}" v-if="!showtit">
|
||||
<view :class="{act:item.act,price_sift:true}" v-for="item,index in actList" :key="index"
|
||||
@click="screenGoods(item.screen,index)">
|
||||
<view
|
||||
class="content_sift"
|
||||
:style="{ position: pocls, top: headtop + 'px' }"
|
||||
v-if="!showtit"
|
||||
>
|
||||
<view
|
||||
:class="{ act: item.act, price_sift: true }"
|
||||
v-for="(item, index) in actList"
|
||||
:key="index"
|
||||
@click="screenGoods(item.screen, index)"
|
||||
>
|
||||
{{ item.tit }}
|
||||
<view class="" v-if="index==2" style="margin-left: 10rpx;">
|
||||
<u-icon name="arrow-up" :color="item.price&&item.act?'#FF6D20':'black'"
|
||||
size="10"></u-icon>
|
||||
<u-icon name="arrow-down" :color="!item.price&&item.act?'#FF6D20':'black'"
|
||||
size="10"></u-icon>
|
||||
<view class="" v-if="index == 2" style="margin-left: 10rpx">
|
||||
<u-icon
|
||||
name="arrow-up"
|
||||
:color="item.price && item.act ? '#FF6D20' : 'black'"
|
||||
size="10"
|
||||
></u-icon>
|
||||
<u-icon
|
||||
name="arrow-down"
|
||||
:color="!item.price && item.act ? '#FF6D20' : 'black'"
|
||||
size="10"
|
||||
></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="goods_list" v-if="goodsList.length > 0">
|
||||
<view class="empty" v-if='showLoading'>
|
||||
<u-loading-icon v-if='showLoading' text="加载中" textSize="18"></u-loading-icon>
|
||||
<view class="empty" v-if="showLoading">
|
||||
<u-loading-icon
|
||||
v-if="showLoading"
|
||||
text="加载中"
|
||||
textSize="18"
|
||||
></u-loading-icon>
|
||||
</view>
|
||||
<view class="goods" @click="goodDetail(item)" v-else v-for="item,index in goodsList">
|
||||
<view
|
||||
class="goods"
|
||||
@click="goodDetail(item)"
|
||||
v-else
|
||||
v-for="(item, index) in goodsList"
|
||||
>
|
||||
<view class="left">
|
||||
<u--image :showLoading="true" :src="item.image" width="192.76rpx"
|
||||
height="192.76rpx"></u--image>
|
||||
<u--image
|
||||
:showLoading="true"
|
||||
:src="item.image"
|
||||
width="192.76rpx"
|
||||
height="192.76rpx"
|
||||
></u--image>
|
||||
</view>
|
||||
<view class="right">
|
||||
<view class="tit">
|
||||
@ -141,36 +251,53 @@
|
||||
</view>
|
||||
<view class="">
|
||||
<view class="good_score">
|
||||
<text style="margin-right: 10rpx;color: #F84221;">{{item.rate}}</text>
|
||||
<text style="margin-right: 10rpx; color: #f84221">{{
|
||||
item.rate
|
||||
}}</text>
|
||||
<text>{{ item.reply_count }}评论</text>
|
||||
</view>
|
||||
<view class="good_price">
|
||||
<view class="good_price_l">
|
||||
<view class=""
|
||||
style="color: #F84221;font-size: 22.78rpx;font-weight: bold;">
|
||||
¥<text style="font-size: 30rpx;">{{item.price}}</text>
|
||||
</view>
|
||||
<view class="old_price">
|
||||
¥30.00
|
||||
<view
|
||||
class=""
|
||||
style="
|
||||
color: #f84221;
|
||||
font-size: 22.78rpx;
|
||||
font-weight: bold;
|
||||
"
|
||||
>
|
||||
¥<text style="font-size: 30rpx">{{
|
||||
item.price
|
||||
}}</text>
|
||||
</view>
|
||||
<view class="old_price"> ¥30.00 </view>
|
||||
</view>
|
||||
<view class="good_price_r">
|
||||
<view :class="{x_tra:trnList[index].bottom }"
|
||||
:style="`transform:translateY(${trnList[index].bottom}px);transition:${trnList[index].bottom?1:0}s cubic-bezier(0.4, -0.9, 0.75, 1);`"
|
||||
@click.stop="addcart(item,index)">
|
||||
<u--image :class="'act_class'+index"
|
||||
:style="`transform:translateX(${trnList[index].left}px);transition:${trnList[index].bottom?1:0}s `"
|
||||
src="/static/images/LHYC/J.png" width="49.07rpx"
|
||||
height="49.07rpx"></u--image>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view
|
||||
:class="{ x_tra: trnList[index].bottom }"
|
||||
:style="`transform:translateY(${
|
||||
trnList[index].bottom
|
||||
}px);transition:${
|
||||
trnList[index].bottom ? 1 : 0
|
||||
}s cubic-bezier(0.4, -0.9, 0.75, 1);`"
|
||||
@click.stop="addcart(item, index)"
|
||||
>
|
||||
<u--image
|
||||
:class="'act_class' + index"
|
||||
:style="`transform:translateX(${
|
||||
trnList[index].left
|
||||
}px);transition:${trnList[index].bottom ? 1 : 0}s `"
|
||||
src="/static/images/LHYC/J.png"
|
||||
width="49.07rpx"
|
||||
height="49.07rpx"
|
||||
></u--image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="height: 100rpx;">
|
||||
</view>
|
||||
</view>
|
||||
<view style="height: 100rpx">
|
||||
<u-loadmore :status="status" />
|
||||
</view>
|
||||
</view>
|
||||
@ -178,8 +305,12 @@
|
||||
<view v-else>
|
||||
<view class="empty">
|
||||
<view class="info">
|
||||
<u--image :showLoading="true" src="/static/images/noCart.png" width="400.09rpx"
|
||||
height="400.09rpx"></u--image>
|
||||
<u--image
|
||||
:showLoading="true"
|
||||
src="/static/images/noCart.png"
|
||||
width="400.09rpx"
|
||||
height="400.09rpx"
|
||||
></u--image>
|
||||
<view class="" style="text-align: center; color: #999">
|
||||
暂无商品
|
||||
</view>
|
||||
@ -187,100 +318,114 @@
|
||||
</view>
|
||||
</view>
|
||||
<!-- 购物车 -->
|
||||
<view class="card" :style="`bottom:${appInfo.bottom}px`"
|
||||
@click="navgo('/pages/order_addcart/order_addcart')">
|
||||
<view
|
||||
class="card"
|
||||
:style="`bottom:${appInfo.bottom}px`"
|
||||
@click="navgo('/pages/order_addcart/order_addcart')"
|
||||
>
|
||||
<view class="left">
|
||||
<view class="cart" :class="{act_cart:act_cart}"
|
||||
style="position: relative;z-index: 9999999;">
|
||||
<u--image :showLoading="true" src="/static/images/LHYC/GWC.png" width="63.09rpx"
|
||||
height="63.09rpx"></u--image>
|
||||
<view
|
||||
class="cart"
|
||||
:class="{ act_cart: act_cart }"
|
||||
style="position: relative; z-index: 9999999"
|
||||
>
|
||||
<u--image
|
||||
:showLoading="true"
|
||||
src="/static/images/LHYC/GWC.png"
|
||||
width="63.09rpx"
|
||||
height="63.09rpx"
|
||||
></u--image>
|
||||
|
||||
<view class="badge" v-show="goodsNum">
|
||||
{{ goodsNum }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="tot_price">
|
||||
<view class="">
|
||||
¥{{totalMoney}}
|
||||
</view>
|
||||
<view class="">
|
||||
支持配送 售后无忧
|
||||
<view class=""> ¥{{ totalMoney }} </view>
|
||||
<view class=""> 支持配送 售后无忧 </view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
去结算
|
||||
<view class="right"> 去结算 </view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<!-- 组件 -->
|
||||
<view class="" v-if="showPop">
|
||||
<u-popup mode="right" :show="showPop" @close="showPop=false" @open="showPop=true">
|
||||
<u-popup
|
||||
mode="right"
|
||||
:show="showPop"
|
||||
@close="showPop = false"
|
||||
@open="showPop = true"
|
||||
>
|
||||
<view class="pop">
|
||||
<view style="height: var(--status-bar-height);"></view>
|
||||
<view class="pop_head" style="display: flex;">
|
||||
<u--image :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
|
||||
height="50.82rpx" @click='showPop=false'></u--image>
|
||||
<view class="head_tit">
|
||||
里海云仓
|
||||
</view>
|
||||
<view style="height: var(--status-bar-height)"></view>
|
||||
<view class="pop_head" style="display: flex">
|
||||
<u--image
|
||||
:showLoading="true"
|
||||
src="/static/images/LHYC/PFH.png"
|
||||
width="50.82rpx"
|
||||
height="50.82rpx"
|
||||
@click="showPop = false"
|
||||
></u--image>
|
||||
<view class="head_tit"> 里海云仓 </view>
|
||||
</view>
|
||||
<view class="pop_content" v-if="cloudList.length">
|
||||
<view class="pop_li" @click="all(index)" v-for="item,index in cloudList" :key="index">
|
||||
<u--image :showLoading="true" :src="item.background" width="84.11rpx"
|
||||
height="84.11rpx"></u--image>
|
||||
<view class="" style="margin-left: 20rpx;">
|
||||
<view style="font-size: 33.29rpx;color: black;">
|
||||
<view
|
||||
class="pop_li"
|
||||
@click="all(index)"
|
||||
v-for="(item, index) in cloudList"
|
||||
:key="index"
|
||||
>
|
||||
<u--image
|
||||
:showLoading="true"
|
||||
:src="item.background"
|
||||
width="84.11rpx"
|
||||
height="84.11rpx"
|
||||
></u--image>
|
||||
<view class="" style="margin-left: 20rpx">
|
||||
<view style="font-size: 33.29rpx; color: black">
|
||||
{{ item.category_name }}云仓服务
|
||||
</view>
|
||||
<view class="" style="font-size: 22.78rpx;">
|
||||
<view class="" style="font-size: 22.78rpx">
|
||||
{{ item.description }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view v-else>
|
||||
<!-- <u--image :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx" height="50.82rpx"
|
||||
@click='goBack'></u--image>
|
||||
</view> -->
|
||||
<view class="yuncangempty">
|
||||
|
||||
<u--image :showLoading="true" src="/static/images/noCart.png" width="400.09rpx"
|
||||
height="400.09rpx"></u--image>
|
||||
<u--image
|
||||
:showLoading="true"
|
||||
src="/static/images/noCart.png"
|
||||
width="400.09rpx"
|
||||
height="400.09rpx"
|
||||
></u--image>
|
||||
<view class="" style="text-align: center; color: #999">
|
||||
当前区域暂无云仓
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</u-popup>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<view class="empty" style="" v-if="cloudList.length <= 0">
|
||||
<view style="height: var(--status-bar-height)"></view>
|
||||
|
||||
<view style="height: var(--status-bar-height);"></view>
|
||||
|
||||
|
||||
<view style="padding: 10rpx;">
|
||||
|
||||
<view style="padding: 10rpx">
|
||||
<view class="info">
|
||||
<u--image :showLoading="true" src="/static/images/noCart.png" width="400.09rpx"
|
||||
height="400.09rpx"></u--image>
|
||||
<u--image
|
||||
:showLoading="true"
|
||||
src="/static/images/noCart.png"
|
||||
width="400.09rpx"
|
||||
height="400.09rpx"
|
||||
></u--image>
|
||||
<view class="" style="text-align: center; color: #999">
|
||||
当前区域暂无云仓
|
||||
</view>
|
||||
@ -289,39 +434,46 @@
|
||||
|
||||
<!-- 多规格购物车 -->
|
||||
|
||||
|
||||
|
||||
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse">
|
||||
<authorize
|
||||
@onLoadFun="onLoadFun"
|
||||
:isAuto="isAuto"
|
||||
:isShowAuth="isShowAuth"
|
||||
@authColse="authColse"
|
||||
>
|
||||
</authorize>
|
||||
<view class="" :style="`height:${appInfo.bottom}px;`">
|
||||
<view class="" :style="`height:${appInfo.bottom}px;`"> </view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<view class="">
|
||||
<u-picker :defaultIndex="defaInd" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
|
||||
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
|
||||
<u-picker
|
||||
:defaultIndex="defaInd"
|
||||
:show="showPicker"
|
||||
ref="uPicker"
|
||||
:columns="columnData"
|
||||
@confirm="confirm"
|
||||
@cancel="showPicker = false"
|
||||
@change="changeHandler"
|
||||
keyName="name"
|
||||
></u-picker>
|
||||
</view>
|
||||
<view class="" v-if="showcartpop">
|
||||
<u-popup :show="showcartpop" @close="closecartpop" @open="opencartpop">
|
||||
<view class="sku">
|
||||
<view class="sku_head">
|
||||
<view class="sku_head_l">
|
||||
<u--image :showLoading="true" :src="skuform.image" width="200.09rpx"
|
||||
height="200.09rpx"></u--image>
|
||||
<u--image
|
||||
:showLoading="true"
|
||||
:src="skuform.image"
|
||||
width="200.09rpx"
|
||||
height="200.09rpx"
|
||||
></u--image>
|
||||
</view>
|
||||
<view class="sku_head_r">
|
||||
<view class="sku_goods_tit">
|
||||
{{ skuform.store_info }}
|
||||
</view>
|
||||
<view class="">
|
||||
<view class="sku_goods_price">
|
||||
¥ {{skuform.price}}
|
||||
</view>
|
||||
<view class="sku_goods_price"> ¥ {{ skuform.price }} </view>
|
||||
<view class="sku_goods_num" v-if="this.skusize">
|
||||
库存:{{ skuform.sku[this.skusize].stock }}
|
||||
</view>
|
||||
@ -329,34 +481,31 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="sku_size">
|
||||
<view class="" style="margin-bottom: 10rpx;">
|
||||
尺码
|
||||
</view>
|
||||
<view class="" style="margin-bottom: 10rpx"> 尺码 </view>
|
||||
<view class="">
|
||||
<text class="size_li" :class="{act_size_li:item.sku==skusize}"
|
||||
v-for="(item,index) in skuform.sku" @click="skusizechange(item.sku)">{{item.sku}}</text>
|
||||
|
||||
<text
|
||||
class="size_li"
|
||||
:class="{ act_size_li: item.sku == skusize }"
|
||||
v-for="(item, index) in skuform.sku"
|
||||
@click="skusizechange(item.sku)"
|
||||
>{{ item.sku }}</text
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
<view class="sku_num">
|
||||
<view class=""> 数量 </view>
|
||||
<view class="">
|
||||
数量
|
||||
</view>
|
||||
<view class="">
|
||||
<u-number-box v-model="skuNumber" @change="valChange"></u-number-box>
|
||||
<u-number-box
|
||||
v-model="skuNumber"
|
||||
@change="valChange"
|
||||
></u-number-box>
|
||||
</view>
|
||||
</view>
|
||||
<view class="skuaddcart" @click="skuaddcart">
|
||||
确定
|
||||
</view>
|
||||
|
||||
<view class="skuaddcart" @click="skuaddcart"> 确定 </view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@ -492,7 +641,7 @@
|
||||
.boundingClientRect(rect => {
|
||||
// console.log(this.cartTagInfo, 6666)
|
||||
that.cartTagInfo = rect
|
||||
// console.log(rect)
|
||||
|
||||
})
|
||||
.exec();
|
||||
console.log(that.headtop)
|
||||
@ -914,12 +1063,12 @@
|
||||
@keyframes addcart {
|
||||
from {
|
||||
// background-color: red;
|
||||
opacity: 1,
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
// background-color: yellow;
|
||||
opacity: 0,
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.serchbtn {
|
||||
@ -932,7 +1081,7 @@
|
||||
text-align: center;
|
||||
line-height: 50rpx;
|
||||
// background-color: #FEAB00;
|
||||
background: linear-gradient(to right, #F84221, #FF6D20);
|
||||
background: linear-gradient(to right, #f84221, #ff6d20);
|
||||
}
|
||||
.selected-list {
|
||||
padding: 24rpx 14rpx;
|
||||
@ -946,8 +1095,6 @@
|
||||
opacity: 0;
|
||||
transition: 0.5s;
|
||||
|
||||
|
||||
|
||||
.triangle-up {
|
||||
width: 0;
|
||||
height: 0;
|
||||
@ -960,13 +1107,12 @@
|
||||
|
||||
.selected-li {
|
||||
margin-top: 35rpx;
|
||||
color: #F84221;
|
||||
color: #f84221;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.sku {
|
||||
padding: 20rpx;
|
||||
|
||||
@ -1008,16 +1154,15 @@
|
||||
margin-right: 20rpx;
|
||||
text-align: center;
|
||||
color: black;
|
||||
border: 1px solid #EBECEE;
|
||||
border: 1px solid #ebecee;
|
||||
|
||||
// height: 2;
|
||||
}
|
||||
|
||||
.act_size_li {
|
||||
background-color: #FF5C2D;
|
||||
background-color: #ff5c2d;
|
||||
color: white;
|
||||
border: #FF5C2D 1px solid;
|
||||
|
||||
border: #ff5c2d 1px solid;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1028,7 +1173,7 @@
|
||||
|
||||
.skuaddcart {
|
||||
width: 50vw;
|
||||
background-color: #FEAB00;
|
||||
background-color: #feab00;
|
||||
margin: 20rpx auto;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
@ -1047,7 +1192,7 @@
|
||||
.swiper_item {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
transition: .5s;
|
||||
transition: 0.5s;
|
||||
padding: 40rpx;
|
||||
// transform: scale(1.2);
|
||||
}
|
||||
@ -1061,7 +1206,6 @@
|
||||
|
||||
// .swiper_item:hover {}
|
||||
|
||||
|
||||
// .swiper_item {
|
||||
// transform: scale(1.2);
|
||||
// }
|
||||
@ -1092,26 +1236,21 @@
|
||||
z-index: 9999;
|
||||
background-color: white;
|
||||
// padding: 0 10rpx;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.active_swiper {
|
||||
transform: scale(1.3);
|
||||
// transform: translateX() translateY();
|
||||
|
||||
}
|
||||
|
||||
.pictrue {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 345rpx;
|
||||
|
||||
}
|
||||
|
||||
.act {
|
||||
color: #FF6D20;
|
||||
color: #ff6d20;
|
||||
}
|
||||
|
||||
.act_content {
|
||||
@ -1119,7 +1258,7 @@
|
||||
// position: absolute;
|
||||
// top: 965rpx;
|
||||
z-index: 99;
|
||||
background-color: #F4F4F4;
|
||||
background-color: #f4f4f4;
|
||||
padding: 0 10rpx;
|
||||
|
||||
// transition: opt\ linear;
|
||||
@ -1134,14 +1273,12 @@
|
||||
transform: scale(2);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.content_act {
|
||||
width: 100vw;
|
||||
position: absolute;
|
||||
top: 165rpx;
|
||||
z-index: 99;
|
||||
background-color: #F4F4F4;
|
||||
background-color: #f4f4f4;
|
||||
padding: 0 10rpx;
|
||||
}
|
||||
}
|
||||
@ -1149,7 +1286,6 @@
|
||||
.fade-enter-active,
|
||||
.fade-leave-active {
|
||||
transition: opacity 0.5s;
|
||||
|
||||
}
|
||||
|
||||
.fade-enter,
|
||||
@ -1171,7 +1307,6 @@
|
||||
top: 50%;
|
||||
right: 5rpx;
|
||||
transform: translateY(-50%);
|
||||
|
||||
}
|
||||
|
||||
.pop {
|
||||
@ -1181,7 +1316,7 @@
|
||||
.pop_content {
|
||||
width: 559rpx;
|
||||
height: 80vh;
|
||||
background-color: #F4F4F4;
|
||||
background-color: #f4f4f4;
|
||||
padding: 28rpx;
|
||||
border-radius: 21.03rpx 21.03rpx 0rpx 0rpx;
|
||||
margin-top: 47rpx;
|
||||
@ -1195,8 +1330,6 @@
|
||||
margin-bottom: 52rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.head_tit {
|
||||
@ -1213,7 +1346,6 @@
|
||||
// transform: skewX(-10deg);
|
||||
}
|
||||
|
||||
|
||||
.act {
|
||||
color: red;
|
||||
}
|
||||
@ -1227,10 +1359,7 @@
|
||||
width: 100%;
|
||||
padding: 0 20rpx;
|
||||
align-items: center;
|
||||
transition: .5s;
|
||||
|
||||
|
||||
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.heads {
|
||||
@ -1256,7 +1385,6 @@
|
||||
// height: 140.19rpx;
|
||||
// box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.5);
|
||||
// box-shadow: 0 0 100rpx 30rpx rgba(255, 255, 255, 0.9);
|
||||
|
||||
}
|
||||
|
||||
.town_name {
|
||||
@ -1298,12 +1426,11 @@
|
||||
font-size: 29.79rpx;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
.good_score {
|
||||
font-size: 26rpx;
|
||||
color: #B3B3B3;
|
||||
color: #b3b3b3;
|
||||
margin-bottom: 15rpx;
|
||||
}
|
||||
|
||||
@ -1321,14 +1448,13 @@
|
||||
display: flex;
|
||||
|
||||
.old_price {
|
||||
color: #B3B3B3;
|
||||
color: #b3b3b3;
|
||||
text-decoration: line-through;
|
||||
font-size: 26.29rpx;
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// color: greenyellow;
|
||||
@ -1353,7 +1479,6 @@
|
||||
/* #ifdef APP-PLUS */
|
||||
transform: translateY(-540rpx);
|
||||
/* #endif */
|
||||
|
||||
}
|
||||
|
||||
// .act_swiper2 {
|
||||
@ -1372,8 +1497,6 @@
|
||||
z-index: 99;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.swipers {
|
||||
@ -1414,7 +1537,7 @@
|
||||
.right {
|
||||
font-size: 33.29rpx;
|
||||
line-height: 50px;
|
||||
background: linear-gradient(to right, #F84221, #FF6D20);
|
||||
background: linear-gradient(to right, #f84221, #ff6d20);
|
||||
width: 140.19rpx;
|
||||
text-align: center;
|
||||
}
|
||||
@ -1424,7 +1547,7 @@
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background-color: #F84221;
|
||||
background-color: #f84221;
|
||||
transform: translate(50%, -50%);
|
||||
// padding: 10rpx 10rpx;
|
||||
border-radius: 35rpx;
|
||||
@ -1477,7 +1600,6 @@
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
// .body-wrapper {
|
||||
// width: 694.74rpx;
|
||||
// display: flex;
|
||||
@ -1579,13 +1701,12 @@
|
||||
.actSel {
|
||||
opacity: 1;
|
||||
// transform: translateX(100rpx);
|
||||
|
||||
}
|
||||
|
||||
.yuncangempty {
|
||||
margin: 20vh 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
Loading…
x
Reference in New Issue
Block a user