diff --git a/lib/main.dart b/lib/main.dart
index 43aa3ff..ca281bf 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -54,7 +54,7 @@ void main() async {
       // useEncrypt: true
       );
   // 设置当前是否为测试环境
-  bool isDebug = true;
+  bool isDebug = false;
   AppConfig.setDebug(isDebug);
 
   await Hive.initFlutter();
diff --git a/lib/pages/user/user_set_password_varcode.dart b/lib/pages/user/user_set_password_varcode.dart
index f9c7631..5ec5906 100644
--- a/lib/pages/user/user_set_password_varcode.dart
+++ b/lib/pages/user/user_set_password_varcode.dart
@@ -1,6 +1,8 @@
 import 'dart:async';
-
+import 'package:recook/constants/header.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:pin_input_text_field/pin_input_text_field.dart';
 import 'package:recook/base/base_store_state.dart';
 import 'package:recook/constants/api.dart';
 import 'package:recook/constants/header.dart';
@@ -9,21 +11,19 @@ import 'package:recook/manager/http_manager.dart';
 import 'package:recook/manager/user_manager.dart';
 import 'package:recook/models/base_model.dart';
 import 'package:recook/widgets/custom_app_bar.dart';
-import 'package:recook/widgets/keyboard/CustomBoxPasswordFieldWidget.dart';
 import 'package:recook/widgets/keyboard/keyboard_widget.dart';
 import 'package:recook/widgets/keyboard/pay_password.dart';
 import 'package:recook/widgets/toast.dart';
 
-class UserSetPasswordVarCode extends StatefulWidget{
+class UserSetPasswordVarCode extends StatefulWidget {
   @override
   State<StatefulWidget> createState() {
     return _UserSetPasswordVarCodeState();
   }
-  
 }
 
-class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode>{
-  
+class _UserSetPasswordVarCodeState
+    extends BaseStoreState<UserSetPasswordVarCode> {
   Timer _timer;
   String _countDownStr = "点击发送验证码";
   bool _getCodeEnable = false;
@@ -36,10 +36,13 @@ class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode
       _timer.cancel();
       _timer = null;
     }
+    _textEditingController?.dispose();
     super.dispose();
   }
 
+  @Deprecated("old data")
   String pwdData = '';
+  TextEditingController _textEditingController = TextEditingController();
   final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
   VoidCallback _showBottomSheetCallback;
   @override
@@ -64,15 +67,17 @@ class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode
     );
   }
 
