From 137fb8ea6af2789b3238b22bac31d80bced41dfe Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期三, 28 七月 2021 11:39:39 +0800 Subject: [PATCH] 2021-07-28 --- src/mob/header/index.jsx | 16 +++++++++++++++- 1 files changed, 15 insertions(+), 1 deletions(-) diff --git a/src/mob/header/index.jsx b/src/mob/header/index.jsx index 38c5863..5bf90ea 100644 --- a/src/mob/header/index.jsx +++ b/src/mob/header/index.jsx @@ -1,4 +1,5 @@ import React, {Component} from 'react' +import { Radio } from 'antd' import avatar from '@/assets/img/avatar.jpg' import MainLogo from '@/assets/img/main-logo.png' @@ -7,13 +8,26 @@ class MobHeader extends Component { state = { avatar: sessionStorage.getItem('CloudAvatar') || avatar, - userName: sessionStorage.getItem('CloudUserName') + userName: sessionStorage.getItem('CloudUserName'), + typename: sessionStorage.getItem('typename') + } + + changeView = (e) => { + let val = e.target.value + this.props.changeView(val) } render () { + const { typename } = this.state return ( <header className="mob-header-container"> <div className="header-logo"><img src={MainLogo} alt=""/></div> + {typename === 'pad' ? <div className="change-view"> + <Radio.Group defaultValue="vertical" onChange={this.changeView}> + <Radio value="vertical">绔栧睆</Radio> + <Radio value="horizontal">妯睆</Radio> + </Radio.Group> + </div> : null} <div className="header-user"> <img src={this.state.avatar} alt=""/> <span> -- Gitblit v1.8.0