feat: 个人小程序,不允许手机敏感信息
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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>
|
||||
|
||||
{/* 分割线 */}
|
||||
|
||||
Reference in New Issue
Block a user