提交

1

src/views/home/index.tsx

@@ -1,5 +1,5 @@
 // import { PaperClipIcon } from '@heroicons/vue/solid'
-import { defineComponent,toRefs, reactive, onMounted, ref } from 'vue'
+import { defineComponent, toRefs, reactive, onMounted, ref } from 'vue'
 import arrow from '@/components/musicLIstItem/images/arrow.png'
 import styles from './index.module.less'
 import albumItem from '@/components/albumItem'
@@ -8,7 +8,8 @@ import musicLIstItem from '@/components/musicLIstItem'
 import titleDot from './images/titleDot.png'
 import hotSearch from '@/components/hotSearch'
 import { Swiper, SwiperSlide } from 'swiper/vue'
-import { Navigation, Pagination, Scrollbar, A11y } from "swiper";
+import { Navigation, Pagination, Scrollbar, A11y } from 'swiper'
+import request from '@/helpers/request'
 import silder from '@/components/silder'
 import 'swiper/css'
 import 'swiper/css/navigation'
@@ -27,7 +28,8 @@ export default defineComponent({
   },
   setup() {
     const state = reactive({
-      modules:[Navigation, Pagination, Scrollbar, A11y],
+      modules: [Navigation, Pagination, Scrollbar, A11y],
+      albumList: []
     })
     const onSwiper = swiper => {
       console.log(swiper)
@@ -35,10 +37,26 @@ export default defineComponent({
     const onSlideChange = () => {
       console.log('slide change')
     }
+    const getAlbumList = async () => {
+      try {
+        const res = await request.post('/api-website/open/music/album/list', {
+          data: {
+            albumStatus: 1,
+            page: 1,
+            rows: 10
+          }
+        })
+      } catch (e) {
+        console.log(e)
+      }
+    }
+    onMounted(() => {
+      getAlbumList()
+    })
     return () => (
       <div>
         <swiper
-        modules={state.modules}
+          modules={state.modules}
           class={styles.mySwiper}
           slides-per-view={1}
           space-between={50}
@@ -115,7 +133,7 @@ export default defineComponent({
             {/* <musicLIstItem></musicLIstItem> */}
           </div>
         </div>
-        < silder></ silder>
+        <silder></silder>
       </div>
     )
   }