Files
orico-official-website/app/index/view/mobile/contact_us/message.html

102 lines
4.1 KiB
HTML

{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}