效果如下:
设置页面 setting.html 中的代码如下:
<h4 class="page-header">开屏设置</h4>
<div class="form-group">
<label class="col-sm-2 control-label">slogan设置</label>
<div class="col-sm-6">
<textarea rows="1" class="form-control" placeholder="slogan标题设置" name="jpress_index_slogan">#option("jpress_index_slogan")</textarea>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">描述</label>
<div class="col-sm-6">
<textarea rows="5" class="form-control" placeholder="描述设置" name="jpress_index_slogan_describe">#option("jpress_index_slogan_describe")</textarea>
</div>
<label class="col-sm-2 control-label">按钮文字</label>
<div class="col-sm-6">
<textarea rows="1" class="form-control" placeholder="按钮文字" name="jpress_index_button">#option("jpress_index_button")</textarea>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">按钮下方文字</label>
<div class="col-sm-6">
<textarea rows="1" class="form-control" placeholder="按钮下方文字" name="jpress_index_slogan_small">#option("jpress_index_slogan_small")</textarea>
</div>
</div>
<div class="form-group">
<button type="button" for-src="topimg" for-input="topinput" class="jp-image-browser btn btn-flat btn-default btn-xs">
<i class="fa fa-fw fa-image"></i> 选择图片
</button>
<br/>
<img class="thumb-img" src="#(CPATH)#option('bonhumeur_web_avatar','/static/commons/img/nothumbnail.jpg')"
id="topimg" />
<input type="hidden" id="topinput" name="topimg"
value="#option('topimg')">
<p class="setting-tips">图片大小建议:778px X 545px</p>
</div>
</div>