feat: 个人小程序,不允许手机敏感信息

This commit is contained in:
huxiaoshuang
2022-11-23 16:48:20 +08:00
parent 5b65c84a02
commit b417cef87f
6 changed files with 112 additions and 175 deletions

View File

@@ -1,107 +1,107 @@
import { Button, Checkbox, Form, FormItem, Icon, Image } from "@antmjs/vantui";
import { Input, View, Text } from "@tarojs/components";
import react, { useEffect } from "react";
import "./index.scss";
// import { Button, Checkbox, Form, FormItem, Icon, Image } from "@antmjs/vantui";
// import { Input, View, Text } from "@tarojs/components";
// import react, { useEffect } from "react";
// import "./index.scss";
const Certified = () => {
const formIt = Form.useForm();
const [state, setState] = react.useState({});
const [value, setValue] = react.useState(true);
// const Certified = () => {
// const formIt = Form.useForm();
// const [state, setState] = react.useState({});
// const [value, setValue] = react.useState(true);
useEffect(()=>{
// 设置标题
definePageConfig({
navigationBarTitleText: "认证",
});
},[])
return (
<View className="Certified">
<Form
initialValues={{
userName: "",
singleSelect: "1",
rate: 2,
slider: "50",
}}
form={formIt}
onFinish={(errs, res) => console.info(errs, res)}
>
{/* 说明 */}
<View className="info">
<View>
<Icon name="checked" size="50px" className="icon"></Icon>
</View>
<View className="infoText">
,,,
</View>
</View>
// useEffect(()=>{
// // 设置标题
// definePageConfig({
// navigationBarTitleText: "认证",
// });
// },[])
// return (
// <View className="Certified">
// <Form
// initialValues={{
// userName: "",
// singleSelect: "1",
// rate: 2,
// slider: "50",
// }}
// form={formIt}
// onFinish={(errs, res) => console.info(errs, res)}
// >
// {/* 说明 */}
// <View className="info">
// <View>
// <Icon name="checked" size="50px" className="icon"></Icon>
// </View>
// <View className="infoText">
// 官方鼓励真是,真诚的交友方式,进行实名认证后,才会享受参与实名用户组队参与活动的权益
// </View>
// </View>
<FormItem
label="姓名"
name="userName"
required
rules={{
// @ts-ignore
rule: /[\u4e00-\u9fa5]/,
message: "用户名仅支持中文",
}}
trigger="onInput"
validateTrigger="onBlur"
// taro的input的onInput事件返回对应表单的最终值为e.detail.value
valueFormat={(e) => e.detail.value}
// renderRight={<Icon name="user-o" />}
>
<Input placeholder="请输入用户名(中文)" />
</FormItem>
// <FormItem
// label="姓名"
// name="userName"
// required
// rules={{
// // @ts-ignore
// rule: /[\u4e00-\u9fa5]/,
// message: "用户名仅支持中文",
// }}
// trigger="onInput"
// validateTrigger="onBlur"
// // taro的input的onInput事件返回对应表单的最终值为e.detail.value
// valueFormat={(e) => e.detail.value}
// // renderRight={<Icon name="user-o" />}
// >
// <Input placeholder="请输入用户名(中文)" />
// </FormItem>
<FormItem
label="证件号"
name="cardId"
required
valueFormat={(e) => e.detail.value}
rules={[]}
trigger="onInput"
>
<Input placeholder={``} />
</FormItem>
// <FormItem
// label="证件号"
// name="cardId"
// required
// valueFormat={(e) => e.detail.value}
// rules={[]}
// trigger="onInput"
// >
// <Input placeholder={``} />
// </FormItem>
<View className={`myImage`}>
<Image
round
width="100px"
height="100px"
src="cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images/images-2.jpg"
/>
<View className="text">
,,,,.使,
</View>
</View>
// <View className={`myImage`}>
// <Image
// round
// width="100px"
// height="100px"
// src="cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images/images-2.jpg"
// />
// <View className="text">
// 你的头像,姓名,身份证号,将用于公安那系统校验,校验成功后即可认证成功.身份证信息仅供本次认证使用,本程序将严格保密
// </View>
// </View>
<View className="submitBtn">
<Button style={{width:'200px'}} type="primary" round></Button>
</View>
// <View className="submitBtn">
// <Button style={{width:'200px'}} type="primary" round>确认授权</Button>
// </View>
{/* <FormItem
label={false}
name="cardId"
required
valueFormat={(e) => e.detail.value}
rules={[]}
trigger="onInput"
>
<Checkbox value={value} onChange={(e:any) => setValue(e.detail)}>
{`已阅读并同意<<腾讯云E证通服务使用协议>>和<<eID数字身份小程序服务协议>>`}
</Checkbox>
</FormItem> */}
// {/* <FormItem
// label={false}
// name="cardId"
// required
// valueFormat={(e) => e.detail.value}
// rules={[]}
// trigger="onInput"
// >
// <Checkbox value={value} onChange={(e:any) => setValue(e.detail)}>
// {`已阅读并同意<<腾讯云E证通服务使用协议>>和<<eID数字身份小程序服务协议>>`}
// </Checkbox>
// </FormItem> */}
<View className="checkItem">
<Checkbox value={value} onChange={(e: any) => setValue(e.detail)}>
{`已阅读并同意<腾讯云E证通服务使用协议>和<eID数字身份小程序服务协议>`}
</Checkbox>
</View>
</Form>
</View>
);
};
// <View className="checkItem">
// <Checkbox value={value} onChange={(e: any) => setValue(e.detail)}>
// {`已阅读并同意<腾讯云E证通服务使用协议>和<eID数字身份小程序服务协议>`}
// </Checkbox>
// </View>
// </Form>
// </View>
// );
// };
export default Certified;
// export default Certified;

View File

@@ -302,19 +302,23 @@ const Home = () => {
}}
/>
{/* <GridItem
<GridItem
icon="manager"
className="iconStyle"
text="组队"
onClick={() => {
// 跳转到目的页面,打开新页面
Taro.navigateTo({
url: "/pages/formSubmit/index",
Toast.fail({
message: "参加1次活动后,可发起组队",
selector: "#vanToast-demo2",
});
// 跳转到目的页面,打开新页面
// Taro.navigateTo({
// url: "/pages/formSubmit/index",
// });
}}
/> */}
/>
<GridItem
{/* <GridItem
icon="manager"
className="iconStyle"
text="认证"
@@ -324,7 +328,8 @@ const Home = () => {
url: "/pages/home/components/Certified/index",
});
}}
/>
/> */}
</Grid>
{/* 分割线 */}