{extend name="public:base" /}
{block name="css"}
<style>

</style>
{/block}
{block name="content"}
<div class="page-content" id="notice">
	<div class="panel-heading">
		<h3 class="panel-title panel-title-blue"><i class="iconfont">&#xe6ce;</i>登录界面公告</h3>
	</div>
	<div class="panel-body">
		<form class="layui-form" action="{$config['current_url']}"  method="post">
			<div class="layui-form-item">
				<label class="col-md-2" style="text-align:right;">公告内容：</label>
				<div class="col-md-7">
					<textarea class="layui-textarea" rows="30" name="game_notice" placeholder="请填写公告内容" autocomplete="off">{$notice}</textarea>
				</div>
				<div class="col-md-3">
				    <h5>颜色块示例：</h5>
                      <el-timeline style="margin-top:10px;">
                        <el-timeline-item
                          v-for="(activity, index) in activities"
                          :key="index"
                          :icon="activity.icon"
                          :type="activity.type"
                          :color="activity.color"
                          :size="activity.size"
                          :timestamp="activity.timestamp">
                          {{activity.content}}
                        </el-timeline-item>
                      </el-timeline>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="col-md-2" style="text-align:right;"></label>
				<div class="col-md-7">
					<button class="layui-btn" type="submit">保存</button>
					<button type="button" class="layui-btn layui-btn-primary" onclick="window.history.back(-1)">返回</button>
				</div>
			</div>
		</form>
	</div>
</div>
{/block} 
{block name="javascript"}
<!--引入富文本编辑器-->
<script src="__STATIC__/plugins/ckeditor/ckeditor.js" charset="utf-8"></script>
<script type="text/javascript">
//切换右侧导航选中项
switchTab(30);
var notice = new Vue({
	el: '#notice',
	data: function() {
		return {
		    activities: [{
                  content: '红色',
                  timestamp: '<color="red">文字内容</color>',
                  size: 'large',
                  color: 'red'
                }, {
                  content: '橙色',
                  timestamp: '<color="orange">文字内容</color>',
                  size: 'large',
                  color: 'orange'
                }, {
                 content: '黄色',
                  timestamp: '<color="yellow">文字内容</color>',
                  size: 'large',
                  color: 'yellow'
                }, {
                  content: '湖绿色',
                  timestamp: '<color="Aqua">文字内容</color>',
                  size: 'large',
                  color: '#0BB2AF'
                }]
		}
	},
	/*初始化*/
	created: function() {
	},
	methods: {


	}
});
</script>
{/block}