对接api

src/pages/details/components/swiper/index.tsx

@@ -1,15 +1,16 @@
 import { Image, Swiper, SwiperItem, View } from "@tarojs/components"
-import { useMemo, useState } from "react"
+import { useMemo, useRef, useState } from "react"
 import styles  from './index.module.scss'
 
 type item = {title:string, img:string, url:string, id:number}
 
 type params = {
     list?: item[]
-  }
+}
 export default ({list = []}: params) => {
     
     const [pageIndex, setPageIndex] = useState(1)
+    const pageRef = useRef<any>(null)
 
     const pageCount = useMemo(() => {
         return list.length
@@ -17,7 +18,9 @@ export default ({list = []}: params) => {
 
     const swiperChange = (e) => {
         setPageIndex(e.detail.current + 1)
+        pageRef.current.innerHTML = 2
     }
+    
 
     return (
         <View className={styles.swiper}>
@@ -30,7 +33,7 @@ export default ({list = []}: params) => {
                 </SwiperItem>
             })}
             </Swiper>
-            <View className={styles.page}>{pageIndex+'/'+pageCount}</View>
+            <View className={styles.page} ref={pageRef}>{pageIndex+'/'+pageCount}</View>
         </View>
     )
 }