add.html 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <include file="public@header" />
  2. </head>
  3. <body>
  4. <div class="wrap">
  5. <ul class="nav nav-tabs">
  6. <li ><a href="{:url('Guide/index')}">列表</a></li>
  7. <li class="active"><a >{:lang('ADD')}</a></li>
  8. </ul>
  9. <form method="post" class="form-horizontal js-ajax-form margin-top-20" action="{:url('Guide/addPost')}">
  10. <if condition="$type eq 0">
  11. <div class="form-group">
  12. <label for="input-user_login" class="col-sm-2 control-label"><span class="form-required">*</span>图片</label>
  13. <div class="col-md-6 col-sm-10">
  14. <input type="hidden" name="thumb" id="thumbnail" value="">
  15. <a href="javascript:uploadOneImage('图片上传','#thumbnail');">
  16. <img src="__TMPL__/public/assets/images/default-thumbnail.png"
  17. id="thumbnail-preview"
  18. style="cursor: pointer;max-width:100px;max-height:100px;"/>
  19. </a>
  20. <input type="button" class="btn btn-sm btn-cancel-thumbnail" value="取消图片"> 建议尺寸: 9:16
  21. </div>
  22. </div>
  23. </if>
  24. <if condition="$type eq 1">
  25. <div class="form-group">
  26. <label class="col-sm-2 control-label" for="file"><span class="form-required">*</span>视频</label>
  27. <div class="col-md-6 col-sm-10">
  28. <div>
  29. <input class="form-control" id="js-file-input" type="text" name="thumb" value="" style="width: 300px;display: inline-block;" title="文件名称">
  30. <a href="javascript:uploadOne('文件上传','#js-file-input','file');">上传文件</a>
  31. </div>
  32. <p class="help-block">仅限MP4格式 10M以内</p>
  33. </div>
  34. </div>
  35. </if>
  36. <div class="form-group">
  37. <label for="input-href" class="col-sm-2 control-label"><span class="form-required"></span>链接</label>
  38. <div class="col-md-6 col-sm-10">
  39. <input type="text" class="form-control" id="input-href" name="href">点击打开的页面链接 http开头
  40. </div>
  41. </div>
  42. <div class="form-group">
  43. <div class="col-sm-offset-2 col-sm-10">
  44. <input type="hidden" name="type" value="{$type}">
  45. <button type="submit" class="btn btn-primary js-ajax-submit">{:lang('ADD')}</button>
  46. <a class="btn btn-default" href="javascript:history.back(-1);">{:lang('BACK')}</a>
  47. </div>
  48. </div>
  49. </form>
  50. </div>
  51. <script src="__STATIC__/js/admin.js"></script>
  52. <script>
  53. (function(){
  54. $('.btn-cancel-thumbnail').click(function () {
  55. $('#thumbnail-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
  56. $('#thumbnail').val('');
  57. });
  58. })()
  59. </script>
  60. </body>
  61. </html>