首页 > 代码库 > hbs
hbs
<!-- 把这个页面纳入 main 框架里面 -->
{{!< main}}
<link rel="stylesheet" href="http://www.mamicode.com/css/jquery-ui-timepicker-addon.css">
<script type="text/javascript" src="http://www.mamicode.com/js/jquery-ui-timepicker-addon.js"></script>
<script src="http://www.mamicode.com/js/webuploader.min.js"></script>
<link href="http://www.mamicode.com/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="http://www.mamicode.com/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="http://www.mamicode.com/js/homeConfig/adEdit.js"></script>
<script src="http://www.mamicode.com/js/common/jquery.validate.min.js"></script>
hbs