增加单页应用的layui-admin
This commit is contained in:
98
single/res/views/template/msgboard.html
Normal file
98
single/res/views/template/msgboard.html
Normal file
@@ -0,0 +1,98 @@
|
||||
|
||||
|
||||
<title>留言板</title>
|
||||
|
||||
<script type="text/html" template>
|
||||
<link rel="stylesheet" href="{{ layui.setter.paths.base }}style/template.css?v={{ layui.admin.v }}" media="all">
|
||||
</script>
|
||||
|
||||
<div class="layui-card layadmin-header">
|
||||
<div class="layui-breadcrumb" lay-filter="breadcrumb">
|
||||
<a lay-href="">主页</a>
|
||||
<a><cite>页面</cite></a>
|
||||
<a><cite>留言板</cite></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-fluid layadmin-message-fluid">
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-form">
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<div class="layui-input-block">
|
||||
<textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item" style="overflow: hidden;">
|
||||
<div class="layui-input-block layui-input-right">
|
||||
<button class="layui-btn" lay-submit lay-filter="formDemo">发表</button>
|
||||
</div>
|
||||
<div class="layadmin-messag-icon">
|
||||
<a href="javascript:;"><i class="layui-icon layui-icon-face-smile-b"></i></a>
|
||||
<a href="javascript:;"><i class="layui-icon layui-icon-picture"></i></a>
|
||||
<a href="javascript:;"><i class="layui-icon layui-icon-link"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md12 layadmin-homepage-list-imgtxt message-content">
|
||||
<div class="media-body">
|
||||
<a href="javascript:;" class="media-left" style="float: left;">
|
||||
<script type="text/html" template>
|
||||
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png" height="46px" width="46px">
|
||||
</script>
|
||||
</a>
|
||||
<div class="pad-btm">
|
||||
<p class="fontColor"><a href="javascript:;">张三</a></p>
|
||||
<p class="min-font">
|
||||
<span class="layui-breadcrumb" lay-separator="-">
|
||||
<a href="javascript:;" class="layui-icon layui-icon-cellphone"></a>
|
||||
<a href="javascript:;">从移动</a>
|
||||
<a href="javascript:;">11分钟前</a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<p class="message-text">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
|
||||
</div>
|
||||
<div class="media-body">
|
||||
<a href="javascript:;" class="media-left" style="float: left;">
|
||||
<script type="text/html" template>
|
||||
<img src="{{ layui.setter.paths.base }}style/imgs/template/portrait.png" height="46px" width="46px">
|
||||
</script>
|
||||
</a>
|
||||
<div class="pad-btm">
|
||||
<p class="fontColor"><a href="javascript:;">张三</a></p>
|
||||
<p class="min-font">
|
||||
<span class="layui-breadcrumb" lay-separator="-">
|
||||
<a href="javascript:;" class="layui-icon layui-icon-cellphone"></a>
|
||||
<a href="javascript:;">从移动</a>
|
||||
<a href="javascript:;">11分钟前</a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<p class="message-text">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
|
||||
</div>
|
||||
<div class="layui-row message-content-btn">
|
||||
<a href="javascript:;" class="layui-btn">更多</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
layui.use(['admin', 'layer', 'form'], function(){
|
||||
var $ = layui.$
|
||||
,admin = layui.admin
|
||||
,element = layui.element
|
||||
,form = layui.form;
|
||||
|
||||
element.render();
|
||||
|
||||
form.on('submit(formDemo)', function(data){
|
||||
// layer.alert(layui.util.escape(JSON.stringify(data.field)));
|
||||
return false;
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user