up

sanmu
1 parent 7866e886
Showing 9 changed files with 24 additions and 21 deletions
src/assets/banner1.png → public/banner1.png
src/assets/banner2.jpeg → public/banner2.jpeg
src/assets/banner3.jpeg → public/banner3.jpeg
src/components/Header.vue
src/components/__tests__/HelloWorld.spec.ts
src/type.d.ts
src/views/Home.vue
src/views/ProductDetail.vue
vite.config.ts
@@ -30,9 +30,6 @@
 import { ref, onMounted } from 'vue'
  
 const tab = ref(1)
-const handleTabsChange = (val) => {
-  console.log(12121)
-}
 </script>
  
 <style lang="scss" scoped>
-import { describe, it, expect } from 'vitest'
-
-import { mount } from '@vue/test-utils'
-import HelloWorld from '../HelloWorld.vue'
-
-describe('HelloWorld', () => {
-  it('renders properly', () => {
-    const wrapper = mount(HelloWorld, { props: { msg: 'Hello Vitest' } })
-    expect(wrapper.text()).toContain('Hello Vitest')
-  })
-})
@@ -14,6 +14,17 @@ export interface Product {
   name: string
   id: string
   imageUrl: string
+  basename1: string
+  basename2: string
+  basename2: string
+  basecore1: string
+  basecore2: string
+  basecore3: string
+  model: string
+  brandName: string
+  physicalproperty: string
+  storage: string
+  productimageliststore: ProductImage[]
 }
  
 export interface ProductListQuery {
@@ -22,3 +33,8 @@ export interface ProductListQuery {
   pageNo: number
   pageSize: number
 }
+
+export interface ProductImage {
+  url: string
+  fileKey: string
+}
 <template>
   <v-container class="mx-auto content">
     <v-carousel cycle height="360" hide-delimiter-background show-arrows="hover" class="tw-mb-16">
-      <v-carousel-item v-for="(slide, i) in slides" :key="i" :src="slide" cover> </v-carousel-item>
+      <v-carousel-item src="/banner1.png" cover> </v-carousel-item>
+      <v-carousel-item src="/banner2.jpeg" cover> </v-carousel-item>
+      <v-carousel-item src="/banner3.jpeg" cover> </v-carousel-item>
     </v-carousel>
     <div v-for="item in store.list" :key="item.categoryDisplayName" class="tw-mb-[64px]">
       <HomeProductList :title="item.categoryDisplayName" :list="item.list" />
@@ -12,7 +14,6 @@
 <script setup lang="ts">
 import HomeProductList from '@/components/HomeCategoryList.vue'
 import { useCategoryStore } from '@/stores/category'
-const slides = ['src/assets/banner1.png', 'src/assets/banner2.jpeg', 'src/assets/banner3.jpeg']
  
 const store = useCategoryStore()
 </script>
@@ -70,20 +70,21 @@
  
 <script setup lang="ts">
 import { getDetail } from '@/service'
+import type { Product } from '@/type'
+import type { ProductImage } from '@/type'
 import { onMounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
  
 const route = useRoute()
-const info = ref({
+const info = ref<Partial<Product>>({
   productimageliststore: []
 })
  
 onMounted(() => {
   getDetail({ id: route.params.id as string }).then((res) => {
     const data = res.data.data || {}
-    console.log('%c [ data ]-117', 'font-size:13px; background:pink; color:#bf2c9f;', data)
-    data.productimageliststore = JSON.parse(data.productimageliststore) || []
-    data.productimageliststore = data.productimageliststore.map((item) => ({
+    data.productimageliststore = (JSON.parse(data.productimageliststore) || []) as ProductImage[]
+    data.productimageliststore = data.productimageliststore.map((item: ProductImage) => ({
       ...item,
       url: `http://112.74.45.244:8100/api/show/image?fileKey=${item.fileKey}`
     }))
@@ -15,7 +15,6 @@ export default defineConfig({
     }
   },
   server: {
-    port: 80,
     proxy: {
       '/shop': {
         target: 'http://39.108.227.113:8002'