feat: WiFi/vCard/Email/电话/SMS 全模式表单
This commit is contained in:
@@ -0,0 +1,18 @@
|
||||
import { useQrState } from '../store/qrContext';
|
||||
import { useQrEncode } from '../hooks/useQrEncode';
|
||||
|
||||
export default function PhoneMode() {
|
||||
const { state, dispatch } = useQrState();
|
||||
const { encode } = useQrEncode();
|
||||
|
||||
const update = (number: string) => {
|
||||
dispatch({ type: 'SET_FORM_DATA', payload: { number } });
|
||||
encode(`tel:${number}`);
|
||||
};
|
||||
|
||||
return (
|
||||
<input placeholder="输入电话号码" type="tel" value={state.formData.number || ''}
|
||||
onChange={e => update(e.target.value)}
|
||||
className="w-full h-full px-4 text-sm bg-transparent outline-none placeholder-gray-400 dark:placeholder-gray-600 focus:ring-2 focus:ring-blue-500/30" />
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user