48 lines
2.1 KiB
HTML
48 lines
2.1 KiB
HTML
{extend name="layout" /}
|
|
{block name="title"}联系我们 - {$siteConf.site_name|default='博客'}{/block}
|
|
|
|
{block name="content"}
|
|
<div class="fb-layout">
|
|
<main class="fb-content">
|
|
<div class="fb-page">
|
|
<h3>联系我们</h3>
|
|
<p>邮箱：admin@example.com</p>
|
|
<p>工作时间：周一至周五 9:00-18:00</p>
|
|
<form class="layui-form" onsubmit="return false;">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">姓名</label>
|
|
<div class="layui-input-block"><input type="text" name="name" required lay-verify="required" placeholder="请输入您的姓名" class="layui-input"></div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">邮箱</label>
|
|
<div class="layui-input-block"><input type="text" name="email" required lay-verify="required|email" placeholder="请输入您的邮箱" class="layui-input"></div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">留言</label>
|
|
<div class="layui-input-block"><textarea name="message" required lay-verify="required" placeholder="请输入您的留言" class="layui-textarea"></textarea></div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<button class="fb-btn" lay-submit lay-filter="contactSubmit">提交留言</button>
|
|
<button type="reset" class="fb-btn ghost">重置</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</main>
|
|
{include file="index/_sidebar" /}
|
|
</div>
|
|
{/block}
|
|
|
|
{block name="script"}
|
|
<script>
|
|
layui.use(['form', 'layer'], function(){
|
|
var form = layui.form, layer = layui.layer;
|
|
form.on('submit(contactSubmit)', function(){
|
|
layer.msg('感谢您的留言，我们会尽快与您联系！');
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|
|
{/block}
|