|
@@ -8,9 +8,11 @@ C.addColor("#d7d7d7", "color-listbg");
|
|
export default (props)=>{
|
|
export default (props)=>{
|
|
let onClickPlay = (p)=>{
|
|
let onClickPlay = (p)=>{
|
|
// props.navigation.push('Player');
|
|
// props.navigation.push('Player');
|
|
- props.startPlay(props);
|
|
|
|
|
|
+ const tmp = props;
|
|
|
|
+ tmp.Pages.playerData = p;
|
|
|
|
+ tmp.Pages.playerData.contents = tmp.Pages.playerData.contents + tmp.Pages.contens;
|
|
|
|
+ props.startPlay(tmp);
|
|
}
|
|
}
|
|
-
|
|
|
|
return (
|
|
return (
|
|
<C.View cls="flx1 bgc-color-white">
|
|
<C.View cls="flx1 bgc-color-white">
|
|
<C.View cls="w100% ai-c flx1">
|
|
<C.View cls="w100% ai-c flx1">
|
|
@@ -27,12 +29,19 @@ export default (props)=>{
|
|
</C.View>
|
|
</C.View>
|
|
|
|
|
|
<C.View cls="w100 flx-w jc-c flx-row">
|
|
<C.View cls="w100 flx-w jc-c flx-row">
|
|
|
|
+ {/* <Imgs onClickPlay={onClickPlay} ></Imgs>
|
|
<Imgs onClickPlay={onClickPlay} ></Imgs>
|
|
<Imgs onClickPlay={onClickPlay} ></Imgs>
|
|
<Imgs onClickPlay={onClickPlay} ></Imgs>
|
|
<Imgs onClickPlay={onClickPlay} ></Imgs>
|
|
<Imgs onClickPlay={onClickPlay} ></Imgs>
|
|
<Imgs onClickPlay={onClickPlay} ></Imgs>
|
|
<Imgs onClickPlay={onClickPlay} ></Imgs>
|
|
<Imgs onClickPlay={onClickPlay} ></Imgs>
|
|
- <Imgs onClickPlay={onClickPlay} ></Imgs>
|
|
|
|
- <Imgs onClickPlay={onClickPlay} ></Imgs>
|
|
|
|
|
|
+ <Imgs onClickPlay={onClickPlay} ></Imgs> */}
|
|
|
|
+ {
|
|
|
|
+ props.Pages.children.map((v,i) => {
|
|
|
|
+ return (<Imgs key={`i${v.title}`} soundDuration={v.soundDuration} onClickPlay={()=>{
|
|
|
|
+ onClickPlay(v)
|
|
|
|
+ }} />);
|
|
|
|
+ })
|
|
|
|
+ }
|
|
</C.View>
|
|
</C.View>
|
|
{
|
|
{
|
|
props.bPlay ?
|
|
props.bPlay ?
|
|
@@ -70,7 +79,7 @@ const Imgs = (props)=>{
|
|
</C.ImageBackground>
|
|
</C.ImageBackground>
|
|
<C.View cls="flx1 ai-e mh2">
|
|
<C.View cls="flx1 ai-e mh2">
|
|
<C.Text>
|
|
<C.Text>
|
|
- 10:00
|
|
|
|
|
|
+ {props.soundDuration}
|
|
</C.Text>
|
|
</C.Text>
|
|
</C.View>
|
|
</C.View>
|
|
</C.View>
|
|
</C.View>
|