/**
 * 进度条
 */

import Taro, { Component, Config } from '@tarojs/taro';
import { ComponentClass } from 'react';
import { View } from '@tarojs/components';

import ProgressBar from './../../components/progressBar/index'
import { IPageState, IProps, IPageOwnProps } from './progressBar.itf'
import './progressBar.scss';

/**
 * 类的属性
 */
interface Index {
  props: IProps;
  // this的属性可以在这里定义
}

class Index extends Component {
  config: Config = {
    navigationBarTitleText: '进度条'
  };

  state: IPageState = {};

  componentDidMount() { }

  componentDidShow() { }

  render() {
    return (
      <View className='progressBar-page'>
        <ProgressBar
          currentIndex={1}
          textArr={[
            '交易中', '结算中', '账户余额'
          ]}
        />
      </View>
    );
  }
}
export default Index as ComponentClass<IPageOwnProps, IPageState>;