-  _bodyWidget(){
+  _bodyWidget() {
     return Container(
       child: _varCodeWidget(),
     );
   }
 
-  _varCodeWidget(){
-    TextStyle redStyle = TextStyle(color: AppColor.themeColor, fontSize: ScreenAdapterUtils.setSp(15));
-    TextStyle greyStyle = TextStyle(color: Color(0xff777777), fontSize: ScreenAdapterUtils.setSp(15));
+  _varCodeWidget() {
+    TextStyle redStyle = TextStyle(
+        color: AppColor.themeColor, fontSize: ScreenAdapterUtils.setSp(15));
+    TextStyle greyStyle = TextStyle(
+        color: Color(0xff777777), fontSize: ScreenAdapterUtils.setSp(15));
     return Container(
       child: Column(
         mainAxisAlignment: MainAxisAlignment.start,
@@ -80,59 +85,109 @@ class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode
           Container(
             margin: EdgeInsets.only(top: 30),
             alignment: Alignment.center,
-            child: Text("请输入短信验证码", style: TextStyle(color: Colors.black, fontSize: ScreenAdapterUtils.setSp(25),),),
+            child: Text(
+              "请输入短信验证码",
+              style: TextStyle(
+                color: Colors.black,
+                fontSize: ScreenAdapterUtils.setSp(25),
+              ),
+            ),
           ),
           Container(
             margin: EdgeInsets.only(top: 15),
             alignment: Alignment.center,
-            child: Text("我们已发送短信验证码到你的手机号", style: TextStyle(color: Color(0xff888888), fontSize: ScreenAdapterUtils.setSp(15),),),
+            child: Text(
+              "我们已发送短信验证码到你的手机号",
+              style: TextStyle(
+                color: Color(0xff888888),
+                fontSize: ScreenAdapterUtils.setSp(15),
+              ),
+            ),
           ),
           Container(
             margin: EdgeInsets.only(top: 5),
             alignment: Alignment.center,
-            child: Text(UserManager.instance.user.info.mobile.replaceRange(3, 7, "****") ,style: TextStyle(color: Color(0xff333333), fontSize: ScreenAdapterUtils.setSp(22),),),
+            child: Text(
+              UserManager.instance.user.info.mobile.replaceRange(3, 7, "****"),
+              style: TextStyle(
+                color: Color(0xff333333),
+                fontSize: ScreenAdapterUtils.setSp(22),
+              ),
+            ),
           ),
           Container(
-            margin: EdgeInsets.only(top:36),
-            child: GestureDetector(
-              child: CustomBoxPasswordFieldWidget(pwdData, boxCount: 4, showString: true, ),
-              onTap: (){
-                _showBottomSheetCallback();
-              },
-            )
+            margin: EdgeInsets.only(top: 36, left: 32, right: 32),
+            // child: GestureDetector(
+            //   child: CustomBoxPasswordFieldWidget(pwdData, boxCount: 4, showString: true, ),
+            //   onTap: (){
+            //     _showBottomSheetCallback();
+            //   },
+            // )
+            child: PinInputTextField(
+              enableInteractiveSelection: true,
+              toolbarOptions: ToolbarOptions(paste: true),
+              controller: _textEditingController,
+              pinLength: 4,
+              onChanged: (_) => setState(() {}),
+              decoration: BoxLooseDecoration(
+                gapSpace: 12,
+                radius: Radius.circular(4),
+                textStyle: TextStyle(
+                  color: Colors.black,
+                  fontSize: 24,
+                ),
+                strokeColorBuilder:
+                    PinListenColorBuilder(Colors.grey, Colors.blue),
+              ),
+              inputFormatters: [
+                LengthLimitingTextInputFormatter(4),
+                FilteringTextInputFormatter.digitsOnly,
+              ],
+            ),
           ),
           Container(
-            margin: EdgeInsets.only(top:15),
-            child: FlatButton(
-              textColor: AppColor.themeColor,
-              disabledTextColor: Color(0xff777777),
-              child: Text(_countDownStr, style: TextStyle(fontSize: ScreenAdapterUtils.setSp(15)),),
-              onPressed: _getCodeEnable ? 
-              (){
-                if (_cantSelected) return;
-                _cantSelected = true;
-                Future.delayed(Duration(seconds: 2), (){
-                  _cantSelected = false;
-                });
-                _getVarCode();
-              }
-              :null,
-            )
-          ),
+              margin: EdgeInsets.only(top: 15),
+              child: FlatButton(
+                textColor: AppColor.themeColor,
+                disabledTextColor: Color(0xff777777),
+                child: Text(
+                  _countDownStr,
+                  style: TextStyle(fontSize: ScreenAdapterUtils.setSp(15)),
+                ),
+                onPressed: _getCodeEnable
+                    ? () {
+                        if (_cantSelected) return;
+                        _cantSelected = true;
+                        Future.delayed(Duration(seconds: 2), () {
+                          _cantSelected = false;
+                        });
+                        _getVarCode();
+                      }
+                    : null,
+              )),
           GestureDetector(
             child: Container(
               margin: EdgeInsets.only(left: 15, right: 15, top: 30),
               height: 47,
-              color: pwdData.length == 4 ? AppColor.themeColor : Color(0xffd7d7d7),
+              color: _textEditingController.text.length == 4
+                  ? AppColor.themeColor
+                  : Color(0xffd7d7d7),
+              // pwdData.length == 4 ? AppColor.themeColor : Color(0xffd7d7d7),
               child: Container(
                 alignment: Alignment.center,
-                child: Text('确认', style: TextStyle(fontSize: ScreenAdapterUtils.setSp(17),color: Colors.white ),),
+                child: Text(
+                  '确认',
+                  style: TextStyle(
+                      fontSize: ScreenAdapterUtils.setSp(17),
+                      color: Colors.white),
+                ),
               ),
             ),
-            onTap: (){
-              if(pwdData.length != 4){
-                return;
-              }
+            onTap: () {
+              if (_textEditingController.text.length != 4) return;
+              // if (pwdData.length != 4) {
+              //   return;
+              // }
               _verifySmsCode();
             },
           )
@@ -140,6 +195,7 @@ class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode
       ),
     );
   }
+
   /// 底部弹出 自定义键盘  下滑消失
   void _showBottomSheet() {
     setState(() {
@@ -154,33 +210,40 @@ class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode
               children: <Widget>[
                 Expanded(
                   child: GestureDetector(
-                    child: Container(color: Colors.white.withAlpha(0),),
-                    onTap: (){
+                    child: Container(
+                      color: Colors.white.withAlpha(0),
+                    ),
+                    onTap: () {
                       Navigator.pop(_scaffoldKey.currentContext);
                     },
                   ),
                 ),
-                MyKeyboard(_onKeyDown, isShowTips: true, needCommit: true,),
+                MyKeyboard(
+                  _onKeyDown,
+                  isShowTips: true,
+                  needCommit: true,
+                ),
               ],
             ),
           );
-      // return new MyKeyboard(_onKeyDown, isShowTips: true, needCommit: true,);
-    })
+          // return new MyKeyboard(_onKeyDown, isShowTips: true, needCommit: true,);
+        })
         .closed
         .whenComplete(() {
-      if (mounted) {
-        setState(() {
-          if (_verifySms) {
-            _verifySmsCode();
+          if (mounted) {
+            setState(() {
+              if (_verifySms) {
+                _verifySmsCode();
+              }
+              _verifySms = false;
+              // re-enable the button
+              _showBottomSheetCallback = _showBottomSheet;
+            });
           }
-          _verifySms = false;
-          // re-enable the button
-          _showBottomSheetCallback = _showBottomSheet;
         });
-      }
-    });
   }
