23 lines
1.1 KiB
JavaScript
23 lines
1.1 KiB
JavaScript
import React from 'react';
|
|
import { Card, Input, Button } from 'antd-mobile';
|
|
import Styles from './mobile.module.less';
|
|
export default function Render(props) {
|
|
const { input } = props.data;
|
|
const { t, confirm, setInput, showTips } = props.methods;
|
|
return (<Card className={Styles.container} bodyClassName={Styles.body} title={t('title')}>
|
|
<div className={Styles.content}>
|
|
<div className={Styles.input}>
|
|
<Input autoFocus value={input} type="password" onChange={(v) => setInput(v)} onEnterPress={() => confirm()} placeholder={t('placeholder')}/>
|
|
</div>
|
|
<Button className={Styles.tips} fill="outline" color="warning" size="mini" onClick={() => showTips()}>
|
|
{t('tips.label')}
|
|
</Button>
|
|
</div>
|
|
<div className={Styles.footer} onClick={e => e.stopPropagation()}>
|
|
<Button block color='primary' disabled={input.length < 8} onClick={() => confirm()}>
|
|
{t('common::action.confirm')}
|
|
</Button>
|
|
</div>
|
|
</Card>);
|
|
}
|