Changeset View

Standalone View

				import Taro, { Component } from '@tarojs/taro'
				import { View } from '@tarojs/components'
				import './index.scss'

				class Tabs extends Component {
				static defaultProps = {
				tabList: [],
				current: 0,
				onClick: () => { }
				}

				handleClick () {
				this.props.onClick(...arguments)
				}

				render () {
				const { tabList, current } = this.props

				return (
				<View className='rba-tabs_layout'>
				{tabList.map((item, index) => (
				<View
				className={`tabs_item ${current === index ? 'tabs_item--active' : ''}`}
				key={item.title}
				onClick={this.handleClick.bind(this, index)}
				>
				<View className='tab-title'>
				{item.title}
				{item.isShowBadge && <View className='tab-badge' />}
				</View>
				<View style={{ background: current === index ? '#FF7632' : 'transparent' }} className='line' />
				</View>
				))}
				</View>
				)
				}
				}

				export default Tabs
				No newline at end of file