md文档添加

c_client/src/components/_tb_comps/RotateWheel/RotateWheel.jsx

@@ -20,7 +20,8 @@ const RotateWheel = (props) => {
         timeFunction,
         nodeInfo,
         showWay,
-        isShowPrizeName
+        isShowPrizeName,
+        callback
     } = props;
     /* 奖品列表 */
     const [prizelist,setPrizelist] = useState(prizeList)
@@ -93,6 +94,10 @@ const RotateWheel = (props) => {
 
         let prizeId = Math.floor(Math.random() * prizelist.length) + 100;
         startRotation(prizeId)
+        setTimeout(() => {
+            // 弹出弹窗
+            callback && callback()//prizeInfo
+        }, duration + 1000);
     },duration) 
 
 

c_client/src/components/_tb_comps/RotateWheel/rotatewheel.md

 **记事本打开**
 
-#### 大转盘配置项入参
+##### 大转盘配置项入参
 
 |    配置项    |   类型   |    描述     |  默认值  |  备注  |
 | :--------   | :-----:  | :--------: | :-----:  | :---:|
@@ -15,3 +15,8 @@
 | showWay       |   String   |  奖品排列方式 |  'negative'  |negative逆时针排列 positive顺时针排列|
 | isShowPrizeName      |   Boolean   |  是否展示奖品名称   |  true  |  true展示  false不展示  |
 <!-- | showNameMaxLength      |   Number   |  奖品名称长度展示限制   |  8  |  /  | -->
+
+##### 出参
+|    配置项    |   类型   |    描述     |  默认值  |  备注  |
+| :--------   | :-----:  | :--------: | :-----:  | :---:|
+| callback    |   Function   |    回调函数   |  /  |抽中奖品后的回调方法,后续的弹窗处理|
\ No newline at end of file

c_client/src/components/_tb_comps/SwiperView/SwiperView.jsx

-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect,useRef } from "react";
 import { View, Image, Text, Swiper, SwiperItem } from "@tarojs/components";
 
 import './SwiperView.less'

c_client/src/components/_tb_comps/SwiperView/SwiperView.md

@@ -12,13 +12,14 @@
 | easingFunction|String   |  缓动动画类型| linear |'default','linear'  'easeInCubic'     'easeOutCubic'  'easeInOutCubic'|
 
 
-#### swiperList
+#### swiperList数据
 ```json
     [
         {
             "image":"",//图片链接,图片宽高需要在less中修改
             "content":"",//图片描述
             "hasBtn":"",//注入数据(是否有按钮)
+          	//...
         },
       	// ...
     ]

c_client/src/hooks/useAudio.md

+##### useAudio
+
+```jsx
+    const {playAudio, openStatus, setOpenStatus, musicUrl} = useAudio(url,isBgMusic)
+```
+##### 入参
+| 入参 | 类型 | 描述 | 默认值 | 备注 |
+| :--- | :---: | :---: |:---: | :---: |
+| url | String | cloud开头的链接 | 'cloud:xxxx.mp3' | 当前应用云存储上的链s接才有效 |
+| isBgMusic | Boolean | 是否自动加载背景音乐/音效 | false | / |
+##### 出参
+| 出参 | 类型 | 描述 | 默认值 | 备注 |
+| :--- | :---: | :---: |:---: | :---: |
+| playAudio | Function | 播放音乐/音效 | selfStatus,默认值为false | 是否单独处理 |
+| openStatus | Boolean | 默认开启播放 | true | / |
+| setOpenStatus | Function | 改变开始/暂停状态 | / | true/false都会调用playMusic1方法|
+| musicUrl | String | cloud文件得到的音频url链接 | 'https:xxxx.mp3' | 音频文件url链接|
\ No newline at end of file

c_client/src/pages/index/index.jsx

@@ -189,7 +189,7 @@ function Index() {
       {/* <ScrollXView prizeList={prizeList} /> */}
 
       {/* swiper左右滑动 */}
-      {/* <SwiperView  swiperList={prizeList} vertical={false} /> */}
+      <SwiperView  swiperList={prizeList} vertical={false} />
 
       {/* 大转盘 */}
       {/* <View className={styles['rotate']} 
@@ -201,7 +201,7 @@ function Index() {
           justifyContent:'center',
           alignItems:'center'
         }} >
-        <RotateWheel {...rotateConfig} />
+        <RotateWheel {...rotateConfig} callback={()=>{}} />
       </View> */}
 
       {