商品页

src/components/tab-view/index.vue

@@ -2,6 +2,7 @@
 import {reactive} from "vue";
 import {onLoad} from "@dcloudio/uni-app";
 import SidebarView from "@/components/sidebar-view/index.vue"
+import Item from "@/pages/category/components/item";
 const props = defineProps({
   tabs: {
     type: Array,
@@ -63,6 +64,18 @@ onLoad(() => {
             <template #default="{data}">
               <view class="bg-orange-100 h-full"> {{ item.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>
           </SidebarView>
         </swiper-item>