import React, { Component } from 'react';
import './style.styl';
// import Anchor from '../../Anchor/index';
// import classnames from 'classnames';

class GoodsIntro extends Component<any> {
    state = {
        fixed: false
    };
    fixedHandle(status: any) {
        const fixed = this.state;
        if (fixed != status) {
            this.setState({ fixed: status });
        }
    }
    render() {
        // const activeLine = classnames({
        //     'active-line': this.state.fixed,
        //     'split-line': true
        // });
        return (
            <div className="goods-intro" id="intro">
                {/* <Anchor
                    offsetRange="300"
                    fixedHandle={(s: any) => this.fixedHandle(s)}
                    activeCls="active-cls"
                >
                    <div className="goods-intro-tab" id="fiexd-tab">
                        <ul>
                            <li>
                                <a href="intro">计划简介</a>
                            </li>
                            <li>
                                <a href="content">计划内容</a>
                            </li>
                            <li>
                                <a href="process">服务流程</a>
                            </li>
                            <li>
                                <a href="faq">常见问题</a>
                            </li>
                        </ul>
                        <div className={activeLine} />
                    </div>
                </Anchor> */}
            </div>
        );
    }
}

export default GoodsIntro;
