feat: 实名认证页面

dist/app.json

@@ -1 +1 @@
-{"pages":["pages/home/index","pages/home/components/CheckIn/index","pages/activityList/index","pages/formSubmit/index","pages/activityList/components/details/index","pages/mountainPeak/index","pages/my/index","pages/my/components/Version/index"],"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor":"#fff","navigationBarTitleText":"WeChat","navigationBarTextStyle":"black"}}
+{"pages":["pages/home/index","pages/home/components/CheckIn/index","pages/home/components/Certified/index","pages/activityList/index","pages/formSubmit/index","pages/activityList/components/details/index","pages/mountainPeak/index","pages/my/index","pages/my/components/Version/index"],"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor":"#fff","navigationBarTitleText":"WeChat","navigationBarTextStyle":"black"}}

dist/base.wxml

@@ -129,14 +129,6 @@
   </image>
 </template>
 
-<template name="tmpl_0_57">
-  <video src="{{i.p33}}" duration="{{i.p10}}" controls="{{xs.b(i.p6,!0)}}" danmu-list="{{i.p8}}" danmu-btn="{{i.p7}}" enable-danmu="{{i.p12}}" autoplay="{{xs.b(i.p4,!1)}}" loop="{{xs.b(i.p16,!1)}}" muted="{{xs.b(i.p17,!1)}}" initial-time="{{xs.b(i.p15,0)}}" page-gesture="{{xs.b(i.p19,!1)}}" direction="{{i.p9}}" show-progress="{{xs.b(i.p30,!0)}}" show-fullscreen-btn="{{xs.b(i.p27,!0)}}" show-play-btn="{{xs.b(i.p29,!0)}}" show-center-play-btn="{{xs.b(i.p26,!0)}}" enable-progress-gesture="{{xs.b(i.p14,!0)}}" object-fit="{{xs.b(i.p18,'contain')}}" poster="{{i.p22}}" show-mute-btn="{{xs.b(i.p28,!1)}}" bindplay="eh" bindpause="eh" bindended="eh" bindtimeupdate="eh" bindfullscreenchange="eh" bindwaiting="eh" binderror="eh" animation="{{i.p1}}" bindanimationstart="eh" bindanimationiteration="eh" bindanimationend="eh" bindtransitionend="eh" title="{{i.p34}}" play-btn-position="{{xs.b(i.p21,'bottom')}}" enable-play-gesture="{{xs.b(i.p13,false)}}" auto-pause-if-navigate="{{xs.b(i.p2,true)}}" auto-pause-if-open-native="{{xs.b(i.p3,true)}}" vslide-gesture="{{xs.b(i.p35,false)}}" vslide-gesture-in-fullscreen="{{xs.b(i.p36,true)}}" ad-unit-id="{{i.p0}}" poster-for-crawler="{{i.p23}}" show-casting-button="{{xs.b(i.p25,false)}}" picture-in-picture-mode="{{xs.b(i.p20,[])}}" enable-auto-rotation="{{xs.b(i.p11,false)}}" show-screen-lock-button="{{xs.b(i.p31,false)}}" show-snapshot-button="{{xs.b(i.p32,false)}}" show-background-playback-button="{{xs.b(i.p24,false)}}" background-poster="{{i.p5}}" bindprogress="eh" bindloadedmetadata="eh" bindcontrolstoggle="eh" bindenterpictureinpicture="eh" bindleavepictureinpicture="eh" bindseekcomplete="eh" bindadload="eh" bindaderror="eh" bindadclose="eh" bindadplay="eh" style="{{i.st}}" class="{{i.cl}}" bindtap="eh"  id="{{i.uid||i.sid}}" data-sid="{{i.sid}}">
-    <block wx:for="{{i.cn}}" wx:key="sid">
-      <template is="{{xs.e(cid+1)}}" data="{{i:item,l:l}}" />
-    </block>
-  </video>
-</template>
-
 <template name="tmpl_0_8">
   <block>{{i.v}}</block>
 </template>

dist/common.wxss

