|
@@ -23,11 +23,11 @@ const navList = ref([
|
|
|
{ title: '全部', id: 1 },
|
|
{ title: '全部', id: 1 },
|
|
|
{ title: '星闪豹', id: 2 },
|
|
{ title: '星闪豹', id: 2 },
|
|
|
{ title: '电影演出', id: 3 },
|
|
{ title: '电影演出', id: 3 },
|
|
|
- { title: '视频权益', id: 4 },
|
|
|
|
|
- { title: '大牌点餐', id: 5 },
|
|
|
|
|
|
|
+ // { title: '视频权益', id: 4 },
|
|
|
|
|
+ // { title: '大牌点餐', id: 5 },
|
|
|
{ title: '加油', id: 6 },
|
|
{ title: '加油', id: 6 },
|
|
|
- { title: '酒店民宿', id: 7 },
|
|
|
|
|
- { title: '代驾', id: 8 },
|
|
|
|
|
|
|
+ // { title: '酒店民宿', id: 7 },
|
|
|
|
|
+ // { title: '代驾', id: 8 },
|
|
|
])
|
|
])
|
|
|
|
|
|
|
|
watch(() => cartList.value, async () => {
|
|
watch(() => cartList.value, async () => {
|
|
@@ -49,53 +49,53 @@ async function handleSelectAddress() {
|
|
|
safe-area-inset-top fixed
|
|
safe-area-inset-top fixed
|
|
|
>
|
|
>
|
|
|
<template #left>
|
|
<template #left>
|
|
|
- <view class="ml10rpx flex items-center" @click.stop="handleSelectAddress">
|
|
|
|
|
- <view class="mr20rpx text-36rpx font-semibold">
|
|
|
|
|
|
|
+ <view class="ml-10rpx flex items-center" @click.stop="handleSelectAddress">
|
|
|
|
|
+ <view class="mr-20rpx text-36rpx font-semibold">
|
|
|
购物车
|
|
购物车
|
|
|
</view>
|
|
</view>
|
|
|
- <image :src="`${StaticUrl}/location-green.png`" class="h33.8rpx w29rpx" />
|
|
|
|
|
- <view class="ml10rpx max-w-280rpx truncate text-32rpx text-#222 font-semibold">
|
|
|
|
|
|
|
+ <image :src="`${StaticUrl}/location-green.png`" class="h-33.8rpx w-29rpx" />
|
|
|
|
|
+ <view class="ml-10rpx max-w-280rpx truncate text-32rpx text-[#222] font-semibold">
|
|
|
{{ smqjhSelectedAddress?.city || '请选择地址' }}
|
|
{{ smqjhSelectedAddress?.city || '请选择地址' }}
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
</wd-navbar>
|
|
</wd-navbar>
|
|
|
- <view class="xsb-linear h406rpx" />
|
|
|
|
|
|
|
+ <view class="xsb-linear h-406rpx" />
|
|
|
<view class="-mt220rpx">
|
|
<view class="-mt220rpx">
|
|
|
- <view class="flex items-center justify-between pb16rpx">
|
|
|
|
|
- <view class="w85%">
|
|
|
|
|
|
|
+ <view class="flex items-center justify-between pb-16rpx">
|
|
|
|
|
+ <view class="w-[85%]">
|
|
|
<wd-tabs v-model="tab">
|
|
<wd-tabs v-model="tab">
|
|
|
<block v-for="tabs in navList" :key="tabs.id">
|
|
<block v-for="tabs in navList" :key="tabs.id">
|
|
|
<wd-tab :title="tabs.title" />
|
|
<wd-tab :title="tabs.title" />
|
|
|
</block>
|
|
</block>
|
|
|
</wd-tabs>
|
|
</wd-tabs>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="guanli h80rpx w104rpx flex flex-shrink-0 items-center justify-center text-28rpx font-semibold">
|
|
|
|
|
|
|
+ <view class="guanli h-80rpx w-104rpx flex flex-shrink-0 items-center justify-center text-28rpx font-semibold">
|
|
|
管理
|
|
管理
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <scroll-view scroll-y class="content box-border px24rpx">
|
|
|
|
|
- <view v-for="shop in cartList" :key="shop.shopId" class="mb24rpx rounded-16rpx bg-white px24rpx pb18rpx pt28rpx">
|
|
|
|
|
|
|
+ <scroll-view scroll-y class="content box-border px-24rpx">
|
|
|
|
|
+ <view v-for="shop in cartList" :key="shop.shopId" class="mb-24rpx rounded-16rpx bg-white px-24rpx pb-18rpx pt-28rpx">
|
|
|
<wd-checkbox v-model="shop.AllShopGoods" size="large" @change="cartStore.cartStoreAllChecked($event, shop)">
|
|
<wd-checkbox v-model="shop.AllShopGoods" size="large" @change="cartStore.cartStoreAllChecked($event, shop)">
|
|
|
<view class="text-28rpx font-semibold">
|
|
<view class="text-28rpx font-semibold">
|
|
|
{{ shop.shopName }}
|
|
{{ shop.shopName }}
|
|
|
</view>
|
|
</view>
|
|
|
</wd-checkbox>
|
|
</wd-checkbox>
|
|
|
- <view class="mt20rpx h2rpx w-full bg-#F0F0F0" />
|
|
|
|
|
|
|
+ <view class="mt-20rpx h-2rpx w-full bg-[#F0F0F0]" />
|
|
|
<wd-checkbox-group v-model="shop.allGoods" size="large" @change="cartStore.cartGoodsChecked($event, shop)">
|
|
<wd-checkbox-group v-model="shop.allGoods" size="large" @change="cartStore.cartGoodsChecked($event, shop)">
|
|
|
<view
|
|
<view
|
|
|
- v-for="item in shop.skuList" :key="item.id" class="relative mt20rpx flex items-center"
|
|
|
|
|
|
|
+ v-for="item in shop.skuList" :key="item.id" class="relative mt-20rpx flex items-center"
|
|
|
>
|
|
>
|
|
|
- <view class="mr20rpx h32rpx w32rpx">
|
|
|
|
|
|
|
+ <view class="mr-20rpx h-32rpx w-32rpx">
|
|
|
<wd-checkbox :model-value="item.id" />
|
|
<wd-checkbox :model-value="item.id" />
|
|
|
</view>
|
|
</view>
|
|
|
<view class="flex flex-1">
|
|
<view class="flex flex-1">
|
|
|
<image
|
|
<image
|
|
|
:src="item.pic"
|
|
:src="item.pic"
|
|
|
- class="h206rpx w200rpx flex-shrink-0"
|
|
|
|
|
|
|
+ class="h-206rpx w-200rpx flex-shrink-0"
|
|
|
@click.stop="router.push({ name: 'xsb-goods', params: { id: String(item.prodId) } })"
|
|
@click.stop="router.push({ name: 'xsb-goods', params: { id: String(item.prodId) } })"
|
|
|
/>
|
|
/>
|
|
|
- <view class="ml20rpx flex-1">
|
|
|
|
|
|
|
+ <view class="ml-20rpx flex-1">
|
|
|
<view class="text-left text-28rpx font-semibold">
|
|
<view class="text-left text-28rpx font-semibold">
|
|
|
<!-- <view v-for="i in 2" :key="i" class="mr5px inline-block">
|
|
<!-- <view v-for="i in 2" :key="i" class="mr5px inline-block">
|
|
|
<wd-tag type="danger">
|
|
<wd-tag type="danger">
|
|
@@ -104,26 +104,26 @@ async function handleSelectAddress() {
|
|
|
</view> -->
|
|
</view> -->
|
|
|
{{ item.skuName }}
|
|
{{ item.skuName }}
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="mt14rpx text-24rpx text-#AAAAAA">
|
|
|
|
|
|
|
+ <view class="mt-14rpx text-24rpx text-[#AAAAAA]">
|
|
|
规格:{{ item.spec }}
|
|
规格:{{ item.spec }}
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="mt14rpx flex items-center justify-between">
|
|
|
|
|
- <view class="text-36rpx text-#FF4A39 font-semibold">
|
|
|
|
|
|
|
+ <view class="mt-14rpx flex items-center justify-between">
|
|
|
|
|
+ <view class="text-36rpx text-[#FF4A39] font-semibold">
|
|
|
¥{{ item.price }}
|
|
¥{{ item.price }}
|
|
|
</view>
|
|
</view>
|
|
|
<!-- <wd-input-number v-model="item.num" disable-input @change="handleChangeNum($event, item)" /> -->
|
|
<!-- <wd-input-number v-model="item.num" disable-input @change="handleChangeNum($event, item)" /> -->
|
|
|
<view class="flex items-center">
|
|
<view class="flex items-center">
|
|
|
<image
|
|
<image
|
|
|
:src="` ${StaticUrl}/sub-cart.png`"
|
|
:src="` ${StaticUrl}/sub-cart.png`"
|
|
|
- class="h44rpx w44rpx"
|
|
|
|
|
|
|
+ class="h-44rpx w-44rpx"
|
|
|
@click.stop="cartStore.cartSubGoods(item)"
|
|
@click.stop="cartStore.cartSubGoods(item)"
|
|
|
/>
|
|
/>
|
|
|
- <view class="box-border h44rpx w84rpx flex items-center justify-center border border-#F0F0F0 border-solid text-24rpx text-#AAAAAA">
|
|
|
|
|
|
|
+ <view class="box-border h-44rpx w-84rpx flex items-center justify-center border border-[#F0F0F0] border-solid text-24rpx text-[#AAAAAA]">
|
|
|
{{ item.num }}
|
|
{{ item.num }}
|
|
|
</view>
|
|
</view>
|
|
|
<image
|
|
<image
|
|
|
:src="` ${StaticUrl}/add-cart.png`"
|
|
:src="` ${StaticUrl}/add-cart.png`"
|
|
|
- class="h44rpx w44rpx"
|
|
|
|
|
|
|
+ class="h-44rpx w-44rpx"
|
|
|
@click.stop="cartStore.cartAddGoods(item)"
|
|
@click.stop="cartStore.cartAddGoods(item)"
|
|
|
/>
|
|
/>
|
|
|
</view>
|
|
</view>
|
|
@@ -131,12 +131,12 @@ async function handleSelectAddress() {
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view v-if="item.shopSkuStocks == '0'" class="absolute left-0 top-0 z-1 h-full w-full flex items-center justify-center bg-[rgba(255,255,255,.6)]">
|
|
<view v-if="item.shopSkuStocks == '0'" class="absolute left-0 top-0 z-1 h-full w-full flex items-center justify-center bg-[rgba(255,255,255,.6)]">
|
|
|
- <view class="rounded-16rpx bg-[rgba(0,0,0,.5)] p20rpx text-white">
|
|
|
|
|
|
|
+ <view class="rounded-16rpx bg-[rgba(0,0,0,.5)] p-20rpx text-white">
|
|
|
商品已售罄
|
|
商品已售罄
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view v-if="item.isDelete == '1'" class="absolute left-0 top-0 z-1 h-full w-full flex items-center justify-center bg-[rgba(255,255,255,.6)]">
|
|
<view v-if="item.isDelete == '1'" class="absolute left-0 top-0 z-1 h-full w-full flex items-center justify-center bg-[rgba(255,255,255,.6)]">
|
|
|
- <view class="rounded-16rpx bg-[rgba(0,0,0,.5)] p20rpx text-white">
|
|
|
|
|
|
|
+ <view class="rounded-16rpx bg-[rgba(0,0,0,.5)] p-20rpx text-white">
|
|
|
商品已删除
|
|
商品已删除
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -145,9 +145,9 @@ async function handleSelectAddress() {
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<view v-if="!cartList.length" class="box-border w-full flex items-center justify-center">
|
|
<view v-if="!cartList.length" class="box-border w-full flex items-center justify-center">
|
|
|
- <view class="mt220rpx flex flex-col items-center">
|
|
|
|
|
- <image :src="`${StaticUrl}/cart.png`" class="h110rpx w110rpx" />
|
|
|
|
|
- <view class="mb20rpx mt20rpx text-24rpx">
|
|
|
|
|
|
|
+ <view class="mt-220rpx flex flex-col items-center">
|
|
|
|
|
+ <image :src="`${StaticUrl}/cart.png`" class="h-110rpx w-110rpx" />
|
|
|
|
|
+ <view class="mb-20rpx mt-20rpx text-24rpx">
|
|
|
你还没有添加商品哦~
|
|
你还没有添加商品哦~
|
|
|
</view>
|
|
</view>
|
|
|
<wd-button plain @click=" useTabbar().setTabbarItemActive('smqjh-home'), router.pushTab({ name: 'smqjh-home' })">
|
|
<wd-button plain @click=" useTabbar().setTabbarItemActive('smqjh-home'), router.pushTab({ name: 'smqjh-home' })">
|
|
@@ -155,38 +155,38 @@ async function handleSelectAddress() {
|
|
|
</wd-button>
|
|
</wd-button>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="h140rpx" />
|
|
|
|
|
|
|
+ <view class="h-140rpx" />
|
|
|
</scroll-view>
|
|
</scroll-view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view v-if="cartList.length" class="fixedShadow fixed bottom-60rpx left-0 z-99 box-border w-full flex items-center justify-between rounded-t-16rpx bg-white px24rpx pb60rpx pt10rpx">
|
|
|
|
|
|
|
+ <view v-if="cartList.length" class="fixedShadow fixed bottom-60rpx left-0 z-99 box-border w-full flex items-center justify-between rounded-t-16rpx bg-white px-24rpx pb-60rpx pt-10rpx">
|
|
|
<view class="ios w-full flex items-center justify-between">
|
|
<view class="ios w-full flex items-center justify-between">
|
|
|
<view class="flex items-center">
|
|
<view class="flex items-center">
|
|
|
<image
|
|
<image
|
|
|
:src="`${StaticUrl}/cart-lanzi.png`"
|
|
:src="`${StaticUrl}/cart-lanzi.png`"
|
|
|
- class="h100rpx w100rpx"
|
|
|
|
|
|
|
+ class="h-100rpx w-100rpx"
|
|
|
/>
|
|
/>
|
|
|
- <view class="ml16rpx flex items-center">
|
|
|
|
|
|
|
+ <view class="ml-16rpx flex items-center">
|
|
|
<wd-checkbox v-model="isCartAllChecked" size="large" @change="cartStore.cartAllChecked">
|
|
<wd-checkbox v-model="isCartAllChecked" size="large" @change="cartStore.cartAllChecked">
|
|
|
全选
|
|
全选
|
|
|
</wd-checkbox>
|
|
</wd-checkbox>
|
|
|
- <view class="ml10rpx text-24rpx text-#FF4A39" @click="cartStore.cartDeleteGoods">
|
|
|
|
|
|
|
+ <view class="ml-10rpx text-24rpx text-[#FF4A39]" @click="cartStore.cartDeleteGoods">
|
|
|
删除
|
|
删除
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="flex items-center">
|
|
<view class="flex items-center">
|
|
|
<view class="flex items-center font-semibold">
|
|
<view class="flex items-center font-semibold">
|
|
|
- <view class="text-22rpx text-#222">
|
|
|
|
|
|
|
+ <view class="text-22rpx text-[#222]">
|
|
|
总计:
|
|
总计:
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="flex items-baseline text-24rpx text-#FF4A39">
|
|
|
|
|
|
|
+ <view class="flex items-baseline text-24rpx text-[#FF4A39]">
|
|
|
¥
|
|
¥
|
|
|
<text class="text-36rpx">
|
|
<text class="text-36rpx">
|
|
|
{{ totalProduct?.price || '0.00' }}
|
|
{{ totalProduct?.price || '0.00' }}
|
|
|
</text>
|
|
</text>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="ml20rpx w160rpx">
|
|
|
|
|
|
|
+ <view class="ml-20rpx w-160rpx">
|
|
|
<wd-button block size="large" @click="cartStore.cartOrderConfirm">
|
|
<wd-button block size="large" @click="cartStore.cartOrderConfirm">
|
|
|
结算
|
|
结算
|
|
|
</wd-button>
|
|
</wd-button>
|