-  void _onKeyDown(KeyEvent data){
+
+  void _onKeyDown(KeyEvent data) {
     if (data.isDelete()) {
       if (pwdData.length > 0) {
         pwdData = pwdData.substring(0, pwdData.length - 1);
@@ -188,7 +251,7 @@ class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode
       }
     } else if (data.isCommit()) {
       if (pwdData.length < 4) {
-      //  Fluttertoast.showToast(msg: "密码不足6位，请重试", gravity: ToastGravity.CENTER);
+        //  Fluttertoast.showToast(msg: "密码不足6位，请重试", gravity: ToastGravity.CENTER);
         Toast.showError("验证码不足4位,请重试");
         return;
       }
@@ -202,8 +265,9 @@ class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode
     }
   }
 
-  _getVarCode() async{
-    ResultData resultData = await HttpManager.post(UserApi.verify_sms_send, {"userId": UserManager.instance.user.info.id});
+  _getVarCode() async {
+    ResultData resultData = await HttpManager.post(
+        UserApi.verify_sms_send, {"userId": UserManager.instance.user.info.id});
     if (!resultData.result) {
       showError(resultData.msg);
       return;
@@ -218,20 +282,23 @@ class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode
   }
 
   _verifySmsCode() async {
-    ResultData resultData = await HttpManager.post(
-      UserApi.verify_sms,
-      {"userId": UserManager.instance.user.info.id,
-        "sms": pwdData});
+    ResultData resultData = await HttpManager.post(UserApi.verify_sms, {
+      "userId": UserManager.instance.user.info.id,
+      // "sms": pwdData,
+      "sms": _textEditingController.text,
+    });
 
     if (!resultData.result) {
-      pwdData = "";
+      // pwdData = "";
+      _textEditingController?.clear();
       setState(() {});
       showError(resultData.msg);
       return;
     }
     BaseModel model = BaseModel.fromJson(resultData.data);
     if (model.code != HttpStatus.SUCCESS) {
-      pwdData = "";
+      // pwdData = "";
+      _textEditingController?.clear();
       setState(() {});
       showError(model.msg);
       return;
@@ -262,5 +329,4 @@ class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode
       });
     });
   }
