效果如下:

    设置页面 setting.html 中的代码如下:

    1. <h4 class="page-header">开屏设置</h4>
    2. <div class="form-group">
    3. <label class="col-sm-2 control-label">slogan设置</label>
    4. <div class="col-sm-6">
    5. <textarea rows="1" class="form-control" placeholder="slogan标题设置" name="jpress_index_slogan">#option("jpress_index_slogan")</textarea>
    6. </div>
    7. </div>
    8. <div class="form-group">
    9. <label class="col-sm-2 control-label">描述</label>
    10. <div class="col-sm-6">
    11. <textarea rows="5" class="form-control" placeholder="描述设置" name="jpress_index_slogan_describe">#option("jpress_index_slogan_describe")</textarea>
    12. </div>
    13. <label class="col-sm-2 control-label">按钮文字</label>
    14. <div class="col-sm-6">
    15. <textarea rows="1" class="form-control" placeholder="按钮文字" name="jpress_index_button">#option("jpress_index_button")</textarea>
    16. </div>
    17. </div>
    18. <div class="form-group">
    19. <label class="col-sm-2 control-label">按钮下方文字</label>
    20. <div class="col-sm-6">
    21. <textarea rows="1" class="form-control" placeholder="按钮下方文字" name="jpress_index_slogan_small">#option("jpress_index_slogan_small")</textarea>
    22. </div>
    23. </div>
    24. <div class="form-group">
    25. <button type="button" for-src="topimg" for-input="topinput" class="jp-image-browser btn btn-flat btn-default btn-xs">
    26. <i class="fa fa-fw fa-image"></i> 选择图片
    27. </button>
    28. <br/>
    29. <img class="thumb-img" src="#(CPATH)#option('bonhumeur_web_avatar','/static/commons/img/nothumbnail.jpg')"
    30. id="topimg" />
    31. <input type="hidden" id="topinput" name="topimg"
    32. value="#option('topimg')">
    33. <p class="setting-tips">图片大小建议:778px X 545px</p>
    34. </div>
    35. </div>