Pintuer提供了一个登录页面，网址http://www.pintuer.com/react.html#form

但是我感觉表单有点小，所以就给form表单加了样式.form-big，

表单变大了，小图标没有变大，给小图标加上样式.text-big或.text-large，大小还是没变，后来发现

pintuer.css里面

.field-icon-right .icon{position:absolute;right:0;top:0;width:34px;height:34px;text-align:center;line-height:34px;font-size:16px;font-weight:normal}

控制了大小，然后自己重新定义图标大小。

然后调整验证码的大小。

效果如图：

代码如下：

<div align="center">
					<form action="#index.html" method="post" class="form-big form_ttit">
						<div class="panel padding" style="width: 450px;text-align: left;">
							<div class="text-center">
								<br>
								<h2><strong>登录</strong></h2>
							</div>
							<div class="" style="padding:20px;">
								<div class="form-group">
									<div class="field field-icon-right">
										<input type="text" class="input" name="admin" placeholder="登录账号" />
										<span class="icon icon-user text-large"></span>
									</div>
								</div>
								<div class="form-group">
									<div class="field field-icon-right">
										<input type="password" class="input" name="password" placeholder="登录密码" />
										<span class="icon icon-key text-large"></span>
									</div>
								</div>
								<div class="form-group">
									<div class="field">
										<input type="text" class="input" name="passcode" placeholder="填写右侧的验证码" />
										<img style='vertical-align:middle;cursor:pointer;height:44px;width:120px;' class='verifyImg' src='__ADMIN__/img/clickForVerify.png' title='刷新验证码' onclick='javascript:getVerify()'/>
									</div>
								</div>
								<div class="form-group">
									<div class="field">
										<button class="button button-block bg-main text-big form-actions">立即登录</button>
									</div>
								</div>
								<div class="form-group">
									<div class="field text-center">
										<p class="text-muted text-center"> <a class="" href="#login.html"><small>忘记密码了？</small></a> | <a class="" href="#register.html">注册新账号</a>
										</p>
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>

/*登录表单*/
.form_ttit{}
/*验证码样式*/
.verifyImg {border-left: 1px solid #ddd;border-radius: 0 4px 4px 0;height: 44px;line-height: 44px; position: absolute;right: 1px;text-align: center;top: 1px;}
/*登录页面图标大小*/
.form_ttit .field-icon-right .icon{width:44px;height:44px;line-height:44px;font-size:20px;}