@@ -42,14 +42,18 @@ taro-button-core{position:relative;display:block;margin-left:auto;margin-right:a
   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/goods-action/index.css ***!
   \*****************************************************************************************************************************************************************************************************************************/
 .van-goods-action{position:fixed;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;box-sizing:content-box;z-index:806;z-index:var(--goods-action-z-index,806);height:100rpx;height:var(--goods-action-height,100rpx);background-color:#fff;background-color:var(--goods-action-background-color,#fff)}.van-goods-action--safe{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-goods-action taro-button-core+taro-button-core{margin-top:inherit}
-/*!*********************************************************************************************************************************************************************************************************************!*\
-  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/cell/index.css ***!
-  \*********************************************************************************************************************************************************************************************************************/
-.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;-webkit-transform:scale(.5);transform:scale(.5)}.van-cell{position:relative;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;-webkit-align-items:center;align-items:center;-webkit-flex:1;flex:1;padding:24rpx 32rpx;padding:var(--cell-vertical-padding,24rpx) var(--cell-horizontal-padding,32rpx);font-size:28rpx;font-size:var(--cell-font-size, 28rpx);line-height:48rpx;line-height:var(--cell-line-height, 48rpx);color:#323233;color:var(--cell-text-color,#323233);background-color:#fff;background-color:var(--cell-background-color,#fff)}.van-cell::after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:' ';pointer-events:none;right:32rpx;bottom:0;left:32rpx;border-bottom:1PX solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-cell--borderless::after{display:none}.van-cell-group{background-color:#fff;background-color:var(--cell-background-color,#fff)}.van-cell__label{margin-top:6rpx;margin-top:var(--cell-label-margin-top,6rpx);font-size:24rpx;font-size:var(--cell-label-font-size, 24rpx);color:#969799;color:var(--cell-label-color,#969799);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.van-cell__value{overflow:hidden;text-align:right;vertical-align:middle;color:#969799;color:var(--cell-value-color,#969799)}.van-cell__title,.van-cell__value{-webkit-flex:1;flex:1}.van-cell__title:empty,.van-cell__value:empty{display:none}.van-cell__left-icon-wrap,.van-cell__right-icon-wrap{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:48rpx;height:var(--cell-line-height,48rpx);font-size:32rpx;font-size:var(--cell-icon-size, 32rpx)}.van-cell__left-icon-wrap{margin-right:8rpx;margin-right:var(--padding-base,8rpx)}.van-cell__right-icon-wrap{margin-left:8rpx;margin-left:var(--padding-base,8rpx);color:#969799;color:var(--cell-right-icon-color,#969799)}.van-cell__left-icon{vertical-align:middle;line-height:48rpx;line-height:var(--cell-line-height, 48rpx)}.van-cell__right-icon{line-height:48rpx;line-height:var(--cell-line-height, 48rpx)}.van-cell--clickable.van-cell--hover{-webkit-filter:brightness(0.95);filter:brightness(.95)}.van-cell--required{overflow:visible}.van-cell--required::before{position:absolute;content:'*';left:16rpx;left:var(--padding-xs,16rpx);font-size:28rpx;font-size:var(--cell-font-size, 28rpx);color:#ee0a24;color:var(--cell-required-color,#ee0a24)}.van-cell--center{-webkit-align-items:center;align-items:center}.van-cell--large{padding-top:24rpx;padding-top:var(--cell-large-vertical-padding,24rpx);padding-bottom:24rpx;padding-bottom:var(--cell-large-vertical-padding,24rpx)}.van-cell--large .van-cell__title{font-size:32rpx;font-size:var(--cell-large-title-font-size, 32rpx)}.van-cell--large .van-cell__value{font-size:32rpx;font-size:var(--cell-large-value-font-size, 32rpx)}.van-cell--large .van-cell__label{font-size:28rpx;font-size:var(--cell-large-label-font-size, 28rpx)}
 /*!***********************************************************************************************************************************************************************************************************************!*\
   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/dialog/index.css ***!
   \***********************************************************************************************************************************************************************************************************************/
 .van-dialog{top:45%!important;overflow:hidden;width:640rpx;width:var(--dialog-width,640rpx);font-size:32rpx;font-size:var(--dialog-font-size, 32rpx);border-radius:32rpx;border-radius:var(--dialog-border-radius,32rpx);background-color:#fff;background-color:var(--dialog-background-color,#fff)}@media (max-width:642px){.van-dialog{width:90%;width:var(--dialog-small-screen-width,90%)}}.van-dialog taro-button-core+taro-button-core{margin-top:0}.van-dialog__header{text-align:center;padding-top:48rpx;padding-top:var(--dialog-header-padding-top,48rpx);font-weight:500;font-weight:var(--dialog-header-font-weight,500);line-height:48rpx;line-height:var(--dialog-header-line-height, 48rpx)}.van-dialog__header--isolated{padding:48rpx 0;padding:var(--dialog-header-isolated-padding,48rpx 0)}.van-dialog__message{overflow-y:auto;text-align:center;-webkit-overflow-scrolling:touch;font-size:28rpx;font-size:var(--dialog-message-font-size, 28rpx);line-height:40rpx;line-height:var(--dialog-message-line-height, 40rpx);max-height:60vh;max-height:var(--dialog-message-max-height,60vh);padding:48rpx;padding:var(--dialog-message-padding,48rpx)}.van-dialog__message-text{word-wrap:break-word}.van-dialog__message--hasTitle{padding-top:16rpx;padding-top:var(--dialog-has-title-message-padding-top,16rpx);color:#646566;color:var(--dialog-has-title-message-text-color,#646566)}.van-dialog__message--round-button{padding-bottom:32rpx;color:#323233}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:-webkit-flex;display:flex}.van-dialog__footer--round-button{position:relative!important;padding:16rpx 48rpx 32rpx!important}.van-dialog__button{-webkit-flex:1;flex:1}.van-dialog__confirm{border:0!important;color:#576b95}.van-dialog__cancel{border:0!important;color:#646566}.van-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}
+/*!**************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/form-item/index.css ***!
+  \**************************************************************************************************************************************************************************************************************************/
+.vant-form-formItem{line-height:50rpx;height:auto;display:-webkit-flex;display:flex;overflow:hidden;margin:0 24rpx;padding:24rpx 0;background-color:#fff}.vant-form-formItem-wrapper{background-color:#fff;box-sizing:border-box}.vant-form-formItem-horizontal{-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;align-items:flex-start}.vant-form-formItem-vertical{-webkit-flex-direction:column;flex-direction:column}.vant-form-formItem-vertical .vant-form-formItem-controll-item{margin-top:20rpx}.vant-form-formItem-vertical .vant-form-label{width:auto}.vant-form-formItem-controll{margin-left:40rpx;font-size:32rpx;-webkit-flex:1;flex:1}.vant-form-formItem-controll-item{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.vant-form-label{width:146rpx;font-size:32rpx;-webkit-flex:none;flex:none;box-sizing:border-box;color:#646566;text-align:left;word-wrap:break-word;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;align-items:flex-start}.vant-form-required-box{min-width:14rpx}.vant-form-message{font-size:24rpx;color:red;height:0;-webkit-transition:all .4s;transition:all .4s;visibility:hidden}.vant-form-message-show{height:30rpx;margin-top:8rpx;visibility:visible}
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/cell/index.css ***!
+  \*********************************************************************************************************************************************************************************************************************/
+.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;-webkit-transform:scale(.5);transform:scale(.5)}.van-cell{position:relative;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;-webkit-align-items:center;align-items:center;-webkit-flex:1;flex:1;padding:24rpx 32rpx;padding:var(--cell-vertical-padding,24rpx) var(--cell-horizontal-padding,32rpx);font-size:28rpx;font-size:var(--cell-font-size, 28rpx);line-height:48rpx;line-height:var(--cell-line-height, 48rpx);color:#323233;color:var(--cell-text-color,#323233);background-color:#fff;background-color:var(--cell-background-color,#fff)}.van-cell::after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:' ';pointer-events:none;right:32rpx;bottom:0;left:32rpx;border-bottom:1PX solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-cell--borderless::after{display:none}.van-cell-group{background-color:#fff;background-color:var(--cell-background-color,#fff)}.van-cell__label{margin-top:6rpx;margin-top:var(--cell-label-margin-top,6rpx);font-size:24rpx;font-size:var(--cell-label-font-size, 24rpx);color:#969799;color:var(--cell-label-color,#969799);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.van-cell__value{overflow:hidden;text-align:right;vertical-align:middle;color:#969799;color:var(--cell-value-color,#969799)}.van-cell__title,.van-cell__value{-webkit-flex:1;flex:1}.van-cell__title:empty,.van-cell__value:empty{display:none}.van-cell__left-icon-wrap,.van-cell__right-icon-wrap{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:48rpx;height:var(--cell-line-height,48rpx);font-size:32rpx;font-size:var(--cell-icon-size, 32rpx)}.van-cell__left-icon-wrap{margin-right:8rpx;margin-right:var(--padding-base,8rpx)}.van-cell__right-icon-wrap{margin-left:8rpx;margin-left:var(--padding-base,8rpx);color:#969799;color:var(--cell-right-icon-color,#969799)}.van-cell__left-icon{vertical-align:middle;line-height:48rpx;line-height:var(--cell-line-height, 48rpx)}.van-cell__right-icon{line-height:48rpx;line-height:var(--cell-line-height, 48rpx)}.van-cell--clickable.van-cell--hover{-webkit-filter:brightness(0.95);filter:brightness(.95)}.van-cell--required{overflow:visible}.van-cell--required::before{position:absolute;content:'*';left:16rpx;left:var(--padding-xs,16rpx);font-size:28rpx;font-size:var(--cell-font-size, 28rpx);color:#ee0a24;color:var(--cell-required-color,#ee0a24)}.van-cell--center{-webkit-align-items:center;align-items:center}.van-cell--large{padding-top:24rpx;padding-top:var(--cell-large-vertical-padding,24rpx);padding-bottom:24rpx;padding-bottom:var(--cell-large-vertical-padding,24rpx)}.van-cell--large .van-cell__title{font-size:32rpx;font-size:var(--cell-large-title-font-size, 32rpx)}.van-cell--large .van-cell__value{font-size:32rpx;font-size:var(--cell-large-value-font-size, 32rpx)}.van-cell--large .van-cell__label{font-size:28rpx;font-size:var(--cell-large-label-font-size, 28rpx)}
 /*!**********************************************************************************************************************************************************************************************************************!*\
   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/field/index.css ***!
   \**********************************************************************************************************************************************************************************************************************/

dist/vendors.js.LICENSE.txt

@@ -10,6 +10,8 @@
 
 /*! ../common/validator */
 
+/*! ../form/core/formContext */
+
 /*! ../goods-action-button/index */
 
 /*! ../goods-action/index */
@@ -64,14 +66,26 @@
 
 /*! ./cjs/react-is.development.js */
 
+/*! ./core/formContext */
+
+/*! ./core/useForm */
+
 /*! ./dialog */
 
 /*! ./events */
 
+/*! ./formstore */
+
 /*! ./iterableToArrayLimit.js */
 
+/*! ./label */
+
 /*! ./memoize */
 
+/*! ./message */
+
+/*! ./node_modules/@babel/runtime/helpers/esm/typeof.js */
+
 /*! ./node_modules/@babel/runtime/helpers/typeof.js */
 
 /*! ./nonIterableRest.js */
@@ -96,6 +110,12 @@
 
 /*! ./wxs */
 
+/*! @babel/runtime/helpers/asyncToGenerator */
+
+/*! @babel/runtime/helpers/classCallCheck */
+
+/*! @babel/runtime/helpers/createClass */
+
 /*! @babel/runtime/helpers/defineProperty */
 
 /*! @babel/runtime/helpers/interopRequireDefault */
@@ -106,12 +126,16 @@
 
 /*! @babel/runtime/helpers/typeof */
 
+/*! @babel/runtime/regenerator */
+
 /*! @tarojs/components */
 
 /*! @tarojs/runtime */
 
 /*! @tarojs/taro */
 
+/*! dequal */
+
 /*! performance-now */
 
 /*! raf */
@@ -120,12 +144,16 @@
 
 /*! react */
 
+/*! react-dom */
+
 /*! react-is */
 
 /*! react/jsx-runtime */
 
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 
+/*! use-deep-compare-effect */
+
 /*!***********************************!*\
   !*** ./node_modules/raf/index.js ***!
   \***********************************/
@@ -134,6 +162,10 @@
   !*** ./node_modules/react-is/index.js ***!
   \****************************************/
 
+/*!********************************************!*\
+  !*** ./node_modules/dequal/dist/index.mjs ***!
+  \********************************************/
+
 /*!***************************************************!*\
   !*** ./node_modules/@antmjs/vantui/es/tag/wxs.js ***!
   \***************************************************/
@@ -186,6 +218,10 @@
   !*** ./node_modules/@antmjs/vantui/es/cell/index.js ***!
   \******************************************************/
 
+/*!******************************************************!*\
+  !*** ./node_modules/@antmjs/vantui/es/form/index.js ***!
+  \******************************************************/
+
 /*!******************************************************!*\
   !*** ./node_modules/@antmjs/vantui/es/icon/index.js ***!
   \******************************************************/
@@ -298,6 +334,14 @@
   !*** ./node_modules/@antmjs/vantui/es/common/jumpLink.js ***!
   \***********************************************************/
 
+/*!***********************************************************!*\
+  !*** ./node_modules/@antmjs/vantui/es/form-item/index.js ***!
+  \***********************************************************/
+
+/*!***********************************************************!*\
+  !*** ./node_modules/@antmjs/vantui/es/form-item/label.js ***!
+  \***********************************************************/
+
 /*!***********************************************************!*\
   !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***!
   \***********************************************************/
@@ -314,6 +358,14 @@
   !*** ./node_modules/@antmjs/vantui/es/transition/index.js ***!
   \************************************************************/
 
+/*!*************************************************************!*\
+  !*** ./node_modules/@antmjs/vantui/es/form-item/message.js ***!
+  \*************************************************************/
+
+/*!*************************************************************!*\
+  !*** ./node_modules/@antmjs/vantui/es/form/core/useForm.js ***!
+  \*************************************************************/
+
 /*!*************************************************************!*\
   !*** ./node_modules/@antmjs/vantui/es/mixins/transition.js ***!
   \*************************************************************/
@@ -330,10 +382,18 @@
   !*** ./node_modules/@antmjs/vantui/es/goods-action/index.js ***!
   \**************************************************************/
 
+/*!***************************************************************!*\
+  !*** ./node_modules/@antmjs/vantui/es/form/core/formstore.js ***!
+  \***************************************************************/
+
 /*!****************************************************************!*\
   !*** ./node_modules/@babel/runtime/helpers/esm/createClass.js ***!
   \****************************************************************/
 
+/*!*****************************************************************!*\
+  !*** ./node_modules/@antmjs/vantui/es/form/core/formContext.js ***!
+  \*****************************************************************/
+
 /*!******************************************************************!*\
   !*** ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js ***!
   \******************************************************************/
@@ -390,6 +450,10 @@
   !*** ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js ***!
   \*********************************************************************************/
 
+/*!**********************************************************************************!*\
+  !*** ./node_modules/use-deep-compare-effect/dist/use-deep-compare-effect.esm.js ***!
+  \**********************************************************************************/
+
 /** @license React v16.13.1
  * react-is.development.js
  *

src/app.config.ts

@@ -3,6 +3,7 @@ export default {
     // "pages/index/index",
     "pages/home/index",
     "pages/home/components/CheckIn/index",
+    "pages/home/components/Certified/index", //认证
     "pages/activityList/index",
     "pages/formSubmit/index",
     "pages/activityList/components/details/index",

src/pages/home/components/Certified/index.scss

@@ -0,0 +1,44 @@
+.Certified {
+  padding: 20px;
+  .info {
+    padding-top: 20px;
+    width: 100%;
+    height: 300px;
+    background-color: #73d13d;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    .icon {
+    //   font-size: 50px;
+    color: #ffffff;
+    }
+    .infoText{
+        padding: 50px;
+        color: #ffffff;
+    }
+  }
+
+  .myImage{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    .text{
+      padding: 50px;
+        color: #8c8c8c;
+    }
+  }
+
+  .submitBtn{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .checkItem{
+    padding: 50px;
+    font-size: 24px;
+  }
+}

src/pages/home/components/Certified/index.tsx

@@ -0,0 +1,100 @@
+import { Button, Checkbox, Form, FormItem, Icon, Image } from "@antmjs/vantui";
+import { Input, View, Text } from "@tarojs/components";
+import react from "react";
+import "./index.scss";
+
+const Certified = () => {
+  const formIt = Form.useForm();
+  const [state, setState] = react.useState({});
+  const [value, setValue] = react.useState(true);
+  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="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="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> */}
+
+        <View className="checkItem">
+          <Checkbox value={value} onChange={(e: any) => setValue(e.detail)}>
+            {`已阅读并同意<<腾讯云E证通服务使用协议>>和<<eID数字身份小程序服务协议>>`}
+          </Checkbox>
+        </View>
+      </Form>
+    </View>
+  );
+};
+
+export default Certified;

src/pages/home/index.tsx

@@ -10,7 +10,7 @@ import {
   Toast,
 } from "@antmjs/vantui";
 import { Input, View } from "@tarojs/components";
-import React, { useCallback, useEffect } from "react";
+import React, { useCallback, useEffect, useState } from "react";
 import { Swiper, SwiperItem, Image } from "@antmjs/vantui";
 import react from "react";
 import { NoticeBar } from "@antmjs/vantui";
@@ -23,8 +23,7 @@ import "./index.scss";
 import { Search } from "@antmjs/vantui";
 import ActiveCard from "../components/ActiveCard";
 import { Dialog } from "@antmjs/vantui";
-import { Loading } from '@antmjs/vantui'
-
+import { Loading } from "@antmjs/vantui";
 
 const Home = () => {
   // const { images } = COMMON
@@ -34,6 +33,8 @@ const Home = () => {
   const [show, setShow] = react.useState(false);
   const [value, setValue] = react.useState("");
 
+  const [SearchValue, setSearchValue] = useState("");
+
   const onChange = (e) => {};
   const images = [
     "cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/download.jpg",
@@ -65,8 +66,7 @@ const Home = () => {
     // getTableid(objParams);
   }, []);
 
-  const uploadTaro=(tempFilePaths:any)=>{
-     
+  const uploadTaro = (tempFilePaths: any) => {
     // 云开发存储文件 [/自动创建文件路径]
     Taro.cloud.uploadFile({
       cloudPath: `images/dev/${new Date()?.getTime()}.png`,
@@ -90,7 +90,21 @@ const Home = () => {
         console.log("err", err);
       },
     });
-  }
+  };
+  const onSearch = (e: any) => {
+    console.log("e---", e);
+    // Toast.show(`search: ${e.detail}`);
+    // setSearchValue(e?.detail);
+    setSearchValue("");
+
+    // 跳转到目的页面，打开新页面
+    Taro.navigateTo({
+      url: "/pages/activityList/index",
+    });
+  };
+  const onCancel = (e: any) => {
+    // Toast.show(`onCancel`);
+  };
 
   return (
     <View className="homeContent">
@@ -134,7 +148,10 @@ const Home = () => {
       </View>
 
       {/* 通知条 */}
-      <NoticeBar leftIcon="volume-o" text="疫情期间,请留意各个景区的开放时间" />
+      <NoticeBar
+        leftIcon="volume-o"
+        text="疫情期间,请留意各个景区的开放状态以及时间"
+      />
       {/* 顶部 */}
       {/* <View>
         <Row>
@@ -150,8 +167,17 @@ const Home = () => {
             深圳
           </Tag>
         </View>
+
+        {/* 搜索框 */}
         <View>
-          <Search placeholder="请输入搜索关键词" style={{ width: "320px" }} />
+          <Search
+            value={SearchValue}
+            onChange={(e) => setSearchValue(e.detail)}
+            placeholder="请输入搜索关键词"
+            style={{ width: "320px" }}
+            onSearch={onSearch}
+            // onCancel={onCancel}
+          />
         </View>
       </View>
 
@@ -195,7 +221,6 @@ const Home = () => {
                   url: `/pages/home/components/CheckIn/index?fileID=${tempFilePaths?.[0]}`,
                 });
                 // uploadTaro(tempFilePaths)
-
               },
             });
           }}
@@ -223,7 +248,7 @@ const Home = () => {
           }}
         />
 
-        <GridItem
+        {/* <GridItem
           icon="manager"
           className="iconStyle"
           text="组队"
@@ -233,6 +258,18 @@ const Home = () => {
               url: "/pages/formSubmit/index",
             });
           }}
+        /> */}
+
+        <GridItem
+          icon="manager"
+          className="iconStyle"
+          text="认证"
+          onClick={() => {
+            // 跳转到目的页面，打开新页面
+            Taro.navigateTo({
+              url: "/pages/home/components/Certified/index",
+            });
+          }}
         />
       </Grid>