-
-}
\ No newline at end of file
+}
diff --git a/lib/widgets/keyboard/CustomBoxPasswordFieldWidget.dart b/lib/widgets/keyboard/CustomBoxPasswordFieldWidget.dart
index 76a02c9..6fccc2e 100644
--- a/lib/widgets/keyboard/CustomBoxPasswordFieldWidget.dart
+++ b/lib/widgets/keyboard/CustomBoxPasswordFieldWidget.dart
@@ -1,9 +1,7 @@
-
 import 'package:flutter/material.dart';
 import 'package:recook/constants/header.dart';
 
-class CustomBoxPasswordFieldWidget extends StatelessWidget{
-  
+class CustomBoxPasswordFieldWidget extends StatelessWidget {
   final String data;
   final int boxCount;
   final bool showString;
@@ -12,14 +10,13 @@ class CustomBoxPasswordFieldWidget extends StatelessWidget{
   final double margin;
 
   CustomBoxPasswordFieldWidget(
-    this.data,
-    {this.boxCount: 6, 
+    this.data, {
+    this.boxCount: 6,
     this.showString: false,
     this.width: 58,
     this.click,
     this.margin: 6,
-    }
-  );
+  });
 
   @override
   Widget build(BuildContext context) {
@@ -42,22 +39,21 @@ class CustomBoxPasswordFieldWidget extends StatelessWidget{
     // );
   }
 
-  _rowWidget(){
+  _rowWidget() {
     List<Widget> listWidget = [];
     listWidget.add(Spacer());
     for (var i = 0; i < boxCount; i++) {
-      if (data.length < i+1) {
+      if (data.length < i + 1) {
         listWidget.add(_boxWidget(""));
-      }else{
-        listWidget.add(_boxWidget(data.substring(i, i+1)));
+      } else {
+        listWidget.add(_boxWidget(data.substring(i, i + 1)));
       }
-      
     }
     listWidget.add(Spacer());
     return listWidget;
   }
 
-  _boxWidget(String str){
+  _boxWidget(String str) {
     return Container(
       width: width,
       height: width,
@@ -67,20 +63,24 @@ class CustomBoxPasswordFieldWidget extends StatelessWidget{
         border: Border.all(color: Color(0xffaaaaaa), width: 1),
       ),
       child: Center(
-        child: str.isEmpty? Container()
-          :showString ? 
-          Text(str, style: TextStyle(color: Colors.black,fontSize: ScreenAdapterUtils.setSp(20),),)
-          :Container(
-            width: 10, height: 10,
-            decoration: BoxDecoration(
-              borderRadius: BorderRadius.circular(5),
-              color: Colors.black
-            ),
-          ),
+        child: str.isEmpty
+            ? Container()
+            : showString
+                ? Text(
+                    str,
+                    style: TextStyle(
+                      color: Colors.black,
+                      fontSize: ScreenAdapterUtils.setSp(20),
+                    ),
+                  )
+                : Container(
+                    width: 10,
+                    height: 10,
+                    decoration: BoxDecoration(
+                        borderRadius: BorderRadius.circular(5),
+                        color: Colors.black),
+                  ),
       ),
     );
   }
-
 }
-
-
diff --git a/pubspec.lock b/pubspec.lock
index 8abf408..1230146 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -871,6 +871,13 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "0.5.8"
+  pin_input_text_field:
+    dependency: "direct main"
+    description:
+      name: pin_input_text_field
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "3.3.0"
   platform:
     dependency: transitive
     description:
diff --git a/pubspec.yaml b/pubspec.yaml
index e93e942..262aca5 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -218,6 +218,8 @@ dependencies:
   hive: ^1.4.4+1
   hive_flutter: ^0.3.1
 
+  pin_input_text_field: ^3.3.0
+
 dev_dependencies:
   flutter_test:
     sdk: flutter