From 71fce3cc19f80a6e0eba36cfc5e67995ee9712ff Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 23 七月 2020 09:23:59 +0800
Subject: [PATCH] 2020-07-23
---
src/mob/components/login/mob-login-2/index.jsx | 134 +++++++++++++++++++++++---------------------
1 files changed, 70 insertions(+), 64 deletions(-)
diff --git a/src/mob/components/login/mob-login-2/index.jsx b/src/mob/components/login/mob-login-2/index.jsx
index 1848e65..7a4bfe5 100644
--- a/src/mob/components/login/mob-login-2/index.jsx
+++ b/src/mob/components/login/mob-login-2/index.jsx
@@ -31,17 +31,25 @@
password: { uuid: Utils.getuuid(), eleType: 'input', content: '瀵嗙爜', style: {}},
login: { uuid: Utils.getuuid(), eleType: 'button', content: '鐧诲綍', style: {fontSize: '16px', color: '#ffffff', textAlign: 'center', lineHeight: 2.4, backgroundColor: '#44a8f2'}},
phone: { uuid: Utils.getuuid(), eleType: 'button', content: '鎵嬫満鐭俊鐧诲綍', style: {fontSize: '16px', color: '#44a8f2', textAlign: 'center', lineHeight: 2.4, border: '1px solid #44a8f2'}},
- register: { uuid: Utils.getuuid(), eleType: 'text', content: '娉ㄥ唽', style: {fontSize: '12px', color: '#44a8f2', textAlign: 'left'}},
+ register: { uuid: Utils.getuuid(), eleType: 'text', content: '娉ㄥ唽', style: {fontSize: '14px', color: '#44a8f2', textAlign: 'left'}},
lose: { uuid: Utils.getuuid(), eleType: 'text', content: '蹇樿瀵嗙爜锛�', style: {fontSize: '12px', color: '#44a8f2', textAlign: 'right', textDecoration: 'underline'}},
- auth: { uuid: Utils.getuuid(), eleType: 'text', subItems: [
- {type: 'qq', icon: 'qq', label: 'QQ'},
- {type: 'wechat', icon: 'wechat', label: '寰俊'},
- ], content: '鍏朵粬鐧诲綍鏂瑰紡', style: {fontSize: '14px', color: '#bcbcbc', textAlign: 'center', marginTop: '30px', marginBottom: '20px'}},
+ auth: {
+ uuid: Utils.getuuid(), eleType: 'text',
+ subItems: [
+ {type: 'qq', icon: 'qq', label: 'QQ'},
+ {type: 'wechat', icon: 'wechat', label: '寰俊'},
+ ],
+ content: '鍏朵粬鐧诲綍鏂瑰紡', style: {fontSize: '14px', color: '#bcbcbc', textAlign: 'center', marginTop: '30px', marginBottom: '20px'}
+ },
copyright: { uuid: Utils.getuuid(), eleType: 'textarea', content: 'Copyright漏2017 鎵�鏈夌浉鍏崇増鏉冨綊 鍖椾含鏄庣鏅崕淇℃伅鎶�鏈湁闄愬叕鍙�', style: {fontSize: '12px', textAlign: 'center'} },
- links: { uuid: Utils.getuuid(), eleType: 'link', substyle: false, subItems: [
- {eleType: 'link', content: '闅愮鏀跨瓥', url: '', uuid: Utils.getuuid()},
- {eleType: 'link', content: '浣跨敤鏉℃', url: '', uuid: Utils.getuuid()},
- ], style: {fontSize: '12px', textAlign: 'center', color: '#44a8f2', textDecoration: 'underline'} }
+ links: {
+ uuid: Utils.getuuid(), eleType: 'link', substyle: false,
+ subItems: [
+ {eleType: 'link', content: '闅愮鏀跨瓥', url: '', uuid: Utils.getuuid()},
+ {eleType: 'link', content: '浣跨敤鏉℃', url: '', uuid: Utils.getuuid()},
+ ],
+ style: {fontSize: '12px', textAlign: 'center', color: '#44a8f2', textDecoration: 'underline'}
+ }
}
}
@@ -220,62 +228,60 @@
if (view === 'account') return (
<div className="mob-login-2" onClick={this.editBox} style={card.box.style}>
- <div className="mob-login-body">
- {card.title ? <div className={'plat-name ' + (editId === card.title.uuid ? 'editing' : '')} style={titleStyle} onClick={this.editTitle}>
- <ContentUpdate element={card.title} updateContent={(ele) => this.updateContent({...card, title: ele})}/>
- {card.title.content}
- </div> : null}
-
- <div className={`mk-login-input ${editId === card.user.uuid ? 'editing' : ''}`} onClick={(e) => this.editPlaceholder(e, 'user')}>
- <ContentUpdate element={card.user} deletable={false} updateContent={(ele) => this.updateContent({...card, user: ele})}/>
- <InputItem placeholder={card.user.content}></InputItem>
- </div>
- <div className={`mk-login-input ${editId === card.password.uuid ? 'editing' : ''}`} onClick={(e) => this.editPlaceholder(e, 'password')}>
- <ContentUpdate element={card.password} deletable={false} updateContent={(ele) => this.updateContent({...card, password: ele})}/>
- <InputItem placeholder={card.password.content}></InputItem>
- </div>
- <Button
- className={'login ' + (editId === card.login.uuid ? 'editing' : '')}
- onDoubleClick={() => this.props.doubleClickCard(card.login)}
- style={card.login.style}
- onClick={(e) => this.editLogin(e, 'login')}
- >
- <ContentUpdate element={card.login} deletable={false} updateContent={(ele) => this.updateContent({...card, login: ele})}/>
- {card.login.content}
- </Button>
- <Button
- className={'login ' + (editId === card.phone.uuid ? 'editing' : '')}
- onDoubleClick={() => this.props.doubleClickCard(card.phone)}
- style={card.phone.style}
- onClick={(e) => this.editLogin(e, 'phone')}
- >
- <ContentUpdate element={card.phone} updateContent={(ele) => this.updateContent({...card, phone: ele})}/>
- {card.phone.content}
- </Button>
- <div className="row-box">
- {card.register ? <div className={'col-item ' + (editId === card.register.uuid ? 'editing' : '')} style={card.register.style} onClick={this.editRegister}>
- <ContentUpdate element={card.register} updateContent={(ele) => this.updateContent({...card, register: ele})}/>
- {card.register.content}
- </div> : null}
- {card.lose ? <div className={'col-item right ' + (editId === card.lose.uuid ? 'editing' : '')} style={card.lose.style} onClick={this.editLose}>
- <ContentUpdate element={card.lose} updateContent={(ele) => this.updateContent({...card, lose: ele})}/>
- {card.lose.content}
- </div> : null}
- <div style={{clear: 'both'}}></div>
- </div>
- {card.auth ? <div className={'plat-name ' + (editId === card.auth.uuid ? 'editing' : '')} style={card.auth.style} onClick={this.editAuth}>
- <ContentUpdate element={card.auth} updateContent={(ele) => this.updateContent({...card, auth: ele})}/>
- {card.auth.content}
- </div> : null}
- {card.auth ? <div className="other-auth">
- {card.auth.subItems.map(cell => (
- <span key={cell.type}>
- <Icon type={cell.icon} />
- <p>{cell.label}</p>
- </span>
- ))}
- </div> : null}
+ {card.title ? <div className={'plat-name ' + (editId === card.title.uuid ? 'editing' : '')} style={titleStyle} onClick={this.editTitle}>
+ <ContentUpdate element={card.title} updateContent={(ele) => this.updateContent({...card, title: ele})}/>
+ {card.title.content}
+ </div> : null}
+
+ <div className={`mk-login-input ${editId === card.user.uuid ? 'editing' : ''}`} onClick={(e) => this.editPlaceholder(e, 'user')}>
+ <ContentUpdate element={card.user} deletable={false} updateContent={(ele) => this.updateContent({...card, user: ele})}/>
+ <InputItem placeholder={card.user.content}></InputItem>
</div>
+ <div className={`mk-login-input ${editId === card.password.uuid ? 'editing' : ''}`} onClick={(e) => this.editPlaceholder(e, 'password')}>
+ <ContentUpdate element={card.password} deletable={false} updateContent={(ele) => this.updateContent({...card, password: ele})}/>
+ <InputItem placeholder={card.password.content}></InputItem>
+ </div>
+ <Button
+ className={'login ' + (editId === card.login.uuid ? 'editing' : '')}
+ onDoubleClick={() => this.props.doubleClickCard(card.login)}
+ style={card.login.style}
+ onClick={(e) => this.editLogin(e, 'login')}
+ >
+ <ContentUpdate element={card.login} deletable={false} updateContent={(ele) => this.updateContent({...card, login: ele})}/>
+ {card.login.content}
+ </Button>
+ <Button
+ className={'login ' + (editId === card.phone.uuid ? 'editing' : '')}
+ onDoubleClick={() => this.props.doubleClickCard(card.phone)}
+ style={card.phone.style}
+ onClick={(e) => this.editLogin(e, 'phone')}
+ >
+ <ContentUpdate element={card.phone} updateContent={(ele) => this.updateContent({...card, phone: ele})}/>
+ {card.phone.content}
+ </Button>
+ <div className="row-box">
+ {card.register ? <div className={'col-item ' + (editId === card.register.uuid ? 'editing' : '')} style={card.register.style} onClick={this.editRegister}>
+ <ContentUpdate element={card.register} updateContent={(ele) => this.updateContent({...card, register: ele})}/>
+ {card.register.content}
+ </div> : null}
+ {card.lose ? <div className={'col-item right ' + (editId === card.lose.uuid ? 'editing' : '')} style={card.lose.style} onClick={this.editLose}>
+ <ContentUpdate element={card.lose} updateContent={(ele) => this.updateContent({...card, lose: ele})}/>
+ {card.lose.content}
+ </div> : null}
+ <div style={{clear: 'both'}}></div>
+ </div>
+ {card.auth ? <div className={'plat-name ' + (editId === card.auth.uuid ? 'editing' : '')} style={card.auth.style} onClick={this.editAuth}>
+ <ContentUpdate element={card.auth} updateContent={(ele) => this.updateContent({...card, auth: ele})}/>
+ {card.auth.content}
+ </div> : null}
+ {card.auth ? <div className="other-auth">
+ {card.auth.subItems.map(cell => (
+ <span key={cell.type}>
+ <Icon type={cell.icon} />
+ <p>{cell.label}</p>
+ </span>
+ ))}
+ </div> : null}
{card.copyright ? <div className={'company-msg ' + (editId === card.copyright.uuid ? 'editing' : '')} style={card.copyright.style} onClick={this.editMsg}>
<ContentUpdate element={card.copyright} updateContent={(ele) => this.updateContent({...card, copyright: ele})}/>
{card.copyright.content}
--
Gitblit v1.8.0