wangxiaowei/wanjiashangchao-user
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
wanjiashangchao-user/pages/dpxq/storeDetails/storeDetails.vue
wangxiaowei 022c640d89 初始化万家商超用户端仓库
2025-04-30 14:04:34 +08:00

3293 lines
97 KiB
Vue
Raw Blame History

<template>
<view class="page" v-if="isLoading">
<view class="fu-my-background">
<image :src="backgroundImg" mode="aspectFill" />
</view>
<view class="flex benben-position-layout flex flex-wrap align-center storeDetails_flex_0"
:style="{height:(CustomBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', background: backgroundColor}">
<view class='flex flex-wrap align-stretch justify-between flex-sub storeDetails_fd0_0' :style="{marginRight: menuButtonWidth +'px'}">
<view class='flex flex-wrap align-center storeDetails_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
data-url="1">
<text class='fu-iconfont2 storeDetails_fd0_0_c0_c0'>&#xe794;</text>
</view>
<view class='flex flex-wrap align-center'>
<image class='storeDetails_fd0_0_c1_c0' :src='STATIC_URL+"73.png"' @tap.stop="handleJumpDiy"
data-type="navigateTo" :data-url="`/pages/dpxq/searchWithin/searchWithin?id=${id}`"></image>
<image class='storeDetails_fd0_0_c1_c1' mode="aspectFit" :src='STATIC_URL+"72.png"' @tap.stop="handleChatShop"></image>
<image class='storeDetails_fd0_0_c1_c2' :src='STATIC_URL+"74.png"' @tap.stop="iscollectFunctionFunc()"
v-if="is_collect=='0'"></image>
<image class='storeDetails_fd0_0_c1_c2_1' :src='STATIC_URL+"97.png"' @tap.stop="iscollectFunctionFunc()"
v-if="is_collect=='1' && opacity < 0.8"></image>
<image class='storeDetails_fd0_0_c1_c2_1' :src='STATIC_URL+"971.png"' @tap.stop="iscollectFunctionFunc()"
v-if="is_collect=='1' && opacity >= 0.8"></image>
<image class='storeDetails_fd0_0_c1_c3' :src='STATIC_URL+"70.png"'
@tap.stop="$refs.benbenPositionPopup1684720938789.open($event)"></image>
</view>
</view>
</view>
<view :style="{height: (CustomBarRpx)+'rpx'}"></view>
<benben-position-popup ref="benbenPositionPopup1684720938789" :width="172" :height="122" :mask-hide='false'
popup-origin="left top">
<view
class='flex flex-direction align-stretch justify-center benben-flex-position-popup flex storeDetails_popup_1'>
<view class='flex flex-wrap align-center justify-center' @tap.stop="popupShow1684725724594=true">
<image class='storeDetails_positionPopup1_c0_c0' mode="aspectFit" :src='STATIC_URL+"98.png"'></image>
<text class='storeDetails_positionPopup1_c0_c1'>分享商家</text>
</view>
<view class='flex flex-wrap align-center justify-center storeDetails_positionPopup1_c1'
@tap.stop="handleToReporting" data-type="navigateTo"
:data-url="`/pages/dpxq/reportingMerchants/reportingMerchants?id=${id}`">
<image class='storeDetails_positionPopup1_c1_c0' mode="aspectFit" :src='STATIC_URL+"99.png"'></image>
<text class='storeDetails_positionPopup1_c1_c1'>举报商家</text>
</view>
</view>
</benben-position-popup>
<!---flex布局flex布局开始-->
<view class="flex benben-flex-layout flex-wrap align-center storeDetails_flex_2">
<view class='flex flex-direction flex-wrap align-stretch flex-sub storeDetails_fd2_0'>
<view class='flex flex-wrap align-end justify-between storeDetails_fd2_0_c0'>
<view class='flex flex-wrap align-center storeDetails_fd2_0_c0_c0'>
<view class='flex flex-wrap align-center'>
<text class='storeDetails_fd2_0_c0_c0_c0_c0'>{{info.store_name}}</text>
</view>
<view class='flex flex-wrap align-center storeDetails_fd2_0_c0_c0_c1'>
<text class='storeDetails_fd2_0_c0_c0_c1_c0'>积分</text>
<text class='storeDetails_fd2_0_c0_c0_c1_c1'>{{info.score_rate}}</text>
<text class='storeDetails_fd2_0_c0_c0_c1_c2'>%</text>
</view>
</view>
<view class='flex flex-wrap align-center' style="position: relative;">
<image class='storeDetails_fd2_0_c0_c1_c0' mode="aspectFill" :src='info.logo'></image>
<image style="width: 50rpx; height: 50rpx; position: absolute; top: 0; right: 0; z-index: 10;" v-if="info.storelevel_thumb" :src="info.storelevel_thumb" mode="aspectFill"></image>
</view>
</view>
<view class='flex flex-wrap align-center'>
<view class='flex flex-wrap align-center storeDetails_fd2_0_c1_c1' style="margin: 0 20rpx 0 0;" v-if="info.store_type">
<text class='storeDetails_fd2_0_c1_c1_c1' style="font-size: 26rpx;color: #FF9D00;">{{info.store_type}}</text>
</view>
<view class='flex flex-wrap align-center'>
<image class='storeDetails_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"31.png"'></image>
<text class='storeDetails_fd2_0_c1_c0_c1'>{{info.score}}</text>
</view>
<view class='flex flex-wrap align-center storeDetails_fd2_0_c1_c1'>
<text class='storeDetails_fd2_0_c1_c1_c0'>关注</text>
<text class='storeDetails_fd2_0_c1_c1_c1'>{{info.collect_num}}</text>
</view>
<view class='flex flex-wrap align-center storeDetails_fd2_0_c1_c2'>
<text class='storeDetails_fd2_0_c1_c2_c0'>营业：</text>
<text class='storeDetails_fd2_0_c1_c2_c1'>{{info.open_time}}</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-between storeDetails_fd2_0_c2' v-if="info.notice">
<view class='flex flex-wrap align-start flex-sub' >
<text class='storeDetails_fd2_0_c2_c0_c0' v-if="expand=='1'">公告：</text><text
class='storeDetails_fd2_0_c2_c0_c0_1' v-if="expand=='2'">公告：</text>
<text class='storeDetails_fd2_0_c2_c0_c1' v-if="expand=='1'">{{info.notice}}</text><text
class='storeDetails_fd2_0_c2_c0_c1_1' v-if="expand=='2'">{{info.notice}}</text>
</view>
<view class='flex flex-wrap align-center storeDetails_fd2_0_c2_c1' @tap.stop="expandFunctionFunc()">
<image class='storeDetails_fd2_0_c2_c1_c0' :src='STATIC_URL+"76.png"' @tap.stop="expandFunctionFunc()"
v-if="expand=='1'"></image>
<image class='storeDetails_fd2_0_c2_c1_c0_1' :src='STATIC_URL+"64.png"' @tap.stop="expandFunctionFunc()"
v-if="expand=='2'"></image>
</view>
</view>
</view>
</view>
<!---flex布局flex布局结束-->
<!---flex布局flex布局开始-->
<view class="flex benben-flex-layout flex-wrap align-center">
<view class='flex flex-wrap align-center flex-sub'>
<view>
<benben-flex-tabs class-name='storeDetails_benbenTabsfd3_0_c0' v-model="tabls" ref="benben_tabsfd3_0_c0"
select-mark="benben_tabsfd3_0_c0" key="benben_tabsfd3_0_c0" :open-title-type='false' :open-sticky='false'
:top='0' :is-show-content='true' :scrollspy='false' :tabs-info.sync="tabsInfofd3_0_c0">
<scroll-view @scroll="tabsInfofd3_0_c0.scrollX = $event.detail.scrollLeft" id="benben_tabsfd3_0_c0"
class="benben-tabs" style="width:750rpx" :scroll-x="true" :scroll-left.sync="tabsInfofd3_0_c0.moveX"
scroll-with-animation="all .3s ease">
<view class="benben-tabs-content" id="benben_tabsfd3_0_c0-content">
<view id="benben_tabsfd3_0_c0-title" class="benben-tabs-title flex align-center flex ">
<view
:class="{ 'checkTitlefd3_0_c0': tabls == '1', 'flex flex-wrap align-center storeDetails_titlefd3_0_c0_c3': true }"
@tap="tabls = '1'" :id="`benben_tabsfd3_0_c0-title-item-${'1'}`">
<text>商品</text>
</view>
<view
:class="{ 'checkTitlefd3_0_c0': tabls == '2', 'flex flex-wrap align-end storeDetails_titlefd3_0_c0_c4': true }"
@tap="tabls = '2'" :id="`benben_tabsfd3_0_c0-title-item-${'2'}`">
<text>评价</text>
<text class='storeDetails_titleItemfd3_0_c0_c4_c1'>{{info.comment_num > 999 ? '999+' : info.comment_num }}</text>
</view>
<view :class="{ 'checkTitlefd3_0_c0': tabls == '3', 'flex flex-wrap align-center': true }"
@tap="tabls = '3'" :id="`benben_tabsfd3_0_c0-title-item-${'3'}`">
<text>商家</text>
</view>
</view>
<view :style="{ left: tabsInfofd3_0_c0.lineleft, maxWidth: tabsInfofd3_0_c0.lineWidth }"
id="benben_tabsfd3_0_c0-line"
class="benben-tabs-line flex benben-flex-tabs-line storeDetails_linefd3_0_c0"></view>
</view>
</scroll-view>
</benben-flex-tabs>
<view>
<view class="benben_tabsfd3_0_c0-body-item flex flex-direction flex-wrap align-stretch"
v-if=" tabls == '1' && swiperList.length>0" :id="`benben_tabsfd3_0_c0-body-item-${'1'}`">
<view class='flex flex-wrap align-center justify-center storeDetails_bodyItemfd3_0_c0_c3_c0'>
<view style="position: relative">
<swiper ref="benbenSwiperbodyItemfd3_0_c0_c3_c0_c0"
@change="bannerIndexbodyItemfd3_0_c0_c3_c0_c0 = $event.detail.current"
class='flex position-relative storeDetails_bodyItemfd3_0_c0_c3_c0_c0' previous-margin="0rpx"
next-margin="0rpx" :display-multiple-items="1" :interval="5000" :duration="500" :autoplay='true'
:circular='true'>
<swiper-item class='flex storeDetails_bodyItemfd3_0_c0_c3_c0_c0_c1' @tap="handleAd(item)" v-for="(item, index) in swiperList" :key="index">
<image class='storeDetails_bodyItemfd3_0_c0_c3_c0_c0_c1_c0' mode="aspectFill"
:src='item.thumb'></image>
</swiper-item>
</swiper>
</view>
</view>
</view>
<view class="benben_tabsfd3_0_c0-body-item flex flex-direction flex-wrap align-stretch"
v-if=" tabls == '2' " :id="`benben_tabsfd3_0_c0-body-item-${'2'}`">
<view class='flex flex-wrap align-center justify-around storeDetails_bodyItemfd3_0_c0_c4_c0'>
<view class='flex flex-direction flex-wrap align-center'>
<text class='storeDetails_bodyItemfd3_0_c0_c4_c0_c0_c0'>商家评分</text>
<text class='storeDetails_bodyItemfd3_0_c0_c4_c0_c0_c1'>{{info.score}}</text>
</view>
<view class='flex storeDetails_bodyItemfd3_0_c0_c4_c0_c1'></view>
<view class='flex flex-direction flex-wrap align-center'>
<text class='storeDetails_bodyItemfd3_0_c0_c4_c0_c2_c0'>服务态度</text>
<text class='storeDetails_bodyItemfd3_0_c0_c4_c0_c2_c1'>{{info.service_score}}</text>
</view>
<view class='flex storeDetails_bodyItemfd3_0_c0_c4_c0_c3'></view>
<view class='flex flex-direction flex-wrap align-center'>
<text class='storeDetails_bodyItemfd3_0_c0_c4_c0_c4_c0'>菜品口味</text>
<text class='storeDetails_bodyItemfd3_0_c0_c4_c0_c4_c1'>{{info.goods_score}}</text>
</view>
</view>
<view class='flex flex-wrap align-center storeDetails_bodyItemfd3_0_c0_c4_c1'>
<benben-select-diy ref="showSelectPopup1684555028116" class-name='flex flex-wrap flex'
:items.sync="evaluate_List" v-model="evaluate_id" default-type="value" default-label="name"
:allow-cancel='false' type="radio" :disabled='false' @change="handleCommentTypeChange">
<template v-for='(item,key0) in evaluate_List'>
<view v-if="item.isSelected"
class='flex align-center flex storeDetails_bodyItemfd3_0_c0_c4_c1_c0_c0' :key="key0"
@tap="$refs.showSelectPopup1684555028116.tapHandle(key0)">
<text>{{item.name}}</text>
<text class='storeDetails_bodyItemfd3_0_c0_c4_c1_c0_c0_c1'>{{item.num > 999 ? '999+' : item.num}}</text>
</view>
<view v-else class='flex align-center flex storeDetails_bodyItemfd3_0_c0_c4_c1_c0_c1' :key="key0"
@tap="$refs.showSelectPopup1684555028116.tapHandle(key0)">
<text>{{item.name}}</text>
<text class='storeDetails_bodyItemfd3_0_c0_c4_c1_c0_c1_c1'>{{item.num > 999 ? '999+' : item.num}}</text>
</view>
</template>
</benben-select-diy>
</view>
<fu-loading v-if="isShowLoading"></fu-loading>
<fu-empty-ui v-if="commentList.length === 0 && isInit"></fu-empty-ui>
<view class='flex flex-direction flex-wrap align-stretch storeDetails_bodyItemfd3_0_c0_c4_c2' v-for="(item, index) in commentList" :key="index">
<view class='flex flex-wrap align-center justify-between storeDetails_bodyItemfd3_0_c0_c4_c2_c0'>
<view class='flex flex-wrap align-center'>
<view class='flex flex-wrap align-center storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c0_c0'>
<image class='storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c0_c0_c0' mode="aspectFill"
:src='item.avatar'></image>
</view>
<view class='flex flex-direction flex-wrap align-start'>
<text class='storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c0_c1_c0'>{{item.user_nickname}}</text>
<view class='flex flex-wrap align-center storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c0_c1_c1'>
<template v-for="starNum in [1,2,3,4,5]">
<image v-if="item.score >= starNum" :key="starNum"
class='storeDetails_star1bodyItemfd3_0_c0_c4_c2_c0_c0_c1_c1' mode="aspectFit"
:src='STATIC_URL+"31.png"'></image>
<image v-else :key="starNum" class='storeDetails_star1bodyItemfd3_0_c0_c4_c2_c0_c0_c1_c1'
mode="aspectFit" :src='STATIC_URL+"164.png"'></image>
</template>
</view>
</view>
</view>
<view class='flex flex-wrap align-center'>
<text class='storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c1_c0'>{{item.create_time}}</text>
</view>
</view>
<view class='flex flex-wrap align-center storeDetails_bodyItemfd3_0_c0_c4_c2_c1'>
<text class='storeDetails_bodyItemfd3_0_c0_c4_c2_c1_c0'>{{item.content}}</text>
</view>
<view class='flex flex-wrap align-center'>
<image @tap.stop="ViewImage(item.images,i)" v-for="(img, i) in item.images" :key="i" class='storeDetails_bodyItemfd3_0_c0_c4_c2_c2_c0' mode="aspectFill" :src='img'>
</image>
</view>
</view>
<uni-load-more v-if="commentList.length !=0 " :status="status"></uni-load-more>
</view>
<view
class="benben_tabsfd3_0_c0-body-item flex flex-direction flex-wrap align-stretch storeDetails_bodyfd3_0_c0_c5"
v-if=" tabls == '3' " :id="`benben_tabsfd3_0_c0-body-item-${'3'}`">
<view class='flex flex-wrap align-start storeDetails_bodyItemfd3_0_c0_c5_c0'>
<text class='storeDetails_bodyItemfd3_0_c0_c5_c0_c0'>商家简介</text>
<text class='storeDetails_bodyItemfd3_0_c0_c5_c0_c1'>{{info.synopsis || '暂无简介'}}</text>
</view>
<view class='flex flex-wrap align-start storeDetails_bodyItemfd3_0_c0_c5_c1'>
<text class='storeDetails_bodyItemfd3_0_c0_c5_c1_c0'>营业时间</text>
<text class='storeDetails_bodyItemfd3_0_c0_c5_c1_c1'>{{info.open_time}}</text>
</view>
<view class='flex flex-wrap align-center storeDetails_bodyItemfd3_0_c0_c5_c2'>
<view class='flex flex-wrap align-center'>
<text class='storeDetails_bodyItemfd3_0_c0_c5_c2_c0_c0'>商家电话</text>
</view>
<view
class='flex flex-wrap align-center justify-between flex-sub storeDetails_bodyItemfd3_0_c0_c5_c2_c1'>
<text class='storeDetails_bodyItemfd3_0_c0_c5_c2_c1_c0'>{{info.service_phone}}</text>
<image @tap="phoneTap(info.service_phone)" class='storeDetails_bodyItemfd3_0_c0_c5_c2_c1_c1' mode="aspectFit" :src='STATIC_URL+"78.png"'>
</image>
</view>
</view>
<view class='flex flex-wrap align-start storeDetails_bodyItemfd3_0_c0_c5_c3' @click="handleToMap">
<text class='storeDetails_bodyItemfd3_0_c0_c5_c3_c0'>商家地址</text>
<text class='storeDetails_bodyItemfd3_0_c0_c5_c3_c1'>{{info.address_province + info.address_city + info.address_district + info.address_address}}</text>
</view>
<view class='flex flex-wrap align-start justify-between storeDetails_bodyItemfd3_0_c0_c5_c4'
@tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/dpxq/merchantQualification/merchantQualification?id=${id}`">
<text class='storeDetails_bodyItemfd3_0_c0_c5_c4_c0'>商家资质</text>
<image class='storeDetails_bodyItemfd3_0_c0_c5_c4_c1' mode="aspectFit" :src='STATIC_URL+"25.png"'>
</image>
</view>
<view class='flex flex-direction flex-wrap align-stretch'>
<text class='storeDetails_bodyItemfd3_0_c0_c5_c5_c0'>商家图片</text>
<view class='flex flex-wrap align-center justify-between'>
<image @tap.stop="ViewImage(info.show_images,index)" class='storeDetails_bodyItemfd3_0_c0_c5_c5_c1_c0' v-for="(item, index) in info.show_images" :key="index" mode="aspectFill" :src='item'>
</image>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<!---flex布局flex布局结束-->
<view class="flex align-start benben-flex-layout storeDetails_flex_4" v-if="tabls=='1'">
<!-- <benben-goods-cate top='0' :sid="id" :lists="classiftList" @skuFunc="skuFunc">
</benben-goods-cate> -->
<view class="content-wrap" :style="{height: pageHeight - CustomBar - 70 + 'px'}">
<!-- 左边tab栏开始 -->
<scroll-view class="left" scroll-with-animation="all 0.2s ease" :scroll-into-view="toLeftId" scroll-y>
<view
:upper-threshold="500"
:id="`l_id${index}`"
v-for="(item, index) in classiftList"
:key="index"
class="item text-center"
:class="{ active: index == currentId }"
@click="handleSelect(index)"
>
<image :src='STATIC_URL+"hot.png"' mode="widthFix" v-if="item.aid == 99999"></image>
{{ item.name }}
<view class="cuIconlujing226" v-if="item.num>0"> {{ item.num }}</view>
</view>
</scroll-view>
<!-- 左边tab栏结束 -->
<!-- 右边列表开始 -->
<scroll-view
class="right"
scroll-with-animation="all 0.2s ease"
refresher-background="transparent"
scroll-y
@scroll="scroll"
:scroll-top="scrollTop"
:refresher-triggered="refresherTriggered"
:refresher-enabled="false"
:refresher-threshold="100"
>
<!-- @refresherrefresh="refresherrefresh" -->
<view class="cate-box-wrap">
<!-- <view class="flex align-center justify-between text-333">
<text class="cate-box-wrap-title text-bold text-lg">{{ item.name }}</text>
</view> -->
<fu-loading v-if="isShowLoading1"></fu-loading>
<fu-empty-ui v-if="goodsList.length === 0 && isInit1"></fu-empty-ui>
<view class="cate-box">
<view class="cate-box-item flex " v-for="(ele, j) in goodsList" :key="j" @tap="handlerClassify(ele)">
<image style="width: 168rpx; height: 168rpx;border-radius: 16rpx;margin-right: 16rpx;" :src="ele.thumb" mode="aspectFill" />
<view class="" style="width: 350rpx;">
<view class="text-lg text-bold goodsname" v-if="ele.name ">{{ ele.name }}</view>
<view class="text-lg text-bold goodsname" v-if="!ele.name ">{{ ele.goods_name}}</view>
<!-- <view class="text-lm text-999 sales">月销{{ele.sales_num_new}}</view> -->
<view class="text-lm text-999 sales"></view>
<view class="flex align-center justify-between">
<view class="">
<text class="price text-bold">¥{{ele.shop_price}}</text>
<text class="text-sm line text-999">¥{{ele.market_price}}</text>
</view>
<view v-if="ele.is_spec==1" @tap.stop="handleShowPopupSpec(ele)" class="skuclass flex align-center justify-center text-xs text-white">选规格</view>
<view v-else style="display: flex; align-items: center;">
<image class="skuimg" v-if="ele.num > 0" @tap.stop="handleUpdateCart(ele, 2, 1)" :src='STATIC_URL+"101.png"'></image>
<view style="padding: 0 20rpx;" v-if="ele.num > 0">{{ele.num}}</view>
<image class="skuimg" @tap.stop="handleUpdateCart(ele, 1, 1)" :src='STATIC_URL+"102.png"'></image>
</view>
<view class="specnum" v-if="ele.is_spec==1 && ele.num>0">{{ele.num}}</view>
</view>
</view>
</view>
</view>
<uni-load-more v-if="goodsList.length !=0 " :status="status1"></uni-load-more>
</view>
</scroll-view>
<!-- 右边列表结束 -->
</view>
<!-- <view style="height: 100vh;width: 100vw;"></view> -->
</view>
<benben-popup v-model="popupShow1684725724594" :mask="true" mode='bottom'>
<!---分享flex布局开始-->
<view class="flex flex-direction align-stretch benben-flex-layout storeDetails_flex_5">
<view class='flex align-center justify-between storeDetails_fd5_0'>
<view class='flex flex-wrap align-center storeDetails_fd5_0_c0'>
</view>
<view class='flex flex-wrap align-center'>
<text class='storeDetails_fd5_0_c1_c0'>分享到</text>
</view>
<view class='flex flex-wrap align-center'>
<image class='storeDetails_fd5_0_c2_c0' :src='STATIC_URL+"60.png"' @tap.stop="popupShow1684725724594=false">
</image>
</view>
</view>
<view class='flex align-center justify-center storeDetails_fd5_1'>
<view class='flex flex-direction align-center'>
<image class='storeDetails_fd5_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"104.png"'></image>
<text class='storeDetails_fd5_1_c0_c1'>微信好友</text>
</view>
<!-- <view class='flex flex-direction align-center'>
<image class='storeDetails_fd5_1_c1_c0' mode="aspectFit" :src='STATIC_URL+"178.png"'></image>
<text class='storeDetails_fd5_1_c1_c1'>朋友圈</text>
</view> -->
</view>
</view>
<!---分享flex布局结束-->
</benben-popup>
<benben-popup v-model="popupShowSpec" :mask="true" mode='center'>
<!---flex布局flex布局开始-->
<view class="flex flex-direction align-stretch benben-flex-layout storeDetails_flex_6">
<view class='flex flex-direction flex-wrap align-stretch'>
<view class='flex flex-direction flex-wrap align-stretch storeDetails_fd6_0_c0'>
<view class='flex flex-wrap align-start storeDetails_fd6_0_c0_c0'>
<image class='storeDetails_fd6_0_c0_c0_c0' mode="aspectFit" :src='selectGoodsItem.thumb'></image>
<text class='storeDetails_fd6_0_c0_c0_c1'>{{selectGoodsItem.name}}</text>
</view>
<block v-if="showSpec">
<view class='flex flex-direction align-stretch storeDetails_fd6_0_c0_c1' v-for="(specItem, index) in selectGoodsItemSpec" :key="index">
<text class='storeDetails_fd6_0_c0_c1_c0'>{{specItem.name}}</text>
<view class="flex flex-wrap storeDetails_fd6_0_c0_c1_c1" >
<view class='text-cut' :class="item.checked ? 'storeDetails_fd6_0_c0_c1_c1_c0' : 'storeDetails_fd6_0_c0_c1_c1_c1'"
v-for="(item, key0) in specItem.spec_value" :key="key0" @tap="handleChooseSkuItem(index, item)">
<!-- <text></text> -->
{{item.item}}
</view>
<!-- <view v-else class='flex justify-center flex storeDetails_fd6_0_c0_c1_c1_c1' :key="key0"
@tap="$refs.showSelectPopup1684725100796.tapHandle(key0)">
<text>{{item.item}}</text>
</view> -->
</view>
<!-- <benben-select-diy ref="showSelectPopup1684725100796" class-name='flex flex storeDetails_fd6_0_c0_c1_c1'
:items.sync="specItem.spec_value" default-type="value" default-label="name"
:allow-cancel='false' type="radio">
<template v-for='(item,key0) in specItem.spec_value'>
<view v-if="item.isSelected" class='flex justify-center flex storeDetails_fd6_0_c0_c1_c1_c0'
:key="key0" @tap="$refs.showSelectPopup1684725100796.tapHandle(key0)">
<text>{{item.item}}</text>
</view>
<view v-else class='flex justify-center flex storeDetails_fd6_0_c0_c1_c1_c1' :key="key0"
@tap="$refs.showSelectPopup1684725100796.tapHandle(key0)">
<text>{{item.item}}</text>
</view>
</template>
</benben-select-diy> -->
</view>
</block>
<view class='flex flex-wrap align-center storeDetails_fd6_0_c0_c3' v-if="selectSku.key_name">
<text class='storeDetails_fd6_0_c0_c3_c0'>已选择规格：</text>
<text class='storeDetails_fd6_0_c0_c3_c1'>{{selectSku.key_name}}</text>
<!-- <text class='storeDetails_fd6_0_c0_c3_c2'>、</text>
<text class='storeDetails_fd6_0_c0_c3_c3'>{{two_id}}</text> -->
</view>
<view class='flex flex-wrap align-center justify-between storeDetails_fd6_0_c0_c4' v-if="selectSku.key_name">
<view class='flex flex-wrap align-end'>
<text class='storeDetails_fd6_0_c0_c4_c0_c0'>售价</text>
<text class='storeDetails_fd6_0_c0_c4_c0_c1'>￥</text>
<view class='flex-wrap align-center storeDetails_fd6_0_c0_c4_c0_c2'>
<text class=' storeDetails_price1_fd6_0_c0_c4_c0_c2'>{{ selectSku.shop_price | frontPrice }}</text>
<text class=' storeDetails_price2_fd6_0_c0_c4_c0_c2'>{{ selectSku.shop_price | laterPrice }}</text>
</view>
<text class='storeDetails_fd6_0_c0_c4_c0_c3' style="text-decoration:line-through;">￥</text>
<text class='storeDetails_fd6_0_c0_c4_c0_c4' style="text-decoration:line-through;">{{selectSku.market_price}}</text>
</view>
<button v-if="isCartHasSelectSku(selectSku.sku_id) == 0" class='storeDetails_fd6_0_c0_c4_c1' @click="handleAddCart">加入购物车</button>
<view v-else style="display: flex; align-items: center;">
<image class="skuimg" @tap.stop="handleUpdateCart(getCartHasSelectSku(selectSku.sku_id), 2, 1)" :src='STATIC_URL+"101.png"'></image>
<view style="padding: 0 20rpx;">{{isCartHasSelectSku(selectSku.sku_id)}}</view>
<image class="skuimg" @tap.stop="handleUpdateCart(getCartHasSelectSku(selectSku.sku_id), 1, 1)" :src='STATIC_URL+"102.png"'></image>
</view>
</view>
</view>
<view class='flex flex-wrap align-center justify-center storeDetails_fd6_0_c1'>
<image class='storeDetails_fd6_0_c1_c0' :src='STATIC_URL+"103.png"'
@tap.stop="popupShowSpec=false"></image>
</view>
</view>
</view>
<!---flex布局flex布局结束-->
</benben-popup>
<benben-popup v-model="popupShowCart" :mask="true" mode='bottom'>
<!---弹窗购物车flex布局开始-->
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout storeDetails_flex_7">
<view class='flex flex-wrap align-center justify-between storeDetails_fd7_0'>
<view class='flex flex-wrap align-center'>
<text class='storeDetails_fd7_0_c0_c0'>购物车</text>
<text class='storeDetails_fd7_0_c0_c1'>打包费</text>
<text class='storeDetails_fd7_0_c0_c2'>¥</text>
<text class='storeDetails_fd7_0_c0_c3'>{{packingMoney}}</text>
</view>
<view class='flex flex-wrap align-center'>
<text class='storeDetails_fd7_0_c1_c0' @click="handleDeleteCart">清空购物车</text>
</view>
</view>
<scroll-view scroll-y="true" class="cart-wrap">
<view class='flex flex-wrap align-start storeDetails_fd7_1' v-for="(item, index) in cartList" :key="index">
<view class='flex flex-wrap align-center storeDetails_fd7_1_c0'>
<image class='storeDetails_fd7_1_c0_c0' mode="aspectFill" :src='item.thumb'></image>
</view>
<view class='flex flex-direction flex-wrap align-stretch flex-sub storeDetails_fd7_1_c1'>
<view class='flex flex-wrap align-center'>
<text class='storeDetails_fd7_1_c1_c0_c0'>{{item.name}}</text>
</view>
<view class='flex flex-wrap align-center storeDetails_fd7_1_c1_c1' v-if="item.attr_name">
<text class='storeDetails_fd7_1_c1_c1_c0'>{{item.attr_name}}</text>
</view>
<view class='flex flex-wrap align-center justify-between storeDetails_fd7_1_c1_c2'>
<view class='flex flex-wrap align-center'>
<text class='storeDetails_fd7_1_c1_c2_c0_c0'>￥</text>
<text class='storeDetails_fd7_1_c1_c2_c0_c1'>{{item.shop_price}}</text>
<text class='storeDetails_fd7_1_c1_c2_c0_c2'>¥</text>
<text class='storeDetails_fd7_1_c1_c2_c0_c3'>{{item.market_price}}</text>
</view>
<view class='flex flex-wrap align-center'>
<image class="skuimg" @tap.stop="handleUpdateCart(item, 2, 2)" :src='STATIC_URL+"101.png"'></image>
<view style="padding: 0 20rpx;">{{item.num}}</view>
<image class="skuimg" @tap.stop="handleUpdateCart(item, 1, 2)" :src='STATIC_URL+"102.png"'></image>
<!-- <benben-flex-number-box class-name='flex flex align-center'
input-class="storeDetails_numberBoxInputfd7_1_c1_c2_c1_c0" v-model="item.num" :min="1" :step="1" :opacity="0.3">
<template #minus>
<image class='storeDetails_fd7_1_c1_c2_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"101.png"'>
</image>
</template>
<template #plus>
<image class='storeDetails_fd7_1_c1_c2_c1_c0_c2' mode="aspectFit" :src='STATIC_URL+"102.png"'>
</image>
</template>
</benben-flex-number-box> -->
</view>
</view>
</view>
</view>
</scroll-view>
<view class='flex flex-wrap align-center justify-between storeDetails_fd7_2' v-if="popupShowCart">
<view class='flex flex-wrap align-center flex-sub storeDetails_fd7_2_c0'>
<view class='flex flex-wrap align-center storeDetails_fd7_2_c0_c0'>
<text class='fu-iconfont2 storeDetails_fd7_2_c0_c0_c0'>&#xe66a;</text>
<benben-message-num :messageNum="cartNum" class='storeDetails_fd7_2_c0_c0_c1' size='24' color='#fff' background-color='red'>
</benben-message-num>
</view>
<view class='flex flex-wrap align-center'>
<text class='storeDetails_fd7_2_c0_c1_c0'>￥</text>
<text class='storeDetails_fd7_2_c0_c1_c1'>{{cartMoney}}</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-center storeDetails_fd7_2_c1' @tap.stop="handleSettle"
data-type="navigateTo" :data-url="`/pages/dpxq/settlementPage/settlementPage?id=${id}`">
<text class='storeDetails_fd7_2_c1_c0'>去结算</text>
</view>
</view>
</view>
<!---弹窗购物车flex布局结束-->
</benben-popup>
<view class="flex flex-direction flex-wrap align-stretch benben-position-layout flex storeDetails_flex_8">
<view class='flex flex-direction flex-wrap align-stretch flex-sub storeDetails_fd8_0'>
<view class='flex flex-wrap align-center justify-between storeDetails_fd8_0_c0' v-if="cartMoney < info.start_price">
<view class='flex flex-wrap align-end' v-if="cartMoney > 0" @tap.stop="popupShowCart=true">
<text class='fu-iconfont2 storeDetails_fd8_0_c0_c0_c0'>&#xe66a;</text>
<text class='storeDetails_fd8_0_c0_c0_c1'>￥</text>
<text class='storeDetails_fd8_0_c0_c0_c2'>{{cartMoney}}</text>
</view>
<view class='flex flex-wrap align-end' v-else>
<text class='fu-iconfont2 storeDetails_fd8_0_c0_c0_c0'>&#xe66a;</text>
<text class='storeDetails_fd8_0_c0_c0_c1'>￥</text>
<text class='storeDetails_fd8_0_c0_c0_c2'>{{cartMoney}}</text>
</view>
<view class='flex flex-wrap align-center'>
<view class='flex flex-wrap align-center storeDetails_fd8_0_c0_c1_c0'>
</view>
<view class='flex flex-wrap align-center'>
<text class='storeDetails_fd8_0_c0_c1_c1_c0'>￥</text>
<text class='storeDetails_fd8_0_c0_c1_c1_c1'>{{info.start_price}}</text>
<text class='storeDetails_fd8_0_c0_c1_c1_c2'>起送</text>
</view>
</view>
</view>
<view class='flex flex-wrap align-center justify-between storeDetails_fd8_0_c1' v-else>
<view class='flex flex-wrap align-center flex-sub storeDetails_fd8_0_c1_c0'
@tap.stop="popupShowCart=true">
<view class='flex flex-wrap align-center storeDetails_fd8_0_c1_c0_c0'>
<text class='fu-iconfont2 storeDetails_fd8_0_c1_c0_c0_c0'>&#xe66a;</text>
<benben-message-num :messageNum="cartNum" class='storeDetails_fd8_0_c1_c0_c0_c1' size='24' color='#fff' background-color='red'>
</benben-message-num>
</view>
<view class='flex flex-wrap align-center'>
<text class='storeDetails_fd8_0_c1_c0_c1_c0'>￥</text>
<text class='storeDetails_fd8_0_c1_c0_c1_c1'>{{cartMoney}}</text>
</view>
<view class='flex flex-wrap align-center storeDetails_fd8_0_c1_c0_c2'>
<text class='storeDetails_fd8_0_c1_c0_c2_c0'>￥</text>
<text class='storeDetails_fd8_0_c1_c0_c2_c1'>{{marketMoney}}</text>
</view>
</view>
<view class='flex flex-wrap align-center justify-center storeDetails_fd8_0_c1_c1' @tap.stop="handleSettle"
data-type="navigateTo" :data-url="`/pages/dpxq/settlementPage/settlementPage?id=${id}`">
<text class='storeDetails_fd8_0_c1_c1_c0'>去结算</text>
</view>
</view>
</view>
</view>
<view :style="{height: '148rpx'}"></view>
</view>
</template>
<script>
export default {
components: {},
data() {
return {
popupShowCart: false,
popupShowSpec: false,
"popupShow1684725724594": false,
"tabsInfofd3_0_c0": {
lineleft: '',
lineWidth: '',
moveX: 0,
scrollX: 0,
PageScrollX: 0
},
"bannerIndexbodyItemfd3_0_c0_c3_c0_c0": 0,
"bodyItemfd3_0_c0_c4_c2_c0_c0_c1_c1": "4",
"tabls": "1",
evaluate_List: [],
evaluate_id: 1,
"collect": "1",
"deliveryPrice": "1",
"specifications_one": [{
"name": "常温",
"value": "1",
"image": ""
}, {
"name": "少冰",
"value": "2",
"image": ""
}, {
"name": "多冰",
"value": "3",
"image": ""
}],
"one_id": "1",
"specifications_two": [{
"name": "不加糖",
"value": "1",
"image": ""
}, {
"name": "多冰",
"value": "2",
"image": ""
}, {
"name": "少冰",
"value": "3",
"image": ""
}],
"two_id": "1",
"expand": "1",
id: "",
isLoading: false,
info: {},
swiperList: [],
classiftList: [],
backgroundImg: '',
backgroundColor: 'rgba(255, 147, 0, 0)',
commentList: [],
isShowLoading: false,
isInit: false,
status: 'more', // 表示是否有数据可以请求
page: 1,
lists: [],
refresherTriggered: false,
heightArr: [],
flag: false,
setTimeoutFn: null,
setTimeoutLists: null,
scrollTop: '',
toLeftId: '',
currentId: 0, //选中id
setTimeoutHandle: null,
goodsList: [],
isShowLoading1: false,
isInit1: false,
status1: 'more', // 表示是否有数据可以请求
page1: 1,
address: '',
isRepetitionClick: false, // 修改购物车防止重复点击
selectGoodsItem: {},
selectGoodsItemSpec: [],
skuList: [],
selectSku: {},
choosedIndexs: [],
choosedNames: [],
showSpec: true,
cartMoney: 0,
marketMoney: 0,
cartNum: 0,
packingMoney: 0,
cartList: [],
opacity: 0,
is_collect: 0,
isSubmit: false,
menuButtonWidth: 20,
pageHeight: 0
};
},
computed: {
themeColor() {
return this.$store.getters.themeColor
},
},
watch: {
lists: {
handler() {
this.setTimeoutLists && clearTimeout(this.setTimeoutLists)
this.setTimeoutLists = setTimeout(this.getHeight, 300)
},
deep: true,
immediate: true,
},
},
onLoad(options) {
let {
id
} = options
if (id !== undefined) this.id = id
// #ifdef MP-WEIXIN
this.menuButtonWidth = this.$menuButtonWidth;
// #endif
let platInfo = uni.getSystemInfoSync();
console.log(platInfo.windowHeight)
this.pageHeight = platInfo.windowHeight
},
onPageScroll(e) {
let opacity = e.scrollTop / 250
this.opacity = opacity;
this.backgroundColor =
`rgba(255, 147, 0, ${opacity})`;
},
onUnload() {
},
onReady() {
},
onShow() {
this.getShopDetail();
this.getShopCommentNums();
this.getShopClassifyList();
if (global.token) {
this.getCartList();
}
},
onHide() {
},
onResize() {
},
onPullDownRefresh() {
},
onReachBottom(e) {
},
methods: {
handleToMap() {
console.log(123);
uni.openLocation({
latitude: this.info.address_lat - 0,
longitude: this.info.address_lng - 0,
name: this.info.address_address,
success: function () {
console.log('success');
},
fail: (err) => {
console.log(err);
}
});
},
handleAd(item) {
if (item.goods_id) {
uni.navigateTo({
url:"/pages/dpxq/productDetails/productDetails?goods_id=" + item.goods_id + '&sid=' + this.id
})
}
},
handleToReporting() {
this.$refs.benbenPositionPopup1684720938789.close()
uni.navigateTo({
url: `/pages/dpxq/reportingMerchants/reportingMerchants?id=${this.id}`
})
},
phoneTap(phone){
this.callMobile(phone)
// uni.makePhoneCall({
// phoneNumber:phone
// })
},
ViewImage(list, index) {
uni.previewImage({
urls: list,
current: index
});
},
handleChatShop() {
uni.navigateTo({
url:'/pages/my/xiaoxi/chatRoom?name=' + this.info.store_name + '&id=' + this.id
})
},
handleSettle() {
if (!this.cartList.length) return this.$message.info('请先选择商品~');
if (this.isSubmit) return false;
this.isSubmit = true;
let params = {
store_id: this.id,
pick_type:this.tabls
}
this.$api.post(global.apiUrls.getSettleInfo, params).then(res => {
if (res.data.code == 1) {
this.isSubmit = false;
uni.navigateTo({
url: `/pages/dpxq/settlementPage/settlementPage?id=${this.id}`
})
} else {
this.isSubmit = false;
this.$message.info(res.data.msg)
}
})
.catch(err => {
this.isSubmit = false;
console.log(err);
});
},
// 获取轮播图
getCartList() {
this.$api.post(global.apiUrls.getCartList, {
store_id: this.id
})
.then(res => {
if (res.data.code == 1) {
this.cartList = res.data.data.goods_list;
this.cartMoney = res.data.data.shop_price
this.marketMoney = res.data.data.market_price
this.packingMoney = res.data.data.packing_price
this.cartNum = res.data.data.num
this.goodsList.map((goods) => {
let num = 0
this.cartList.map((item) => {
if (item.goods_id == goods.id) {
num += (item.num - 0)
}
})
goods.num = num
})
// let classifyMap = new Map()
// this.cartList.map((item) => {
// if (item.is_hot == 1) {
// if (classifyMap.has(99999)) {
// classifyMap.set(99999, classifyMap.get(99999) + (item.num - 0))
// } else {
// classifyMap.set(99999, item.num - 0)
// }
// }
// if (classifyMap.has(item.goodscategory_id)) {
// classifyMap.set(item.goodscategory_id, classifyMap.get(item.goodscategory_id) + (item.num - 0))
// } else {
// classifyMap.set(item.goodscategory_id, item.num - 0)
// }
// })
console.log(classifyMap);
this.classiftList.map((classify) => {
// if (classifyMap.has(classify.aid)) {
// classify.num = classifyMap.get(classify.aid)
// }
classify.num = 0
let num = 0
this.cartList.map((item) => {
if (classify.aid == 99999) {
if (item.is_hot == 1) {
num += (item.num - 0)
}
} else {
if (classify.aid == item.goodscategory_id) {
num += (item.num - 0)
}
}
})
classify.num = num
})
}
})
.catch(err => {
console.log(err);
});
},
handleChooseSkuItem(parentIndex, item){
this.showSpec = false;
this.selectGoodsItemSpec[parentIndex].spec_value.map((value) => {
value.checked = false;
})
this.showSpec = true;
item.checked = !item.checked;
// this.choosedIndexs.splice(parentIndex, 1, item.id)
// this.choosedNames.splice(parentIndex, 1, item.item)
this.updateChoosedSku()
},
// 获取选中的sku
updateChoosedSku(){
let { skuList } = this
let choosedIndexs = [];
let choosedNames = []
this.selectGoodsItemSpec.map((specItem, index) => {
specItem.spec_value.map((item, key) => {
if (item.checked) {
choosedIndexs.push(item.id);
choosedNames.push(item.item);
}
})
})
let choosedSkuAttrValue = choosedIndexs.join('_');
var arr = []
for (let i in skuList) {
arr.push(skuList[i]);
}
this.selectSku = arr.find(item => item.key == choosedSkuAttrValue)
console.log(this.selectSku)
if (!this.selectSku) {
this.$message.info('暂无此规格')
}
},
/**
* @param {Object} aid
* @param {Object} value
*/
isCartHasSelectSku(skuid) {
let findGoods = this.cartList.find(item => item.sku_id == skuid)
console.log(skuid);
console.log(findGoods);
if (findGoods) {
return findGoods.num - 0
} else {
return 0
}
},
getCartHasSelectSku(skuid) {
let findGoods = this.cartList.find(item => item.sku_id == skuid)
console.log(skuid);
console.log(findGoods);
if (findGoods) {
return findGoods
} else {
return {}
}
},
getShopGoodsList(aid, value) {
if (this.status1 != 'more') return;
this.status1 = 'loading';
let data = {
list_rows: 20,
page: this.page1,
store_id: this.id,
cid: aid
};
// console.log('请求的数据', data);
if (this.page1 == 1 && value) {
this.isShowLoading1 = true;
}
this.$api
.post(global.apiUrls.getGoodsDetailGoodsList, data)
.then(res => {
console.log('订单列表', res);
this.isShowLoading1 = false;
if (res.data.code == 1) {
var curPageData = res.data.data.data;
// curPageData.map((item) => {
// item.num = 0;
// })
if (this.page1 == 1) this.goodsList = [];
this.goodsList = this.goodsList.concat(curPageData);
console.log('上拉加载', curPageData.length, this.size);
if (res.data.data.last_page > this.page1) {
this.status1 = 'more';
this.page1++;
} else {
this.status1 = 'noMore';
}
} else {
this.$message.info(res.data.msg);
}
if (global.token) {
this.getCartList();
}
this.isInit1 = true;
uni.stopPullDownRefresh();
})
.catch(err => {
this.isShowLoading = false;
uni.stopPullDownRefresh();
});
},
refresherrefresh() {
this.refresherTriggered = true
setTimeout(() => {
this.refresherTriggered = false
this.$emit('refresh')
}, 500)
},
scroll(e) {
this.setTimeoutFn && clearTimeout(this.setTimeoutFn)
this.setTimeoutFn = setTimeout(() => {
let height = e.target.scrollTop
let index = this.heightArr.findIndex((item) => height >= item.minHeight && height < item.maxHeight)
this.currentId = index == -1 ? 0 : index
this.toLeftId = `l_id${index >= 3 ? index - 3 : 0}`
}, 100)
},
/**
* @event
* @description tab切换
* @param {Number} item -当前选中数据 //暂时没用
* @param {Number} index - 选中下标
* @return {Boolean}
* */
handleSelect(index) {
if (this.currentId == index) return false;
this.currentId = index;
this.status1 = 'more';
this.page1 = 1;
this.isInit1 = false;
this.goodsList = [];
this.getShopGoodsList(this.classiftList[index].aid, true);
// this.scrollTop = this.heightArr[index].minHeight
},
handlerClassify(item) {
// this.$emit('update:handle-id', item.aid)
// this.$emit('handle-item', item)
uni.navigateTo({
url:"/pages/dpxq/productDetails/productDetails?goods_id=" + item.aid + '&sid=' + this.id
})
},
handleShowPopupSpec(item) {
this.selectGoodsItem = item;
item.spec_list.map((specItem, index) => {
specItem.spec_value.map((item, key) => {
item.checked = false
})
specItem.spec_value[0].checked = true;
})
this.selectGoodsItemSpec = item.spec_list;
this.skuList = item.sku_list;
this.updateChoosedSku();
this.popupShowSpec = true
},
handleUpdateCart(item, type, source) {
if (this.isRepetitionClick) return
this.isRepetitionClick = true
setTimeout(() => {
this.isRepetitionClick = false
}, 200)
let list = this.carList;
let num = 0
let params = {
goods_id: item.id || item.goods_id,
store_id: this.id
}
if (item.sku_id && (item.sku_id - 0 > 0)) {
params.sku_id = item.sku_id
}
if (type == 2) {
// num = list[index].num > 1 ? list[index].num - 1 : 1;
this.$api.post(global.apiUrls.postMinusCart, params).then(res => {
let data = res.data;
if (data.code == 1) {
item.num = item.num - 1
this.classiftList[this.currentId].num = this.classiftList[this.currentId].num - 1
this.getCartList();
if (source == 2) {
this.goodsList.map((goods) => {
if (goods.aid == params.goods_id) {
goods.num = item.num;
}
})
// this.status1 = 'more';
// this.page1 = 1;
// this.isInit1 = false;
// this.goodsList = [];
// this.getShopGoodsList(this.classiftList[this.currentId].aid, true);
}
// this.calculateTotal()
} else {
this.$message.info(data.msg)
}
});
} else {
params.num = 1;
this.$api.post(global.apiUrls.postAddCart, params).then(res => {
let data = res.data;
if (data.code == 1) {
item.num = item.num - 0 + 1
this.getCartList();
this.classiftList[this.currentId].num = this.classiftList[this.currentId].num + 1
if (source == 2) {
this.goodsList.map((goods) => {
if (goods.aid == params.goods_id) {
goods.num = item.num;
}
})
// this.status1 = 'more';
// this.page1 = 1;
// this.isInit1 = false;
// this.goodsList = [];
// this.getShopGoodsList(this.classiftList[this.currentId].aid, true);
}
// this.calculateTotal()
} else {
this.$message.info(data.msg)
}
});
}
// if (num == list[index].num) return;
},
handleAddCart(){
if (this.isRepetitionClick) return
this.isRepetitionClick = true
setTimeout(() => {
this.isRepetitionClick = false
}, 200)
this.$api.post(global.apiUrls.postAddCart, {
goods_id: this.selectGoodsItem.id,
store_id: this.id,
num: 1,
sku_id: this.selectSku.sku_id
}).then(res => {
let data = res.data;
if (data.code == 1) {
this.selectGoodsItem.num = this.selectGoodsItem.num - 0 + 1
this.classiftList[this.currentId].num = this.classiftList[this.currentId].num + 1
// this.popupShowSpec = false;
this.getCartList();
// this.calculateTotal()
} else {
this.$message.info(data.msg)
}
});
},
getHeight() {
uni
.createSelectorQuery()
.in(this)
.selectAll('.cate-box-wrap')
.boundingClientRect()
.exec((res) => {
console.log(res)
let heightArr = []
let height = 0
res[0].map((item) => {
let obj = { minHeight: height > 0 ? height - 10 : height }
height += Math.floor(item.height)
obj.maxHeight = height - 10
heightArr.push(obj)
})
this.heightArr = heightArr
})
},
getShopClassifyList() {
this.$api.post(global.apiUrls.getGoodsCate, {
store_id: this.id
}).then(res => {
if (res.data.code == 1) {
this.classiftList = res.data.data
if (this.classiftList.length) {
this.status1 = 'more';
this.page1 = 1;
this.isInit1 = false;
this.goodsList = [];
this.getShopGoodsList(this.classiftList[this.currentId].aid, true)
}
} else {
this.$message.info(res.data.msg)
}
})
.catch(err => {
console.log(err);
});
},
handleDeleteCart() {
// if (!this.cartList.length) {
// return this.$message.info('')
// }
this.$util.showModal({
title: '提示',
content: '确定删除购物车所有商品?',
confirmColor: this.$store.state.themeColor,
success: (res) => {
if (res.confirm) {
this.$api.post(global.apiUrls.post649a5059d4e18, { store_id: this.id })
.then(res => {
console.log(res);
if (res.data.code == 1) {
this.getCartList();
this.status1 = 'more';
this.page1 = 1;
this.isInit1 = false;
this.goodsList = [];
this.getShopGoodsList(this.classiftList[this.currentId].aid, true);
this.getShopClassifyListCler();
this.popupShowCart = false;
} else {
this.$message.info(res.data.msg);
}
});
}
}
})
},
getShopClassifyListCler() {
this.$api.post(global.apiUrls.getGoodsCate, {
store_id: this.id
}).then(res => {
if (res.data.code == 1) {
this.classiftList = res.data.data
} else {
this.$message.info(res.data.msg)
}
})
.catch(err => {
console.log(err);
});
},
/**
* 切换评论状态
*/
handleCommentTypeChange(e) {
this.status = 'more';
this.page = 1;
this.isInit = false;
this.commentList = [];
this.getShopCommentList(true);
},
/**
* 获取店铺评论数量
*/
getShopCommentList(value) {
if (this.status != 'more') return;
this.status = 'loading';
let data = {
store_id: this.id,
type: this.evaluate_id,
list_rows: 20,
page: this.page
};
// console.log('请求的数据', data);
if (this.page == 1 && value) {
this.isShowLoading = true;
}
this.$api
.post(global.apiUrls.getShopCommentList, data)
.then(res => {
console.log('订单列表', res);
this.isShowLoading = false;
if (res.data.code == 1) {
var curPageData = res.data.data.data;
if (this.page == 1) this.commentList = [];
this.commentList = this.commentList.concat(curPageData);
console.log('上拉加载', curPageData.length, this.size);
if (res.data.data.last_page > this.page) {
this.status = 'more';
this.page++;
} else {
this.status = 'noMore';
}
} else {
this.$message.info(res.data.msg);
}
this.isInit = true;
uni.stopPullDownRefresh();
})
.catch(err => {
this.isShowLoading = false;
uni.stopPullDownRefresh();
});
},
/**
* 获取评论数量
*/
getShopCommentNums() {
this.$api.post(global.apiUrls.getShopCommentNums, {
store_id: this.id
}).then(res => {
if (res.data.code == 1) {
this.evaluate_List = [{
name: "全部 ",
value: "1",
image: "",
num: res.data.data.all
}, {
name: "好评",
value: "2",
image: "",
num: res.data.data.good
}, {
name: "有图",
value: "3",
image: "",
num: res.data.data.img
}, {
name: "差评",
value: "4",
image: "",
num: res.data.data.bad
}, {
name: "中评",
value: "5",
image: "",
num: res.data.data.center
}]
this.getShopCommentList();
}
})
.catch(err => {
console.log(err);
});
},
/**
* 获取店铺详情
*/
getShopDetail() {
this.$api.post(global.apiUrls.getShopDetail, {
aid: this.id
}).then(res => {
if (res.data.code == 1) {
if (res.data.data.aid) {
this.isLoading = true
this.info = res.data.data;
this.is_collect = res.data.data.is_collect;
this.swiperList = res.data.data.ads_lists;
this.backgroundImg = res.data.data.background_image || ''
} else {
this.$message.info('暂无店铺信息，请先浏览其他店铺')
setTimeout(() => {
uni.navigateBack({delta: 1})
}, 1000)
}
} else {
this.$message.info(res.data.msg)
}
})
.catch(err => {
console.log(err);
});
},
//收藏
iscollectFunctionFunc() {
this.$api.post(global.apiUrls.post636caf10164ce, {
store_id: this.id
}).then(res => {
if (res.data.code == 1) {
this.is_collect = this.is_collect == 0 ? 1 : 0;
uni.$emit('COLLECT_SUCCESS')
} else {
this.$message.info(res.data.msg)
}
})
.catch(err => {
console.log(err);
});
// if (this.collect == '1') {
// this.collect = '2';
// } else if (this.collect == '2') {
// this.collect = '1';
// }
return
},
//展开
expandFunctionFunc() {
if (this.expand == '1') {
this.expand = '2';
} else if (this.expand == '2') {
this.expand = '1';
}
return
}
}
};
</script>
<style lang="scss" scoped>
.page {
position: relative;
z-index: 1;
width: 100vw;
overflow-x: hidden;
min-height: 100vh;
background-color: #fff;
// background-size: 100% 420rpx !important;
}
.storeDetails_flex_0 {
// background: #374047;
width: 750rpx;
height: calc(var(--status-bar-height) + 88rpx);
overflow: hidden;
z-index: 10;
top: 0rpx;
background-size: 100% auto !important;
box-sizing: border-box;
}
.storeDetails_fd0_0_c1_c3 {
width: 40rpx;
height: 40rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 0rpx 0rpx 32rpx;
}
.storeDetails_fd0_0_c1_c2_1 {
width: 40rpx;
height: 40rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 0rpx 0rpx 32rpx;
}
.storeDetails_fd0_0_c1_c2 {
width: 40rpx;
height: 40rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 0rpx 0rpx 32rpx;
}
.storeDetails_fd0_0_c1_c1 {
width: 40rpx;
height: 40rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 0rpx 0rpx 32rpx;
}
.storeDetails_fd0_0_c1_c0 {
width: 40rpx;
height: 40rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 0rpx 0rpx 32rpx;
}
.storeDetails_fd0_0_c0_c0 {
color: rgba(255, 255, 255, 1);
font-size: 37rpx;
}
.storeDetails_fd0_0_c0 {
width: 50rpx;
}
.storeDetails_fd0_0 {
margin: 0rpx 32rpx 0rpx 32rpx;
}
.storeDetails_popup_1 {
background: rgba(0, 0, 0, 0.5);
box-shadow: 0rpx 4rpx 24rpx rgba(50, 50, 51, .12);
border-radius: 8rpx 8rpx 8rpx 8rpx;
width: 172rpx;
height: 122rpx;
background-size: 100% auto !important;
}
.storeDetails_positionPopup1_c1_c1 {
color: #FFFFFF;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.storeDetails_positionPopup1_c1_c0 {
width: 28rpx;
height: 28rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 16rpx 0rpx 0rpx;
}
.storeDetails_positionPopup1_c1 {
margin: 24rpx 0rpx 0rpx 0rpx;
}
.storeDetails_positionPopup1_c0_c1 {
color: #FFFFFF;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.storeDetails_positionPopup1_c0_c0 {
width: 28rpx;
height: 28rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 16rpx 0rpx 0rpx;
}
.storeDetails_flex_2 {
padding: 190rpx 32rpx 0rpx 32rpx;
}
.storeDetails_fd2_0_c2_c1_c0_1 {
width: 24rpx;
height: 14rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd2_0_c2_c1_c0 {
width: 24rpx;
height:14rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd2_0_c2_c1 {
margin: 0rpx 0rpx 0rpx 16rpx;
}
.storeDetails_fd2_0_c2_c0_c1_1 {
color: #666666;
font-size: 22rpx;
font-weight: 400;
line-height: 35rpx;
max-width: 520rpx;
}
.storeDetails_fd2_0_c2_c0_c1 {
color: #666666;
font-size: 22rpx;
font-weight: 400;
line-height: 22rpx;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
max-width: 520rpx;
}
.storeDetails_fd2_0_c2_c0_c0_1 {
color: #666666;
font-size: 22rpx;
font-weight: 400;
line-height: 35rpx;
}
.storeDetails_fd2_0_c2_c0_c0 {
color: #666666;
font-size: 22rpx;
font-weight: 400;
line-height: 22rpx;
}
.storeDetails_fd2_0_c2 {
margin: 16rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd2_0_c1_c2_c1 {
color: #333333;
font-size: 22rpx;
font-weight: 400;
line-height: 22rpx;
}
.storeDetails_fd2_0_c1_c2_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 400;
line-height: 22rpx;
}
.storeDetails_fd2_0_c1_c2 {
margin: 0rpx 0rpx 0rpx 24rpx;
}
.storeDetails_fd2_0_c1_c1_c1 {
color: #333333;
font-size: 22rpx;
font-weight: 400;
line-height: 22rpx;
}
.storeDetails_fd2_0_c1_c1_c0 {
color: #333333;
font-size: 22rpx;
font-weight: 400;
line-height: 22rpx;
}
.storeDetails_fd2_0_c1_c1 {
margin: 0rpx 0rpx 0rpx 24rpx;
}
.storeDetails_fd2_0_c1_c0_c1 {
color: #FFA229;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.storeDetails_fd2_0_c1_c0_c0 {
width: 20rpx;
height: 20rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 8rpx 0rpx 0rpx;
}
.storeDetails_fd2_0_c0_c1_c0 {
width: 128rpx;
height: 128rpx;
border-radius: 8rpx 8rpx 8rpx 8rpx;
}
.fu-my-background {
position: absolute;
top: 0;
z-index: -1;
width: 100%;
height: calc(var(--status-bar-height) + 420rpx);
overflow: hidden;
image {
width: 100%;
height: 100%;
}
}
.storeDetails_fd2_0_c0_c0_c1_c2 {
color: #FFFFFF;
font-size: 20rpx;
font-weight: 500;
line-height: 20rpx;
}
.storeDetails_fd2_0_c0_c0_c1_c1 {
color: #FFFFFF;
font-size: 20rpx;
font-weight: 500;
line-height: 20rpx;
}
.storeDetails_fd2_0_c0_c0_c1_c0 {
color: #FFFFFF;
font-size: 20rpx;
font-weight: 500;
line-height: 20rpx;
}
.storeDetails_fd2_0_c0_c0_c1 {
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/23.png) no-repeat, rgba(255, 255, 255, 1);
margin: 0rpx 0rpx 0rpx 16rpx;
background-size: 100% auto !important;
padding: 7rpx 17rpx 7rpx 17rpx;
border-radius: 16rpx 0rpx 16rpx 0rpx;
}
.storeDetails_fd2_0_c0_c0_c0_c0 {
color: #333333;
font-size: 32rpx;
font-weight: 500;
line-height: 36rpx;
}
.storeDetails_fd2_0_c0_c0 {
padding: 0rpx 0rpx 16rpx 0rpx;
}
.storeDetails_fd2_0_c0 {
margin: -42rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd2_0 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 0rpx 24rpx 32rpx 24rpx;
box-shadow: 0px 0px 24rpx 2rpx rgba(0,0,0,0.08);
}
.storeDetails_bodyItemfd3_0_c0_c5_c5_c1_c3 {
width: 330rpx;
height: 330rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 0rpx 24rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c5_c1_c2 {
width: 330rpx;
height: 330rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 0rpx 24rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c5_c1_c1 {
width: 330rpx;
height: 330rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 0rpx 24rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c5_c1_c0 {
width: 330rpx;
height: 330rpx;
border-radius: 6rpx;
margin: 0rpx 0rpx 24rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c5_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 40rpx;
padding: 32rpx 0;
// margin: 0rpx 0rpx 25rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c4_c1 {
width: 14rpx;
height: 26rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c4_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 40rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c4 {
border-bottom: 1px solid #eee;
padding: 32rpx 0rpx 32rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c3_c1 {
max-width: 523rpx;
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 40rpx;
margin: 0rpx 0rpx 0rpx 40rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c3_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 40rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c3 {
border-bottom: 1px solid #eee;
padding: 32rpx 0rpx 32rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c2_c1_c1 {
width: 40rpx;
height: 40rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c2_c1_c0 {
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 40rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c2_c1 {
margin: 0rpx 0rpx 0rpx 40rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c2_c0_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 40rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c2 {
border-bottom: 1px solid #eee;
padding: 32rpx 0rpx 32rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c1_c1 {
max-width: 523rpx;
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 40rpx;
margin: 0rpx 0rpx 0rpx 40rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c1_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 40rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c1 {
border-bottom: 1px solid #eee;
padding: 32rpx 0rpx 32rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c0_c1 {
max-width: 523rpx;
color: #666666;
font-size: 28rpx;
font-weight: 400;
line-height: 40rpx;
margin: 0rpx 0rpx 0rpx 40rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c0_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 40rpx;
}
.storeDetails_bodyItemfd3_0_c0_c5_c0 {
border-bottom: 1px solid #eee;
padding: 32rpx 0rpx 32rpx 0rpx;
}
.storeDetails_bodyfd3_0_c0_c5 {
border-top: 1px solid #eee;
padding: 0rpx 32rpx 0rpx 32rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c2_c2_c2 {
width: 226rpx;
height: 226rpx;
border-radius: 8rpx 8rpx 8rpx 8rpx;
margin: 0rpx 0rpx 5rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c2_c2_c1 {
width: 226rpx;
height: 226rpx;
border-radius: 8rpx 8rpx 8rpx 8rpx;
margin: 0rpx 0rpx 5rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c2_c2_c0 {
width: 226rpx;
height: 226rpx;
border-radius: 8rpx 8rpx 8rpx 8rpx;
margin: 0rpx 4rpx 8rpx 0rpx;
&:nth-child(3n) {
margin-right: 0;
}
}
.storeDetails_bodyItemfd3_0_c0_c4_c2_c1_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c2_c1 {
margin: 0rpx 0rpx 24rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c1_c0 {
color: #999999;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.storeDetails_star1bodyItemfd3_0_c0_c4_c2_c0_c0_c1_c1 {
height: 18rpx;
margin: 0rpx 5rpx 0rpx 5rpx;
width: 18rpx;
}
.storeDetails_star1bodyItemfd3_0_c0_c4_c2_c0_c0_c1_c1 {
width: 18rpx;
height: 18rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 5rpx 0rpx 5rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c0_c1_c1 {
margin: 8rpx 0rpx 0rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c0_c1_c0 {
color: #333333;
font-size: 28rpx;
font-weight: 400;
line-height: 30rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c0_c0_c0 {
width: 56rpx;
height: 56rpx;
border-radius: 100rpx 100rpx 100rpx 100rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c2_c0_c0_c0 {
margin: 0rpx 16rpx 0rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c2_c0 {
margin: 24rpx 0rpx 24rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c2 {
border-bottom: 1px solid #eee;
margin: 0rpx 32rpx 0rpx 32rpx;
padding: 0rpx 0rpx 32rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c1_c0_c1_c1 {
margin: 0rpx 0rpx 0rpx 8rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c1_c0_c1 {
background: rgba(246, 247, 249, 1);
margin: 24rpx 20rpx 0rpx 20rpx;
padding: 8rpx 24rpx 8rpx 24rpx;
border-radius: 28rpx 28rpx 28rpx 28rpx;
background-size: 100% auto !important;
color: rgba(51, 51, 51, 1);
}
.storeDetails_bodyItemfd3_0_c0_c4_c1_c0_c0_c1 {
margin: 0rpx 0rpx 0rpx 8rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c1_c0_c0 {
border: 1px solid rgba(255, 147, 0, 1);
background: rgba(255, 246, 234, 1);
padding: 8rpx 24rpx 8rpx 24rpx;
border-radius: 28rpx 28rpx 28rpx 28rpx;
background-size: 100% auto !important;
margin: 24rpx 20rpx 0rpx 20rpx;
color: rgba(255, 147, 0, 1);
font-size: 28rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c1 {
margin: 0rpx 12rpx 0rpx 12rpx;
padding: 0rpx 0rpx 24rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c0_c4_c1 {
color: #FF9300;
font-size: 48rpx;
font-weight: 500;
line-height: 50rpx;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c0_c4_c0 {
color: #666666;
font-size: 24rpx;
font-weight: 500;
line-height: 30rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c0_c3 {
background: rgba(204, 204, 204, 1);
width: 1rpx;
height: 40rpx;
transform: scaleX(0.5);
}
.storeDetails_bodyItemfd3_0_c0_c4_c0_c2_c1 {
color: #FF9300;
font-size: 48rpx;
font-weight: 500;
line-height: 50rpx;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c0_c2_c0 {
color: #666666;
font-size: 24rpx;
font-weight: 500;
line-height: 30rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c0_c1 {
background: rgba(204, 204, 204, 1);
width: 1rpx;
height: 40rpx;
transform: scaleX(0.5);
}
.storeDetails_bodyItemfd3_0_c0_c4_c0_c0_c1 {
color: #FF9300;
font-size: 48rpx;
font-weight: 500;
line-height: 50rpx;
margin: 8rpx 0rpx 0rpx 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c0_c0_c0 {
color: #666666;
font-size: 24rpx;
font-weight: 500;
line-height: 30rpx;
}
.storeDetails_bodyItemfd3_0_c0_c4_c0 {
margin: 0rpx 32rpx 0rpx 32rpx;
padding: 24rpx 0rpx 24rpx 0rpx;
}
.storeDetails_titleItemfd3_0_c0_c4_c1 {
font-size: 24rpx;
margin: 0rpx 0rpx 0rpx 8rpx;
}
.storeDetails_titlefd3_0_c0_c4 {
margin: 0rpx 80rpx 0rpx 0rpx;
}
.storeDetails_numberbodyItemfd3_0_c0_c3_c0_c0_c0 {
background: #525050;
position: absolute;
bottom: 20rpx;
right: 30rpx;
width: 80rpx;
height: 40rpx;
border-radius: 6rpx 6rpx 6rpx 6rpx;
font-size: 24rpx;
color: #FFFFFF;
line-height: 46rpx;
font-weight: 400;
}
.storeDetails_bodyItemfd3_0_c0_c3_c0_c0_c1 {
width: 686rpx;
height: 216rpx;
}
.storeDetails_bodyItemfd3_0_c0_c3_c0_c0_c1_c0 {
width: 686rpx;
height: 216rpx;
border-radius: 16rpx;
}
.storeDetails_bodyItemfd3_0_c0_c3_c0_c0 {
width: 686rpx;
height: 216rpx;
}
.storeDetails_swiperDotUnselectedbodyItemfd3_0_c0_c3_c0_c0 {
border: 1px solid rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.3);
width: 16rpx;
height: 16rpx;
border-radius: 100rpx 100rpx 100rpx 100rpx;
margin: 0rpx 6rpx 0rpx 0rpx;
font-size: 24rpx;
color: #fff;
}
.storeDetails_swiperDotSelectedbodyItemfd3_0_c0_c3_c0_c0 {
border: 1px solid #00A7FF;
background: #00A7FF;
width: 16rpx;
height: 16rpx;
border-radius: 100rpx 100rpx 100rpx 100rpx;
margin: 0rpx 6rpx 0rpx 0rpx;
font-size: 24rpx;
color: #fff;
}
::v-deep .storeDetails_swiperDotbodyItemfd3_0_c0_c3_c0_c0 {
position: absolute;
bottom: 20rpx;
left: 0rpx;
right: 0rpx;
}
.storeDetails_bodyItemfd3_0_c0_c3_c0 {
margin: 32rpx 0rpx 32rpx 0rpx;
}
.storeDetails_titlefd3_0_c0_c3 {
margin: 0rpx 80rpx 0rpx 32rpx;
}
.storeDetails_linefd3_0_c0 {
background: rgba(255, 147, 0, 1);
width: 40rpx;
height: 6rpx;
top: 84rpx;
background-size: 100% auto !important;
border-radius: 10rpx 10rpx 10rpx 10rpx;
}
.checkTitlefd3_0_c0 {
font-weight: 700 !important;
font-size: 32rpx !important;
color: #333 !important;
background-color: rgba(255, 255, 255, 1) !important;
}
::v-deep .storeDetails_benbenTabsfd3_0_c0 {
background: #fff;
width: 750rpx;
height: 90rpx;
white-space: nowrap;
text-align: center;
font-size: 32rpx;
font-weight: 500;
color: #666666;
}
.storeDetails_flex_4 {
background: rgba(255, 255, 255, 1);
background-size: 100% auto !important;
}
.storeDetails_fd4_1_c2_c1_c3_c1 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #333333;
margin: 16rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_1_c2_c1_c3_c0 {
width: 120rpx;
height: 120rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.storeDetails_fd4_1_c2_c1_c3 {
margin: 0rpx 48rpx 24rpx 0rpx;
}
.storeDetails_fd4_1_c2_c1_c2_c1 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #333333;
margin: 16rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_1_c2_c1_c2_c0 {
width: 120rpx;
height: 120rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.storeDetails_fd4_1_c2_c1_c2 {
margin: 0rpx 48rpx 24rpx 0rpx;
}
.storeDetails_fd4_1_c2_c1_c1_c1 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #333333;
margin: 16rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_1_c2_c1_c1_c0 {
width: 120rpx;
height: 120rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.storeDetails_fd4_1_c2_c1_c1 {
margin: 0rpx 48rpx 24rpx 0rpx;
}
.storeDetails_fd4_1_c2_c1_c0_c1 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #333333;
margin: 16rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_1_c2_c1_c0_c0 {
width: 120rpx;
height: 120rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.storeDetails_fd4_1_c2_c1_c0 {
margin: 0rpx 48rpx 24rpx 0rpx;
}
.storeDetails_fd4_1_c2_c1 {
margin: 24rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_1_c2_c0 {
line-height: 40rpx;
font-size: 28rpx;
font-weight: 600;
color: #333333;
}
.storeDetails_fd4_1_c1_c1_c3_c1 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #333333;
margin: 16rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_1_c1_c1_c3_c0 {
width: 120rpx;
height: 120rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.storeDetails_fd4_1_c1_c1_c3 {
margin: 0rpx 48rpx 24rpx 0rpx;
}
.storeDetails_fd4_1_c1_c1_c2_c1 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #333333;
margin: 16rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_1_c1_c1_c2_c0 {
width: 120rpx;
height: 120rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.storeDetails_fd4_1_c1_c1_c2 {
margin: 0rpx 48rpx 24rpx 0rpx;
}
.storeDetails_fd4_1_c1_c1_c1_c1 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #333333;
margin: 16rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_1_c1_c1_c1_c0 {
width: 120rpx;
height: 120rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.storeDetails_fd4_1_c1_c1_c1 {
margin: 0rpx 48rpx 24rpx 0rpx;
}
.storeDetails_fd4_1_c1_c1_c0_c1 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #333333;
margin: 16rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_1_c1_c1_c0_c0 {
width: 120rpx;
height: 120rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.storeDetails_fd4_1_c1_c1_c0 {
margin: 0rpx 48rpx 24rpx 0rpx;
}
.storeDetails_fd4_1_c1_c1 {
margin: 24rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_1_c1_c0 {
line-height: 40rpx;
font-size: 28rpx;
font-weight: 600;
color: #333333;
}
.storeDetails_fd4_1_c0_c1_c3_c1 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #333333;
margin: 16rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_1_c0_c1_c3_c0 {
width: 120rpx;
height: 120rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.storeDetails_fd4_1_c0_c1_c3 {
margin: 0rpx 48rpx 24rpx 0rpx;
}
.storeDetails_fd4_1_c0_c1_c2_c1 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #333333;
margin: 16rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_1_c0_c1_c2_c0 {
width: 120rpx;
height: 120rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.storeDetails_fd4_1_c0_c1_c2 {
margin: 0rpx 48rpx 24rpx 0rpx;
}
.storeDetails_fd4_1_c0_c1_c1_c1 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #333333;
margin: 16rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_1_c0_c1_c1_c0 {
width: 120rpx;
height: 120rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.storeDetails_fd4_1_c0_c1_c1 {
margin: 0rpx 48rpx 24rpx 0rpx;
}
.storeDetails_fd4_1_c0_c1_c0_c1 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #333333;
margin: 16rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_1_c0_c1_c0_c0 {
width: 120rpx;
height: 120rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.storeDetails_fd4_1_c0_c1_c0 {
margin: 0rpx 48rpx 24rpx 0rpx;
}
.storeDetails_fd4_1_c0_c1 {
margin: 24rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_1_c0_c0 {
line-height: 40rpx;
font-size: 28rpx;
font-weight: 600;
color: #333333;
}
.storeDetails_fd4_1 {
background: #fff;
padding: 40rpx 24rpx 0rpx 24rpx;
background-size: 100% auto !important;
}
.storeDetails_fd4_0_c6_c0 {
margin: 0rpx 0rpx 0rpx 40rpx;
line-height: 40rpx;
font-size: 28rpx;
font-weight: 700;
color: #333333;
}
.storeDetails_fd4_0_c6 {
padding: 0rpx 40rpx 0rpx 0rpx;
margin: 64rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_0_c5_c0 {
margin: 0rpx 0rpx 0rpx 40rpx;
line-height: 40rpx;
font-size: 28rpx;
font-weight: 700;
color: #333333;
}
.storeDetails_fd4_0_c5 {
padding: 0rpx 40rpx 0rpx 0rpx;
margin: 64rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_0_c4_c0 {
margin: 0rpx 0rpx 0rpx 40rpx;
line-height: 40rpx;
font-size: 28rpx;
font-weight: 700;
color: #333333;
}
.storeDetails_fd4_0_c4 {
padding: 0rpx 40rpx 0rpx 0rpx;
margin: 64rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_0_c3_c0 {
margin: 0rpx 0rpx 0rpx 40rpx;
line-height: 40rpx;
font-size: 28rpx;
font-weight: 700;
color: #333333;
}
.storeDetails_fd4_0_c3 {
padding: 0rpx 40rpx 0rpx 0rpx;
margin: 64rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_0_c2_c0 {
margin: 0rpx 0rpx 0rpx 40rpx;
line-height: 40rpx;
font-size: 28rpx;
font-weight: 700;
color: #333333;
}
.storeDetails_fd4_0_c2 {
padding: 0rpx 40rpx 0rpx 0rpx;
margin: 64rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_0_c1_c0 {
margin: 0rpx 0rpx 0rpx 40rpx;
line-height: 40rpx;
font-size: 28rpx;
font-weight: 700;
color: #333333;
}
.storeDetails_fd4_0_c1 {
padding: 0rpx 40rpx 0rpx 0rpx;
margin: 64rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_0_c0_c1 {
margin: 0rpx 0rpx 0rpx 32rpx;
line-height: 40rpx;
font-size: 28rpx;
font-weight: 700;
color: rgba(255, 147, 0, 1);
}
.storeDetails_fd4_0_c0_c0 {
background: rgba(255, 147, 0, 1);
width: 8rpx;
height: 34rpx;
margin: 0rpx 0rpx 0rpx 6rpx;
border-radius: 7rpx 7rpx 7rpx 7rpx;
}
.storeDetails_fd4_0_c0 {
padding: 0rpx 40rpx 0rpx 0rpx;
margin: 40rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd4_0 {
background: rgba(248, 248, 248, 1);
background-size: 100% auto !important;
padding: 0rpx 0rpx 40rpx 0rpx;
}
.storeDetails_flex_5 {
background: #fff;
background-size: 100% auto !important;
border-radius: 24rpx 24rpx 0rpx 0rpx;
padding: 40rpx 0rpx 58rpx 0rpx;
}
.storeDetails_fd5_1_c1_c1 {
font-size: 24rpx;
font-weight: 400;
color: #333333;
margin: 16rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd5_1_c1_c0 {
width: 80rpx;
height: 80rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd5_1_c0_c1 {
font-size: 24rpx;
font-weight: 400;
color: #333333;
margin: 16rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd5_1_c0_c0 {
width: 80rpx;
height: 80rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd5_1 {
margin: 48rpx 0rpx 0rpx 0rpx;
padding: 0rpx 213rpx 0rpx 213rpx;
}
.storeDetails_fd5_0_c2_c0 {
width: 28rpx;
height: 28rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd5_0_c1_c0 {
color: #333333;
font-size: 36rpx;
font-weight: 500;
line-height: 53rpx;
margin: 0rpx 20rpx 0rpx 20rpx;
}
.storeDetails_fd5_0_c0 {
width: 40rpx;
height: 40rpx;
}
.storeDetails_fd5_0 {
padding: 0rpx 32rpx 0rpx 32rpx;
}
.storeDetails_flex_6 {
margin: 0rpx 40rpx 0rpx 40rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
width: 670rpx;
}
.storeDetails_fd6_0_c1_c0 {
width: 56rpx;
height: 56rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd6_0_c1 {
margin: 40rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd6_0_c0_c4_c1 {
background: rgba(255, 147, 0, 1);
font-size: 28rpx;
color: rgba(255, 255, 255, 1);
width: 198rpx;
height: 76rpx;
border-radius: 38rpx 38rpx 38rpx 38rpx;
line-height: 76rpx;
}
.storeDetails_fd6_0_c0_c4_c0_c4 {
color: #999999;
font-size: 24rpx;
font-weight: 500;
line-height: 24rpx;
}
.storeDetails_fd6_0_c0_c4_c0_c3 {
color: #999999;
font-size: 24rpx;
font-weight: 500;
line-height: 24rpx;
margin: 0rpx 0rpx 0rpx 16rpx;
}
.storeDetails_price2_fd6_0_c0_c4_c0_c2 {
color: #E32121;
font-size: 36rpx;
font-weight: 500;
line-height: 40rpx;
}
.storeDetails_price1_fd6_0_c0_c4_c0_c2 {
color: #E32121;
font-size: 36rpx;
font-weight: 500;
line-height: 40rpx;
}
.storeDetails_fd6_0_c0_c4_c0_c2 {
line-height: 49rpx;
font-size: 40rpx;
font-weight: 700;
color: #FC4141;
}
.storeDetails_fd6_0_c0_c4_c0_c1 {
line-height: 34rpx;
font-size: 28rpx;
font-weight: 500;
color: #FC4141;
margin: 0rpx 0rpx 0rpx 16rpx;
}
.storeDetails_fd6_0_c0_c4_c0_c0 {
line-height: 40rpx;
font-size: 28rpx;
font-weight: 700;
color: #333333;
}
.storeDetails_fd6_0_c0_c4 {
padding: 0rpx 32rpx 0rpx 32rpx;
margin: 24rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd6_0_c0_c3_c3 {
line-height: 24rpx;
font-size: 24rpx;
font-weight: 400;
color: #666666;
}
.storeDetails_fd6_0_c0_c3_c2 {
line-height: 24rpx;
font-size: 24rpx;
font-weight: 400;
color: #666666;
}
.storeDetails_fd6_0_c0_c3_c1 {
line-height: 24rpx;
font-size: 24rpx;
font-weight: 400;
color: #666666;
}
.storeDetails_fd6_0_c0_c3_c0 {
line-height: 33rpx;
font-size: 24rpx;
font-weight: 400;
color: #666666;
}
.storeDetails_fd6_0_c0_c3 {
background: rgba(246, 247, 249, 0.39);
padding: 14rpx 0rpx 14rpx 32rpx;
}
.storeDetails_fd6_0_c0_c2_c1_c1 {
border: 1px solid rgba(204, 204, 204, 1);
margin: 0rpx 7rpx 0rpx 7rpx;
width: 192rpx;
height: 64rpx;
font-size: 24rpx;
line-height: 64rpx;
color: rgba(102, 102, 102, 1);
border-radius: 8rpx 8rpx 8rpx 8rpx;
}
.storeDetails_fd6_0_c0_c2_c1_c0 {
border: 1px solid rgba(255, 147, 0, 1);
background: rgba(255, 82, 55, 0.06);
border-radius: 8rpx 8rpx 8rpx 8rpx;
width: 192rpx;
height: 64rpx;
color: rgba(255, 147, 0, 1);
line-height: 64rpx;
font-size: 24rpx;
}
::v-deep .storeDetails_fd6_0_c0_c2_c1 {
margin: 24rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd6_0_c0_c2_c0 {
line-height: 40rpx;
font-size: 28rpx;
font-weight: 400;
color: #999999;
}
.storeDetails_fd6_0_c0_c2 {
margin: 32rpx 32rpx 32rpx 32rpx;
}
.storeDetails_fd6_0_c0_c1_c1_c1 {
border: 1px solid rgba(204, 204, 204, 1);
// margin: 0rpx 7rpx 0rpx 7rpx;
min-width: 150rpx;
max-width: 600rpx;
height: 64rpx;
font-size: 24rpx;
line-height: 64rpx;
color: rgba(102, 102, 102, 1);
border-radius: 8rpx 8rpx 8rpx 8rpx;
margin-right: 24rpx;
margin-bottom: 16rpx;
padding: 0 24rpx;
text-align: center
}
.storeDetails_fd6_0_c0_c1_c1_c0 {
border: 1px solid rgba(255, 147, 0, 1);
background: rgba(255, 82, 55, 0.06);
border-radius: 8rpx 8rpx 8rpx 8rpx;
min-width: 150rpx;
height: 64rpx;
color: rgba(255, 147, 0, 1);
line-height: 64rpx;
font-size: 24rpx;
margin-right: 24rpx;
margin-bottom: 16rpx;
padding: 0 24rpx;
max-width: 600rpx;
text-align: center
}
::v-deep .storeDetails_fd6_0_c0_c1_c1 {
margin: 24rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd6_0_c0_c1_c0 {
line-height: 40rpx;
font-size: 28rpx;
font-weight: 400;
color: #999999;
}
.storeDetails_fd6_0_c0_c1 {
margin: 32rpx 32rpx 0 32rpx;
}
.storeDetails_fd6_0_c0_c0_c1 {
max-width: 400rpx;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.storeDetails_fd6_0_c0_c0_c0 {
width: 160rpx;
height: 160rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
margin: 0rpx 24rpx 0rpx 0rpx;
}
.storeDetails_fd6_0_c0_c0 {
margin: 0rpx 32rpx 0rpx 32rpx;
}
.storeDetails_fd6_0_c0 {
background: rgba(255, 255, 255, 1);
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 32rpx 0rpx 32rpx 0rpx;
}
.storeDetails_flex_7 {
background: rgba(255, 255, 255, 1);
border-radius: 24rpx 24rpx 0rpx 0rpx;
padding: 45rpx 32rpx 32rpx 32rpx;
background-size: 100% auto !important;
}
.storeDetails_fd7_2_c1_c0 {
color: #FFFFFF;
font-size: 28rpx;
font-weight: 500;
line-height: 100rpx;
}
.storeDetails_fd7_2_c1 {
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/100.png) no-repeat, #eee;
width: 164rpx;
height: 100rpx;
border-radius: 0rpx 50rpx 50rpx 0rpx;
background-size: 100% auto !important;
}
.storeDetails_fd7_2_c0_c1_c1 {
color: #FFFFFF;
font-size: 36rpx;
font-weight: 500;
line-height: 36rpx;
}
.storeDetails_fd7_2_c0_c1_c0 {
color: #FFFFFF;
font-size: 24rpx;
font-weight: 500;
line-height: 34rpx;
}
.storeDetails_fd7_2_c0_c0_c1 {
position: absolute;
right: -16rpx;
top: -10rpx;
}
.storeDetails_fd7_2_c0_c0_c0 {
font-size: 44rpx;
color: rgba(255, 255, 255, 1);
}
.storeDetails_fd7_2_c0_c0 {
margin: 0rpx 24rpx 0rpx 0rpx;
position: relative;
}
.storeDetails_fd7_2_c0 {
height: 100rpx;
padding: 0rpx 0rpx 0rpx 40rpx;
}
.storeDetails_fd7_2 {
background: rgba(85, 85, 85, 1);
height: 100rpx;
border-radius: 50rpx 50rpx 50rpx 50rpx;
background-size: 100% auto !important;
}
.storeDetails_fd7_1_c1_c2_c1_c0_c2 {
height: 36rpx;
margin: 0rpx 4rpx 0rpx 4rpx;
width: 36rpx;
}
.storeDetails_fd7_1_c1_c2_c1_c0_c0 {
height: 36rpx;
margin: 0rpx 4rpx 0rpx 4rpx;
width: 36rpx;
}
::v-deep .storeDetails_numberBoxInputfd7_1_c1_c2_c1_c0 {
background: rgba(255, 255, 255, 1);
width: 80rpx;
height: 50rpx;
text-align: center;
color: rgba(51, 51, 51, 1);
font-size: 28rpx;
}
.storeDetails_fd7_1_c1_c2_c0_c3 {
color: #999999;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
text-decoration: line-through;
}
.storeDetails_fd7_1_c1_c2_c0_c2 {
color: #999999;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
text-decoration: line-through;
}
.storeDetails_fd7_1_c1_c2_c0_c1 {
margin: 0rpx 16rpx 0rpx 0rpx;
color: #E32121;
font-size: 28rpx;
font-weight: 500;
line-height: 28rpx;
}
.storeDetails_fd7_1_c1_c2_c0_c0 {
color: #E32121;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
}
.storeDetails_fd7_1_c1_c2 {
// margin: 38rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd7_1_c1_c1_c0 {
color: #999999;
font-size: 24rpx;
font-weight: 500;
line-height: 24rpx;
}
.storeDetails_fd7_1_c1_c1 {
// margin: 12rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd7_1_c1_c0_c0 {
color: #333333;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.storeDetails_fd7_1_c1 {
justify-content: space-around;
border-bottom: 1px solid #eee;
// padding: 0rpx 0rpx 32rpx 0rpx;
padding-bottom: 32rpx;
box-sizing: content-box;
height: 168rpx;
}
.storeDetails_fd7_1_c0_c0 {
width: 168rpx;
height: 168rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
.storeDetails_fd7_1_c0 {
margin: 0rpx 16rpx 0rpx 0rpx;
}
.storeDetails_fd7_1 {
margin: 0rpx 0rpx 32rpx 0rpx;
max-height: 80vh;
}
.cart-wrap {
max-height: 60vh;
}
.storeDetails_fd7_0_c1_c0 {
color: #666666;
font-size: 28rpx;
font-weight: 500;
line-height: 42rpx;
}
.storeDetails_fd7_0_c0_c3 {
color: #999999;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.storeDetails_fd7_0_c0_c2 {
color: #999999;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.storeDetails_fd7_0_c0_c1 {
color: #999999;
font-size: 28rpx;
font-weight: 500;
line-height: 30rpx;
}
.storeDetails_fd7_0_c0_c0 {
color: #333333;
font-size: 36rpx;
font-weight: 500;
line-height: 42rpx;
margin: 0rpx 16rpx 0rpx 0rpx;
}
.storeDetails_fd7_0 {
margin: 0rpx 0rpx 32rpx 0rpx;
}
.storeDetails_flex_8 {
background: rgba(255, 255, 255, 1);
width: 750rpx;
height: 148rpx;
z-index: 10;
bottom: calc(0rpx + var(--window-bottom));
background-size: 100% auto !important;
overflow: hidden;
}
.storeDetails_fd8_0_c1_c1_c0 {
color: #FFFFFF;
font-size: 28rpx;
font-weight: 500;
line-height: 100rpx;
}
.storeDetails_fd8_0_c1_c1 {
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/100.png) no-repeat, #eee;
width: 164rpx;
height: 100rpx;
border-radius: 0rpx 50rpx 50rpx 0rpx;
background-size: 100% auto !important;
}
.storeDetails_fd8_0_c1_c0_c2_c1 {
color: #CCCCCC;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
text-decoration: line-through;
}
.storeDetails_fd8_0_c1_c0_c2_c0 {
color: #CCCCCC;
font-size: 22rpx;
font-weight: 500;
line-height: 22rpx;
text-decoration: line-through;
}
.storeDetails_fd8_0_c1_c0_c2 {
margin: 0rpx 0rpx 0rpx 16rpx;
}
.storeDetails_fd8_0_c1_c0_c1_c1 {
color: #FFFFFF;
font-size: 36rpx;
font-weight: 500;
line-height: 36rpx;
}
.storeDetails_fd8_0_c1_c0_c1_c0 {
color: #FFFFFF;
font-size: 24rpx;
font-weight: 500;
line-height: 34rpx;
}
.storeDetails_fd8_0_c1_c0_c0_c1 {
position: absolute;
right: -16rpx;
top: -10rpx;
}
.storeDetails_fd8_0_c1_c0_c0_c0 {
font-size: 44rpx;
color: rgba(255, 255, 255, 1);
}
.storeDetails_fd8_0_c1_c0_c0 {
margin: 0rpx 24rpx 0rpx 0rpx;
position: relative;
}
.storeDetails_fd8_0_c1_c0 {
height: 100rpx;
padding: 0rpx 0rpx 0rpx 40rpx;
}
.storeDetails_fd8_0_c1 {
background: rgba(85, 85, 85, 1);
height: 100rpx;
border-radius: 50rpx 50rpx 50rpx 50rpx;
background-size: 100% auto !important;
}
.storeDetails_fd8_0_c0_c1_c1_c2 {
color: #CCCCCC;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.storeDetails_fd8_0_c0_c1_c1_c1 {
color: #CCCCCC;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.storeDetails_fd8_0_c0_c1_c1_c0 {
color: #CCCCCC;
font-size: 32rpx;
font-weight: 500;
line-height: 32rpx;
}
.storeDetails_fd8_0_c0_c1_c0 {
background: rgba(112, 112, 112, 1);
margin: 0rpx 32rpx 0rpx 0rpx;
width: 1rpx;
height: 40rpx;
background-size: 100% auto !important;
}
.storeDetails_fd8_0_c0_c0_c2 {
color: #FFFFFF;
font-size: 32rpx;
font-weight: 500;
line-height: 34rpx;
}
.storeDetails_fd8_0_c0_c0_c1 {
color: #FFFFFF;
font-size: 24rpx;
font-weight: 500;
line-height: 30rpx;
}
.storeDetails_fd8_0_c0_c0_c0 {
font-size: 44rpx;
color: rgba(255, 255, 255, 1);
margin: 0rpx 24rpx 0rpx 0rpx;
}
.storeDetails_fd8_0_c0 {
background: rgba(85, 85, 85, 1);
height: 100rpx;
border-radius: 50rpx 50rpx 50rpx 50rpx;
background-size: 100% auto !important;
padding: 28rpx 46rpx 28rpx 40rpx;
}
.storeDetails_fd8_0 {
background: rgba(255, 255, 255, 1);
padding: 12rpx 32rpx 0rpx 32rpx;
background-size: 100% auto !important;
}
.content-wrap {
border-top: 1px solid #f8f8f8;
border-radius: 16rpx 16rpx 0 0;
padding-top: 40rpx;
// margin-bottom: 140rpx;
// position: fixed;
bottom: var(--window-bottom);
display: flex;
background: #fff;
.left {
width: 180rpx;
height: 100%;
// margin-top: 50rpx;
background-color: #F6F7F9;
box-sizing: border-box;
.item {
width: 100%;
height: 99rpx;
line-height: 99rpx;
font-size: 24rpx;
color: #666666;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
position: relative;
image {
width: 16rpx;
height: 20rpx;
margin-right: 10rpx;
}
}
.item.active {
background-color: #fff;
color: #FF9300;
font-weight: bold;
position: relative;
// &::before {
// content: '';
// width: 8rpx;
// height: 34rpx;
// background: #ff6464;
// border-radius: 4rpx;
// position: absolute;
// top: 50%;
// left: 0;
// transform: translateY(-50%);
// }
}
.cuIconlujing226{
width: 32rpx;
height: 32rpx;
text-align: center;
line-height: 32rpx;
position: absolute;
right: 35rpx;
bottom: 40rpx;
font-size: 20rpx;
color: #fff;
background: #E32121;
border-radius: 50%;
}
}
.right {
width: 570rpx;
height: 100%;
background-color: #fff;
}
}
.cate-box-wrap {
.cate-box-wrap-title {
line-height: 80rpx;
padding: 0 32rpx;
}
&:last-child {
// min-height: calc(100vh - var(--window-bottom) - var(--window-top));
min-height: 100%;
}
.cate-box {
display: flex;
flex-wrap: wrap;
padding-left: 10rpx;
box-sizing: border-box;
.cate-box-item {
padding-bottom: 20rpx;
position: relative;
.goodsname{
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.price{
color: #E32121;
margin-right: 16rpx;
}
.sales{
margin: 12rpx 0 40rpx 0;
}
.line{
text-decoration: line-through;
}
.skuclass{
width: 94rpx;
height: 42rpx;
background: #FF9300;
border-radius: 21rpx;
}
.skuimg{
width: 40rpx;
height: 40rpx;
}
.specnum{
width: 32rpx;
height: 32rpx;
text-align: center;
line-height: 32rpx;
position: absolute;
right: 0rpx;
bottom: 50rpx;
font-size: 20rpx;
color: #fff;
background: #E32121;
border-radius: 50%;
}
}
}
}
.skuimg{
width: 40rpx;
height: 40rpx;
}
</style>
Reference in New Issue View Git Blame Copy Permalink