2020-06-08

king

2020-06-08 46fa548514ba2a438908586e2b54ed742777e9b0

 src/views/mobile/index.jsx

@@ -11,11 +11,18 @@

const Header = asyncComponent(() => import('@/mob/header'))
const Home = asyncComponent(() => import('@/mob/home'))
// const Login = asyncComponent(() => import('@/mob/login'))
const Login = asyncComponent(() => import('@/mob/login'))

class Mobile extends Component {
  state = {
    dict: localStorage.getItem('lang') !== 'en-US' ? zhCN : enUS,
    view: null
  }

  UNSAFE_componentWillMount() {
    this.setState({
      view: {uuid: 'login', type: 'login', parentId: null, parentType: null}
    })
  }

  /**
@@ -28,17 +35,26 @@
  }

  render () {
    const { view } = this.state

    return (
      <div className="mobile-view">
        <Header />
        <div className="mob-body">
          <div className="mob-tool">
            <div className="mob-tool-item"><Icon type="plus-circle" />添 加 内 容</div>
            <div className="mob-tool-content">
              <div className="plus-content">
                <Icon type="plus-circle" />添 加 内 容
              </div>
              <div className="useable-component"></div>
            </div>
            <div className="mob-tool-other"></div>
          </div>
          <div className="mob-shell">
            <div className="mob-shell-inner">
              <Home />
            </div>
            {view ? <div className="mob-shell-inner">
              {view.type === 'login' ? <Login /> : null}
              {view.type === 'home' ? <Home /> : null}
            </div> : null}
          </div>
          <div className="mob-setting">
          </div>