拼图Pintuer.com登录页面表单
web 拼图Pintuer 2019-12-11 2503 0
关于本站

“最难不过坚持”

本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作

有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339

6283587 2594 39
最新评论
https://jueru.net/
评 留言
:weixiao:
评 留言
:shuijiao: :weiqu: :zhenbang: :leng:
评 留言
:yiwen: :yiwen: :yiwen: :yiwen:
评 EasySass: could not generate CSS file. See Output panel for details.
这个业务逻辑多少都有点奇怪了,阅读浏览次数增值在新闻详情页的控制器方法里setInc,这怎么还写进模型事件里了。如果非要用onAfterRead也可以,把新闻文章的内容单独分出来一个news_content表,然后把它和news做关联,然后给news_content表的onAfterRead事件做增值处理,这样点进新闻页内查询到文章内容时才会触发它。
评 TP6模型事件-查询后onAfterRead不好用
文章标签更多
ThinkPHP (254)
Mysql (58)
DedeCms (33)
jQuery (67)
证件照 (1)
setInc (4)
setDec (4)
onclick (5)
打开边栏(ESC) 关闭边栏(ESC)

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}

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

然后调整验证码的大小。

效果如图:

from clipboard

代码如下:

<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>
自定义css样式

/*登录表单*/
.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;}

版权声明:本篇文章来源于网络。 来源链接

相关推荐
拼图Pintuer里面.layout,.container,.container-layout的区别
拼图Pintuer | 2019-12-16 2701
先看css: .layout { width: 100% } .container, .container-layout { margin: 0 auto; padding: 0 10px } html代码: <div class="container" style="background:#ccc;"> ...
Pintuer+ajax验证提交表单,不知道为什么敲回车提交两次表单
拼图Pintuer | 2019-12-26 2696
html代码: <form method="post" class="form-big" onsubmit="return false" id="ajaxForm"> <div class="panel padding radius-none"> <div class="t...
评论:0条
评论加载中...
发表评论