hbs
<!-- 把这个页面纳入 main 框架里面 -->
{{!< main}}
<link rel="stylesheet" href="/css/jquery-ui-timepicker-addon.css">
<script type="text/javascript" src="/js/jquery-ui-timepicker-addon.js"></script>
<script src="/js/webuploader.min.js"></script>
<link href="/css/product/webuploader.css" rel="stylesheet">
<style>
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui_tpicker_hour_label,.ui_tpicker_minute_label,.ui_tpicker_second_label, .ui_tpicker_millisec_label,.ui_tpicker_time_label{padding-left:20px}
</style>
<style>
/*分页样式*/
.pagination {
padding: 15px 20px;
text-align: right;
color: #ccc;
}
#newCardBatch label.error{
color:red;
font-weight:normal
}
.pagination a {
display: inline-block;
color: #428bca;
display: inline-block;
height: 25px;
line-height: 25px;
padding: 0 10px;
border: 1px solid #ddd;
margin: 0 2px;
border-radius: 4px;
vertical-align: middle;
}
.pagination a:hover {
text-decoration: none;
border: 1px solid #d50049;
}
.pagination span.current {
display: inline-block;
height: 25px;
line-height: 25px;
padding: 0 10px;
margin: 0 2px;
color: #fff;
background-color: #d50049;
border: 1px solid #d50049;
border-radius: 4px;
vertical-align: middle;
}
.pagination span.disabled {
display: inline-block;
height: 25px;
line-height: 25px;
padding: 0 10px;
margin: 0 2px;
color: #bfbfbf;
background: #f2f2f2;
border: 1px solid #bfbfbf;
border-radius: 4px;
vertical-align: middle;
}
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
/*时间插件样式*/
.ui-slider{
height: 19px;
position: relative;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
margin-left: -0.6rem;
}
.btn_disable{
display: inline-block;
background-color: #ddd;
color: #999;
border: 2px solid transparent;
outline:none;
}
.btn_disable:hover{
background-color: #ddd;
color: #999;
border: 2px solid transparent;
}
.form_input{width:100px;display: inline-block}
</style>
<!--积分红包-->
<h2>{{titleStr}}</h2>
<div>
<hr>
<form name="" id="adEditForm" role="form" class="form-inline" method="post">
<div class="form-group">
<label for="adName"><span style="color: #FF0000;">*</span>广告名称</label>
<input name="adName" id="adName" type="text" class="form-control" placeholder="1-24个字符" value="" style="width: 230px; margin-left: 20px;"></input>
</div>
<br>
<br>
<div class="form-group">
<label for="adDesc">广告描述</label>
<input name="adDesc" id="adDesc" type="text" class="form-control" placeholder="0-400个字符" value="" style="width: 250px; margin-left: 20px;"></input>
</div>
<br>
<br>
<div class="form-group">
<label for="startTime"><span style="color: #FF0000;">*</span>有效期</label>
<input name="startTime" id="startTime" type="text" class="input-sm date-picker form-control form_input" style="width: 150px; margin-left: 20px;" placeholder="" value="">
<label for="endTime">至</label>
<input name="endTime" id="endTime" type="text" class="input-sm date-picker form-control form_input" style="width: 150px" placeholder="" value="" >
</div>
<br>
<br>
<div class="form-group">
<label for="adUploaderImage"><span style="color: #FF0000;">*</span>图片</label>
<div id="imageUploader">
<div id="imageList" class="uploader-list listPageView"><img src="../../img/upload/view.png" alt=""></div>
<br>
<div id="imagePicker" class="webuploader-pick">图片选择</div>
</div>
</div>
<br>
<br>
<div class="for-group">
<label for="adLink">链接</label>
<input name="adLink" id="adLink" type="text" class="form-control" placeholder="" style="width: 200px; margin-left: 20px;"></input>
</div>
<br>
<br>
<div class="form-group">
<button id="save" class="form-control btn btn-primary" type="button" style="width: 100px;"></a>保存</button>
</div>
</form>
</div>
<script src="/js/homeConfig/adEdit.js"></script>
<script src="/js/common/jquery.validate.min.js"></script>
hbs的更多相关文章
- Express模版引擎hbs备忘
最近几天折腾了下express,想找个合适的模版引擎,下面是一些折腾过程的备忘 选择标准 选择一门模版语言时,可能会考虑的几点 语法友好(micro tmpl那种语法真是够了) 支持模版嵌套(子模版的 ...
- open-falcon之HBS
功能 处理agent心跳请求,并将agent信息(ip.hostname.agent_version.plugin_version)等信息入库(portal库) 为agent提供执行run api的白 ...
- openfalcon源码分析之hbs
openfalcon源码分析之hbs 本节内容 hbs功能 hbs源码分析 hbs设计优劣 1. hbs功能 hbs在整个open-falcon项目中承担的角色就是连接数据库,作为数据库缓存,缓存配置 ...
- python scrapy爬取HBS 汉堡南美航运公司柜号信息
下面分享个scrapy的例子 利用scrapy爬取HBS 船公司柜号信息 1.前期准备 查询提单号下的柜号有哪些,主要是在下面的网站上,输入提单号,然后点击查询 https://www.hamburg ...
- hbs模板(zmaze ui用的)
hbs模板(zmaze ui用的) 一.总结 1.模板引擎:就是来生成界面的啊,只不过实现了view和数据分离以及一些其它的功能(预加载等). 2.Handlebars :但他是一个单纯的模板引擎,在 ...
- IT运维监控解决方案介绍
现状 •小公司/ 创业团队< 500台服务器规模 开源方案:Zabbix.Nagios.Cacti- 云服务提供商:监控宝.oneAlert等 •BAT级别> 10万台服务器 投 ...
- Handlebars 模板引擎之前后端用法
前言 不知不觉间,居然已经这么久没有写博客了,坚持还真是世界上最难的事情啊. 不过我最近也没闲着,辞工换工.恋爱失恋.深圳北京都经历了一番,这有起有落的生活实在是太刺激了,就如拿着两把菜刀剁洋葱一样, ...
- java web学习总结(二十六) -------------------JSP属性范围
所谓的属性范围就是一个属性设置之后,可以经过多少个其他页面后仍然可以访问的保存范围. 一.JSP属性范围 JSP中提供了四种属性范围,四种属性范围分别指以下四种: 当前页:一个属性只能在一个页面中取得 ...
- 使用node.js生成excel报表下载(excel-export express篇)
引言:日常工作中已经有许多应用功能块使用了nodejs作为web服务器,而生成报表下载也是我们在传统应用. java中提供了2套类库实现(jxl 和POI),.NET 作为微软的亲儿子更加不用说,各种 ...
随机推荐
- android ListView异步加载图片(双缓存)
首先声明,参考博客地址:http://www.iteye.com/topic/685986 对于ListView,相信很多人都很熟悉,因为确实太常见了,所以,做的用户体验更好,就成了我们的追求... ...
- message 匹配不上grok正则 也会写入到elasticsearch
{ "message" => "scan test 20161201", "@version" => "1" ...
- java学习多线程之线程状态
- javascript外部使用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- (转载)AS3中的mouseEnabled与mouseChildren
(转载)http://www.cnblogs.com/gongchen/archive/2013/05/09/3069055.html mouseEnabled与mouseChildren都是用来确定 ...
- JavaScript高级程序设计40.pdf
DOM0级事件处理程序 就是将一个函数赋值给一个事件处理程序属性,具有简单.跨浏览器优势,首先必须取得一个操作对象的引用,每个元素(包括window和document)都有自己的事件处理程序属性,这些 ...
- Bzoj 1982: [Spoj 2021]Moving Pebbles 博弈论
1982: [Spoj 2021]Moving Pebbles Time Limit: 10 Sec Memory Limit: 64 MBSubmit: 130 Solved: 88[Submi ...
- Axure原型用pmdaniu在线托管尝试
这次把原型中语音模块的坑填了一部分,实现了拖拽按钮控制的界面效果 http://www.pmdaniu.com/prototype/view?id=WXpVNwNhUmYMPFN3AkA
- ajax_demo:GET POST发送数据
GET,通过url发送数据 <%@ page language="java" contentType="text/html; charset=UTF-8" ...
- 事物复制中大项目(Large Article)出问题如何快速修复
事物日志中如果大的发布项目(Article)出问题了,并且影响了系统的使用,如何快速的解决? 一般的做法是重新用快照或者备份初始化,但是如果出问题的表非常大(上亿的记录,几十GB的数据),使用初始化是 ...