商品页

This commit is contained in:
shikong 2024-10-18 20:34:42 +08:00
parent 0c8339c12c
commit 51f6596279
Signed by: Shikong
GPG Key ID: BD85FF18B373C341

View File

@ -2,6 +2,7 @@
import {reactive} from "vue"; import {reactive} from "vue";
import {onLoad} from "@dcloudio/uni-app"; import {onLoad} from "@dcloudio/uni-app";
import SidebarView from "@/components/sidebar-view/index.vue" import SidebarView from "@/components/sidebar-view/index.vue"
import Item from "@/pages/category/components/item";
const props = defineProps({ const props = defineProps({
tabs: { tabs: {
type: Array, type: Array,
@ -63,6 +64,18 @@ onLoad(() => {
<template #default="{data}"> <template #default="{data}">
<view class="bg-orange-100 h-full"> {{ item.name }}</view> <view class="bg-orange-100 h-full"> {{ item.name }}</view>
<view> {{data.name}} </view> <view> {{data.name}} </view>
<scroll-view scroll-y class="flex-grow-0 min-h-0 text-left">
<Item v-for="i in 10" :key="i"
@tap="toCommodity(i)"
img="https://www.httpbin.org/image/png"
title="测试商品测试商品测试商品测试商品测试商品测试商品测试商品" price="9999.99"/>
<Item v-for="i in 20" :key="i"
img="https://www.httpbin.org/image/jpeg"
title="测试商品" price="9999.99"
oldPrice="8888.88"/>
</scroll-view>
</template> </template>
</SidebarView> </SidebarView>
</swiper-item> </swiper-item>