用户信息添加输入框组图标&鼠标按下显示密码

ruoyi-admin/src/main/resources/templates/system/user/add.html

@@ -35,7 +35,10 @@
                     <div class="form-group">
                         <label class="col-sm-4 control-label is-required">手机号码：</label>
                         <div class="col-sm-8">
-                            <input id="phonenumber" name="phonenumber" placeholder="请输入手机号码" class="form-control" type="text" maxlength="11" required>
+                            <div class="input-group">
+                                <input id="phonenumber" name="phonenumber" placeholder="请输入手机号码" class="form-control" type="text" maxlength="11" required>
+                                <span class="input-group-addon"><i class="fa fa-mobile"></i></span>
+                            </div>
                         </div>
                     </div>
                 </div>
@@ -43,7 +46,10 @@
                     <div class="form-group">
                         <label class="col-sm-4 control-label is-required">邮箱：</label>
                         <div class="col-sm-8">
-                            <input id="email" name="email" class="form-control email" type="text" maxlength="20" placeholder="请输入邮箱" required>
+                            <div class="input-group">
+                                <input id="email" name="email" class="form-control email" type="text" maxlength="20" placeholder="请输入邮箱" required>
+                                <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
+                            </div>
                         </div>
                     </div>
                 </div>
@@ -61,7 +67,12 @@
                     <div class="form-group">
                         <label class="col-sm-4 control-label is-required">登录密码：</label>
                         <div class="col-sm-8">
-                            <input name="password" placeholder="请输入登录密码" class="form-control" type="password" th:value="${@config.getKey('sys.user.initPassword')}" required>
+                            <div class="input-group">
+                                <input id="password" name="password" placeholder="请输入登录密码" class="form-control" type="password" th:value="${@config.getKey('sys.user.initPassword')}" required>
+                                <span class="input-group-addon" title="登录密码,鼠标按下显示密码"
+                                    onmousedown="$('#password').attr('type','text')"
+                                    onmouseup="$('#password').attr('type','password')"><i class="fa fa-key"></i></span>
+                            </div>
                         </div>
                     </div>
                 </div>

ruoyi-admin/src/main/resources/templates/system/user/edit.html

@@ -36,7 +36,10 @@
                     <div class="form-group">
                         <label class="col-sm-4 control-label is-required">手机号码：</label>
                         <div class="col-sm-8">
-                            <input name="phonenumber" placeholder="请输入手机号码" class="form-control" type="text" maxlength="11" th:field="*{phonenumber}" required>
+                            <div class="input-group">
+                                <input name="phonenumber" placeholder="请输入手机号码" class="form-control" type="text" maxlength="11" th:field="*{phonenumber}" required>
+                                <span class="input-group-addon"><i class="fa fa-mobile"></i></span>
+                            </div>
                         </div>
                     </div>
                 </div>
@@ -44,7 +47,10 @@
                     <div class="form-group">
                         <label class="col-sm-4 control-label is-required">邮箱：</label>
                         <div class="col-sm-8">
-                            <input name="email" class="form-control email" type="text" maxlength="20" placeholder="请输入邮箱" th:field="*{email}" required>
+                            <div class="input-group">
+                                <input name="email" class="form-control email" type="text" maxlength="20" placeholder="请输入邮箱" th:field="*{email}" required>
+                                <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
+                            </div>
                         </div>
                     </div>
                 </div>