import React from 'react'
import '../../style/index.less'

export default class AffixComs extends React.Component {


    render(){
        const {scale} = this.props.orgStore;
        return(
            <div className="quickOperate">
              <img src={require('../../images/vertical.png')} onClick={(e) => {
                this.props.orgStore.horizontal = false
              }} />
              <img src={require('../../images/level.png')} onClick={(e) => {
                this.props.orgStore.horizontal = true
              }} />
              <icon className="icon-coms-Enlarge" onClick={(e) => {
                if(scale <= 2) {
                  this.props.orgStore.scale += 0.1
                }
              }}/>
              <icon className="icon-coms-Narrow" 
              onClick={(e) => {
                if(scale >= 0.5){
                  this.props.orgStore.scale -= 0.1
                }
              }}/>
            </div>
        )
    }
}