mkm/nk-shop2.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'old' of https://gitea.lihaink.cn/mkm/nk-shop2.0 into old

Browse Source
This commit is contained in:
weipengfei 2023-09-28 17:03:04 +08:00
commit 25a31e754c
3 changed files with 1681 additions and 1563 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pages/margin/margin.vue
View File

@ -150,8 +150,8 @@
}); });
}).catch((err) => { }).catch((err) => {
console.log(err) console.log(err)
this.$util.Tips(()=>{ that.$util.Tips({
title: err
}) })
}) })
} else if (res.cancel) { } else if (res.cancel) {

11
pages/moreProject/moreProject.vue
View File

@ -54,6 +54,7 @@
<image class="icon_img" :src="`${prefix}ddgl.png`" mode="aspectFill"></image> <image class="icon_img" :src="`${prefix}ddgl.png`" mode="aspectFill"></image>
<text class="text">订单管理</text> <text class="text">订单管理</text>
</view> --> </view> -->
<view class="examine" <view class="examine"
@click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}&stype=1`)"> @click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}&stype=1`)">
<image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill">
@ -83,7 +84,7 @@
</image> </image>
<text class="text">订单核销</text> <text class="text">订单核销</text>
</view> </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 class="icon_img" src="@/static/images/jy.png">
</image> </image>
<text class="text">缴纳保证金</text> <text class="text">缴纳保证金</text>
@ -323,7 +324,7 @@
<text class="text">商户设置</text> <text class="text">商户设置</text>
</view> </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 class="icon_img" src="@/static/images/jy.png">
</image> </image>
<text class="text">缴纳保证金</text> <text class="text">缴纳保证金</text>
@ -394,7 +395,7 @@
</image> </image>
<text class="text">商户设置</text> <text class="text">商户设置</text>
</view> </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 class="icon_img" src="@/static/images/jy.png">
</image> </image>
<text class="text">缴纳保证金</text> <text class="text">缴纳保证金</text>
@ -886,10 +887,7 @@
}) })
}, },
navigator(url, t) { navigator(url, t) {
if (this.userInfoData.mer_info.mer_settlement_agree_status == 0) { if (this.userInfoData.mer_info.mer_settlement_agree_status == 0) {
if (this.codenote.length == 0) { if (this.codenote.length == 0) {
this.isFshow = true this.isFshow = true
this.countDown() this.countDown()
@ -904,7 +902,6 @@
} }
} }
} else { } else {
uni.navigateTo({ uni.navigateTo({
url: url url: url
}) })

577
pages/nongKe/cloud_entrepot/index.vue
View File

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