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 作为微软的亲儿子更加不用说,各种 ...
随机推荐
- leetcode面试准备:Lowest Common Ancestor of a Binary Search Tree & Binary Tree
leetcode面试准备:Lowest Common Ancestor of a Binary Search Tree & Binary Tree 1 题目 Binary Search Tre ...
- LiBsvm用于多分类时训练模型参数含义
The 'svmtrain' function returns a model which can be used for futureprediction. It is a structure a ...
- 子查询解嵌套in改写为exists
SELECT * FROM (SELECT pubformdat0_.id id332_, pubformdat0_.domain_id domain2_332_, pubformdat0_.proc ...
- Trie 树(转)
看了很多 Trie 树的介绍, 这篇讲的最好,简单易懂(特别是代码部分),直接转载:http://www.cnblogs.com/dolphin0520/archive/2011/10/11/2207 ...
- Automator 简单使用流程
iOS开发中常常要用到图片缩放的工作,有些需求流程很奇葩,根本找不到现成的工具去实现. 这时候,你可以去想一想Automator了. 示例:要把文件夹下所有的图片文件都缩小成原来的一半(搞iOS开发的 ...
- 安装scrapy
- svn文件提交时强制写注释
这个操作需要修改版本库中的一个钩子文件,在你创建的版本库中有一个hooks文件夹,初始的时候其中有一个文件叫pre-commit.tmpl 在windows下将其修改为pre-commit.bat,在 ...
- 洛谷1373 小a和uim之大逃离
洛谷1373 小a和uim之大逃离 本题地址:http://www.luogu.org/problem/show?pid=1373 题目背景 小a和uim来到雨林中探险.突然一阵北风吹来,一片乌云从北 ...
- android camera(四):camera 驱动 GT2005
摄像头主要参数: 1.MCLK 24MHz: 2.PCLK 48~52MHz~: 3.电压 1.8V(1.5V).2.8V: 4.scl(IIC时钟)100KHz或者400KHz. 下载:常用摄像 ...
- 解决sublime联网失败,点击package control后没有反应
在中国大陆有可能出现这种情况,这是因为国内不支持https访问引起的(再次吐槽万恶的GFW ). 这时只需要"preferences -> package settings -> ...