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 作为微软的亲儿子更加不用说,各种 ...
随机推荐
- 解决crystal report水晶报表在浏览器提示bobj未定义的错误
网上的中文文章(比如这篇文章)都是写的部署到服务器后出现的问题,同时也指出要把crystal report的aspnet_client文件夹拷贝到对应项目的根目录里,这样就可以正常显示了,但是具体到我 ...
- 第一回写的用arraylist模拟栈操作
package hashMap; import java.util.ArrayList; import d.Student; /** * 用ArrayList模拟栈操作 * @author zhuji ...
- Automatic Code Generation-->Implement Interface
https://msdn.microsoft.com/en-us/library/hk90416s(v=vs.110).aspx VS中自带的只能提示,一个类继承自某一个接口. 由VS为类生成接口所要 ...
- AC-BM算法原理与代码实现(模式匹配)
AC-BM算法原理与代码实现(模式匹配) AC-BM算法将待匹配的字符串集合转换为一个类似于Aho-Corasick算法的树状有限状态自动机,但构建时不是基于字符串的后缀而是前缀.匹配 时,采取自后向 ...
- bzoj3524 bzoj2223
bzoj3524这是我主席树的第一题 什么是主席树呢,就是n棵线段树,每棵线段树记录前缀每个数值(显然想到里离散化)出现次数 由于第i棵树相对于第i-1棵树只有logS个点不同(S为数值的种类数) 所 ...
- 如何在多线程中调用winform窗体控件
由于 Windows 窗体控件本质上不是线程安全的.因此如果有两个或多个线程适度操作某一控件的状态(set value),则可能会迫使该控件进入一种不一致的状态.还可能出现其他与线程相关的 bug,包 ...
- Xcode5下去除Icon高光
1:Images.xcassets中, 选中图片, 查看属性. 在“iOS icon is pre-rendered” 打勾 2:Info.plist中修改 (1):添加 Icon already i ...
- A. Difference Row
A. Difference Row time limit per test 2 seconds memory limit per test 256 megabytes input standard i ...
- c# const与readonly 关键字的比较
C#中,const 与readonly是两个比较有用的关键字.const 与 readonly 定义的数据成员在初始化都不能再改变. 比如定义了 public class MathUtitlity ...
- Bzoj 3236: [Ahoi2013]作业 莫队,分块
3236: [Ahoi2013]作业 Time Limit: 100 Sec Memory Limit: 512 MBSubmit: 1113 Solved: 428[Submit][Status ...