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" ></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>

时间: 2024-10-07 14:59:13

hbs的相关文章

Express模版引擎hbs备忘

最近几天折腾了下express,想找个合适的模版引擎,下面是一些折腾过程的备忘 选择标准 选择一门模版语言时,可能会考虑的几点 语法友好(micro tmpl那种语法真是够了) 支持模版嵌套(子模版的概念) 支持模版继承(extend) 前后端共用 有容错处理(最好定位到具体出错位置) 支持预编译(性能好) 注意到hbs,似乎满足大部分的需求:https://github.com/donpark/hbs getting started demo地址:https://github.com/chyi

nodejs http2https hbs

const oUrl = require("url"); //get 请求外网 function loadPage(url) { var http = require('http'); var pm = new Promise(function (resolve, reject) { http.get(url, function (res) { var html = ''; res.on('data', function (d) { html += d.toString() }); r

Ember.js 入门指南——handlebars属性绑定

本文从http://www.ibeginer.sinaapp.com迁移过来,欢迎访问原页面. 简单讲属性绑定其实就是在HTML标签内(是在一个标签的"<"和">"中使用)直接使用handlebars表达式.可以直接用handlebars表达式的值作为HTML标签中某个属性的值. 准备工作:ember generate route binding-element-attributes 1,绑定字符串 <!-- //  app/templates/b

小米开源监控系统Open-Falcon安装使用笔记

前言 近期爆出Zabbix有严重bug,加上一直对zabbix的性能.UI不满.所以这次想钻研一下最近很火的open-falcon,源于小米公司的开源项目,赞一个. 一.官网介绍 监控系统是整个运维环节,乃至整个产品生命周期中最重要的一环,事前及时预警发现故障,事后提供翔实的数据用于追查定位问题.监控系统作为一个成熟的运维产品,业界有很多开源的实现可供选择.当公司刚刚起步,业务规模较小,运维团队也刚刚建立的初期,选择一款开源的监控系统,是一个省时省力,效率最高的方案.之后,随着业务规模的持续快速

Ember.js 入门指南——自定义包裹组件的HTML标签

按照惯例,先做好准备工作,使用Ember CLI命令生成演示所需的文件: ember g route customizing-component-element ember g component customizing-component-element ember g route home ember g route about 默认情况下,组件会被包裹在div标签内.比如,组件渲染之后得到下面的代码: <div id="ember180">   <h1>M

[Ember] Ember.js Templates

In this lesson, we'll go over some of the basics of Ember.js templates and how they work with controllers. Generate a controller: ember g controller hello Generate a Template: ember g template application Template syntax: application.hbs: {{#if showN

nodejs环境 + 入门 + 博客搭建

NodeJS:NodeJS是一个使用了Google高性能V8 引擎 的服务器端JavaScript实现.它提供了一个(几乎)完全非阻塞I/O栈,与JavaScript提供的闭包和匿名函数相结合,使之成为编写高吞吐 量网络服务程序的优秀平台. NPM:全称是Node Package Manager,是一个NodeJS定制的包管理和分发工具,如node-mysql,已经成为了非官方的发布Node模块(包)的标准. (npm类似maven,package.json类似pom.xml文件) mongod

webpack 插件: html-webpack-plugin

插件地址:https://www.npmjs.com/package/html-webpack-plugin 这个插件用来简化创建服务于 webpack bundle 的 HTML 文件,尤其是对于在文件名中包含了 hash 值,而这个值在每次编译的时候都发生变化的情况.你既可以让这个插件来帮助你自动生成 HTML 文件,也可以使用 lodash 模板加载生成的 bundles,或者自己加载这些 bundles. Installation 使用 npm 安装这个插件 $ npm install

IT运维监控解决方案介绍

现状 ?小公司/ 创业团队?< 500台服务器规模? 开源方案:Zabbix.Nagios.Cacti-? 云服务提供商:监控宝.oneAlert等 ?BAT级别?> 10万台服务器? 投入大量的人力,内部自研,与业务严重耦合?没法作为产品推出 ?中间阶层 无从可选   早期,选用Zabbix ?Zabbix是一款开源的企业级监控系统 ?对其进行二次开发.封装.调优... ?为什么选择Zabbix ?Cacti ?Collectd ?RRDtool ?Nagios ?openTSDB   Za