From 46fa548514ba2a438908586e2b54ed742777e9b0 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期一, 08 六月 2020 18:09:11 +0800 Subject: [PATCH] 2020-06-08 --- src/views/mobile/index.jsx | 26 +++++++++++++++++++++----- 1 files changed, 21 insertions(+), 5 deletions(-) diff --git a/src/views/mobile/index.jsx b/src/views/mobile/index.jsx index 4a6b13c..3c9eaba 100644 --- a/src/views/mobile/index.jsx +++ b/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> -- Gitblit v1.8.0