|
|
|
|
@ -1,5 +1,5 @@
|
|
|
|
|
import React, { Component, useState } from 'react' |
|
|
|
|
import { View, Text, Button, Image } from '@tarojs/components' |
|
|
|
|
import { View, Text, Button, Image, Radio, RadioGroup, Label, Slider,Head } from '@tarojs/components' |
|
|
|
|
import Taro from '@tarojs/taro' |
|
|
|
|
|
|
|
|
|
import { useSelector, useDispatch } from 'react-redux' |
|
|
|
|
@ -26,6 +26,42 @@ class Lobby extends Component {
|
|
|
|
|
tables: [], |
|
|
|
|
defaultAvatar: "https://img0.baidu.com/it/u=2477829979,2171947490&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500", |
|
|
|
|
lobbyLoading: false, |
|
|
|
|
gameType: [ |
|
|
|
|
{value: 1, text: '', checked: false}, |
|
|
|
|
|
|
|
|
|
], |
|
|
|
|
list: [ |
|
|
|
|
{ |
|
|
|
|
value: '美国', |
|
|
|
|
text: '美国', |
|
|
|
|
checked: false |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
value: '中国', |
|
|
|
|
text: '中国', |
|
|
|
|
checked: true |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
value: '巴西', |
|
|
|
|
text: '巴西', |
|
|
|
|
checked: false |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
value: '日本', |
|
|
|
|
text: '日本', |
|
|
|
|
checked: false |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
value: '英国', |
|
|
|
|
text: '英国', |
|
|
|
|
checked: false |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
value: '法国', |
|
|
|
|
text: '法国', |
|
|
|
|
checked: false |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
} |
|
|
|
|
this.circleEle = [1,2,3,4,5,6,7]; |
|
|
|
|
this.circleElePos = [{x:16,y:8},{x:70,y:-3},{x:110,y:28},{x:115,y:70},{x:80,y:105},{x:20,y:100},{x:-2,y:60}]; |
|
|
|
|
@ -82,6 +118,45 @@ class Lobby extends Component {
|
|
|
|
|
// const user = useSelector((state) => state.user) |
|
|
|
|
|
|
|
|
|
// console.log('state', this.state) |
|
|
|
|
|
|
|
|
|
// return ( |
|
|
|
|
// <View className='components-page'> |
|
|
|
|
// <Text>设置 step</Text> |
|
|
|
|
// <Slider step={1} value={50}/> |
|
|
|
|
// <Text>显示当前 value</Text> |
|
|
|
|
// <Slider step={1} value={50} showValue/> |
|
|
|
|
// <Text>设置最小/最大值</Text> |
|
|
|
|
// <Slider step={1} value={100} showValue min={50} max={200}/> |
|
|
|
|
// </View> |
|
|
|
|
// ); |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
<View className='container'> |
|
|
|
|
{/* <Head title='Radio' /> */} |
|
|
|
|
<View className='page-body'> |
|
|
|
|
<View className='page-section'> |
|
|
|
|
<Text>默认样式</Text> |
|
|
|
|
<Radio value='选中' checked>选中</Radio> |
|
|
|
|
<Radio style='margin-left: 20rpx' value='未选中'>未选中</Radio> |
|
|
|
|
</View> |
|
|
|
|
<View className='page-section'> |
|
|
|
|
<Text>推荐展示样式</Text> |
|
|
|
|
<View className='radio-list'> |
|
|
|
|
<RadioGroup> |
|
|
|
|
{this.state.list.map((item, i) => { |
|
|
|
|
return ( |
|
|
|
|
<Label className='radio-list__label' for={i} key={i}> |
|
|
|
|
<Radio className='radio-list__radio' value={item.value} checked={item.checked}>{item.text}</Radio> |
|
|
|
|
</Label> |
|
|
|
|
) |
|
|
|
|
})} |
|
|
|
|
</RadioGroup> |
|
|
|
|
</View> |
|
|
|
|
</View> |
|
|
|
|
</View> |
|
|
|
|
</View> |
|
|
|
|
); |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
<View> |
|
|
|
|
<Title title={"Lobby!!"} bgColor={true} leftSolt={ |
|
|
|
|
|