import { Component } from 'react'
import { View, Text } from '@tarojs/components'
import './index.less'

export default class Index extends Component {

  componentWillMount () { }

  componentDidMount () { }

  componentWillUnmount () { }

  componentDidShow () { }

  componentDidHide () { }

  render () {
    return (
      <View className='index'>
        <View className='earnings-list'>
          <View className='earnings-list-item'>
            <View className='item-line title-one'>
              <Text className='title'>今天预估总收益</Text>
              <Text className='money'>￥100.00</Text>
            </View>
            <View className='dotted-line'></View>
            <View className='item-line title-two'>
              <Text className='title'>预估推广收益</Text>
              <Text className='money'>￥70.00</Text>
            </View>
            <View className='line'></View>
            <View className='item-line title-two'>
              <Text className='title'>预估推广收益</Text>
              <Text className='money'>￥70.00</Text>
            </View>
            <View className='item-line'>
              <Text className='title'>惊喜红包</Text>
              <Text className='money'>￥70.00</Text>
            </View>
            <View className='item-line'>
              <Text className='title'>惊喜红包</Text>
              <Text className='money'>￥70.00</Text>
            </View>
            <View className='item-line'>
              <Text className='title'>惊喜红包</Text>
              <Text className='money'>￥70.00</Text>
            </View>
            <View className='item-line'>
              <Text className='title'>惊喜红包</Text>
              <Text className='money'>￥70.00</Text>
            </View>
            <View className='item-line'>
              <Text className='title'>惊喜红包</Text>
              <Text className='money'>￥70.00</Text>
            </View>
            <View className='item-line'>
              <Text className='title'>惊喜红包</Text>
              <Text className='money'>￥70.00</Text>
            </View>
          </View>
        </View>
      </View>
    )
  }
}
