feat: mobile 联系我们留言页
This commit is contained in:
102
app/index/view/mobile/contact_us/message.html
Normal file
102
app/index/view/mobile/contact_us/message.html
Normal file
@@ -0,0 +1,102 @@
|
||||
{extend name="public/base" /}
|
||||
{block name="style"}
|
||||
<link rel="stylesheet" type="text/css" href="__CSS__/contactus_message.css" />
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<div class="oricoEGapp">
|
||||
<!-- 内容 -->
|
||||
<div class="oricoEGapp-Contact">
|
||||
<!-- banner -->
|
||||
{notempty name="focus_image"}
|
||||
<div class="banner img-responsives margin-top-90">
|
||||
<a {notempty name="focus_image.link"} href="{$focus_image.link}" {/notempty}>
|
||||
<img src="{$focus_image.image}" />
|
||||
</a>
|
||||
</div>
|
||||
{/notempty}
|
||||
<!-- 我们的信息 -->
|
||||
<div class="content">
|
||||
<div class="title">{:lang_i18n('我们的信息')}</div>
|
||||
{notempty name="our_information"}
|
||||
{assign name="first_info" value="$our_information|array_shift"/}
|
||||
<div class="info">
|
||||
{notempty name="first_info.image"}
|
||||
<div class="left"><img src="{$first_info.image}" /></div>
|
||||
{/notempty}
|
||||
<div class="right">
|
||||
<div class="des">{$first_info.desc|raw}</div>
|
||||
</div>
|
||||
</div>
|
||||
{assign name="chunk_info" value="$our_information|array_chunk=2"}
|
||||
{volist name="chunk_info" id="chunk"}
|
||||
<div class="line"></div>
|
||||
<div class="info">
|
||||
{notempty name="chunk.0.image"}
|
||||
<div class="left"><img src="{$chunk.0.image}" /></div>
|
||||
{/notempty}
|
||||
<div class="right">
|
||||
{volist name="chunk" id="info" key="k"}
|
||||
<div class="info_title {neq name='k' value='1'}m-t-20{/neq}">{$info.title}:</div>
|
||||
<div class="des"> {$info.desc|raw}</div>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
{/notempty}
|
||||
</div>
|
||||
<!-- question -->
|
||||
<div class="content">
|
||||
<div class="title">{:lang_i18n('提交您的问题')}</div>
|
||||
<form action="" method="post" autocomplete="off">
|
||||
<div class="question">
|
||||
<div class="title">{:lang_i18n('姓名')} <span class="red">*</span></div>
|
||||
<div class="des">
|
||||
<input type="text" name="name" id="name" placeholder="{:lang_i18n('请输入内容...')}" class="form-control itinp">
|
||||
</div>
|
||||
</div>
|
||||
<div class="question">
|
||||
<div class="title">{:lang_i18n('电子邮箱')} <span class="red">*</span></div>
|
||||
<div class="des">
|
||||
<input type="text" name="email" id="email" placeholder="{:lang_i18n('请输入内容...')}" class="form-control itinp">
|
||||
</div>
|
||||
</div>
|
||||
<div class="question">
|
||||
<div class="title">{:lang_i18n('您的问题')} <span class="red">*</span></div>
|
||||
<div class="des">
|
||||
<textarea rows="6" name="message" id="message" class="ittextarea message" placeholder="{:lang_i18n('请输入内容...')}"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="question">
|
||||
<span class="send" id="send">{:lang_i18n('发送')}</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Become a Distributor -->
|
||||
<div class="contact_b"><a href="{:url('contactus/distributor')}">{:lang_i18n('成为经销商')}</a></div>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
{block name="script"}
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$("#send").click(function () {
|
||||
var form = $(this).parents("form");
|
||||
$.ajax({
|
||||
url: "{:url('contactus/message')}",
|
||||
type: "post",
|
||||
data: form.serialize(),
|
||||
dataType: "json",
|
||||
success: function (r) {
|
||||
if (r.code == 0) {
|
||||
form.get(0).reset();
|
||||
}
|
||||
alert(r.msg);
|
||||
},
|
||||
error: function (e) {
|
||||
console.error(e.msg);
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
</script>
|
||||
{/block}
|
||||
Reference in New Issue
Block a user