懒人听书,古风名字

<div   id="ltrr1zhrv7rl"   class="field-body">
                        <div   id="ltrr1zhrv7rl"   class="field">
                            <div   id="ltrr1zhrv7rl"   class="control" style="text-align: center;">
                                <input type="submit" class="button is-primary" value="提交留言">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <script type="text/javascript">
            $(function(){
                function handlerSubmit() {
                    
                            if (!$("[name=mobile]").val()) {
                                alert('手機(jī)號(hào)不能為空')
                                return false ;
                            }
                        
                    const fields = [{"type":"text","name":"user","label":"姓名","required":false},{"type":"text","name":"envelope-o","label":"郵箱","required":false},{"type":"text","name":"mobile","label":"手機(jī)號(hào)","required":true},{"type":"text","name":"phone","label":"QQ","required":false},{"type":"text","name":"message","label":"留言信息","required":false}];
                    var values = fields.map(item => {
                        return {
                            name: item.name,
                            label: item.label,
                            value: $("[name='" + item.name + "']").val()
                        }
                    })
                    console.info(values);
                    $.ajax({
                        url: "http://d1015kdj972.hk1.jiaogeiwo.cn/api/customer-form-foreign/submit-row/908/867",
                        type: 'POST',
                        data: JSON.stringify(values),
                        dataType: 'json',
                        contentType: 'application/json',
                        success: function (data, status, xhr) {
                            if (data && data.status === 0) {
                                alert("提交成功!")
                                location.reload();
                            } else {
                                alert(data.message);
                            }
                        },
                        error: function (xhr, error, exception) {
                            alert(exception.toString());
                        },
                        beforeSend:function() {
                            $("#liuyan_form input[type=submit]").off('click');
                        },
                        complete: function (data) {
                            $("#liuyan_form input[type=submit]").on('click', handlerSubmit);
                        }
                    });
                }
                $("#liuyan_form input[type=submit]").on('click', handlerSubmit);
            })
        </script>
    
        </div>

</div>
        </div>

<div component="footer.html">
            <style type="text/less">
    #gongyongdibu {
        background: #212121;
        margin-top: @gap-size * 3;
        .footer-intro {
            padding-bottom: 24px;
        }
        .title {
            color: @white;
            font-size: 20px;
            letter-spacing: 2px;
        }
        .subtitle {
            color: @white;
            font-size: @font-size-base;
            i {
                padding-right: @gap-size;
            }
        }
        .intro {
            color: @white;
        }
        hr {
            width: 3em;
            background-color: @primary-color;
        }
    }
    .copyright {
        text-align: center;
        font-size: 16px;
        line-height: 4;
        color: #fff;
        background: #000;
        @media (max-width: 768px) {
            margin-top: @gap-size * 2;
        }
        a{
            color: #fff;
            &:hover{
                color:#363636;
            }
        }
    } 
</style>
<div   class="ltrr1zhrv7rl"   id="gongyongdibu" class="is-hidden-mobile">
    <div   id="ltrr1zhrv7rl"   class="section">
        <div   id="ltrr1zhrv7rl"   class="footer-intro container">
            <div   id="ltrr1zhrv7rl"   class="columns">
                <div   id="ltrr1zhrv7rl"   class="column is-4">
                    <h1 class="title">聯(lián)系方式</h1>
                    <hr>
                    <ul>
                        <li id="ltrr1zhrv7rl"    class="subtitle"><i class="fa fa-phone"></i><span>電話：13249460013</span></li>
                        <li id="ltrr1zhrv7rl"    class="subtitle is-hidden"><i class="fa fa-mobile"></i><span>手機(jī)：13326601XXX</span></li>
                        <li id="ltrr1zhrv7rl"    class="subtitle"><i class="fa fa-envelope-o"></i><span>Email：493689838@qq.com</span></li>
                        <li id="ltrr1zhrv7rl"    class="subtitle is-hidden"><i class="fa fa-fax"></i><span>傳真：0756-2666XXX</span></li>
                        <li id="ltrr1zhrv7rl"    class="subtitle"><i class="fa fa-map-marker"></i><span>地址：深圳市寶安區(qū)西鄉(xiāng)街道固興社區(qū)新安第二工業(yè)區(qū)C9棟廠房601
</span></li>
                    </ul>
                </div>
                <div   id="ltrr1zhrv7rl"   class="column is-5">
                    <h1 class="title">深圳市天霖光電科技有限公司</h1>
                    <hr>
                    <p class="intro">
                        天霖愿意持續(xù)不斷提升自身的核心競(jìng)爭(zhēng)力，以質(zhì)優(yōu)價(jià)廉的產(chǎn)品，專業(yè)細(xì)致地服務(wù)，與海內(nèi)外朋友攜手共進(jìn)，互惠互利，最終實(shí)現(xiàn)合作共贏。
                    </p>
                </div>
                <div   id="ltrr1zhrv7rl"   class="column is-offset-1">
                    <h1 class="title">導(dǎo)航欄</h1>
                    <hr>

</div>
            </div>
        </div>
    </div>
</div>
<div   id="ltrr1zhrv7rl"   class="copyright">
    Copyright ? 2017 . TianLin All rights reserved.
    <a  target="_blank">粵ICP備20036976號(hào)</a>
</div>

<div component="online_service.html">
            <style type="text/less">
    #zaixiankefu2{
        .customer{
            /* 固定組件位置 */
            position: fixed;
            top: 50%;
            right:0;
            z-index: 10;
            p,.fa{
                text-indent:0;
                color: @white;
            }
            .customer-content{
                .customer-hide{
                    width: 132px;
                    position: absolute;
                    top:0;
                    right: -200px;
                    padding: 10px;
                    background-color: @white;
                    border-radius:10px;
                    border:1px solid @primary-color;
                    padding: 1rem;
                    a{
                        display: flex;
                        align-items: center;
                        font-size:12px;
                        color:@black;
                    }
                    li{
                        font-size:12px;
                        color:#333;
                        margin: @gap-size 0;
                    }
                    hr{
                        margin: .5rem 0;
                    }
                    .btn-close{
                        position: absolute;
                        top: 0;
                        right: 10px;
                        font-size: 12px;
                        font-weight: 700;
                        cursor: pointer;
                    }
                }
                .customer-show{
                    background-color: @primary-color;
                    display: flex;
                    flex-direction: column;
                    width: 30px;
                    padding: 8px;
                    border-radius: 5px;
                    position: relative;
                    p{
                        line-height: 1.5;
                        font-size: 14px;
                    }
                }
            }
        }
    }
</style>
<div   class="ltrr1zhrv7rl"   id="zaixiankefu2">
    <div   id="ltrr1zhrv7rl"   class="customer">
        <div   id="ltrr1zhrv7rl"   class="customer-content">
            <div   id="ltrr1zhrv7rl"   class="customer-show has-text-centered">
                <i class="fa fa-user" aria-hidden="true"></i>
                <p>在線客服</p>
                <i class="fa fa-caret-left" aria-hidden="true"></i>
            </div>
            <div   id="ltrr1zhrv7rl"   class="customer-hide">
                <a  target="_blank" title="QQ咨詢"><img src="http://cdn.xuansiwei.com/d274lnkw828/1577415243025/counseling_style_53.png?x-oss-process=style/small" alt="" loading="lazy"></a>
                
                <span id="ltrr1zhrv7rl"    class="btn-close">X</span>

</div>
        </div>
    </div>
</div>
<script>
    // 切換動(dòng)畫
    $('#zaixiankefu2 .customer-show').hover(function() {
        $(this).animate({
            "right": -30
        }, 500);
        $(this).siblings('.customer-hide').animate({
            "right": 0
        }, 500);
    })
    $('#zaixiankefu2 .btn-close').click(function() {
        $('#zaixiankefu2 .customer-show').animate({
            "right": 0
        }, 500);
        $('#zaixiankefu2 .customer-hide').animate({
            "right": -200
        }, 500);
    })
</script>
        </div>

// animate
    ScrollReveal().reveal('.section', {
        distance: '150%',
        origin: 'bottom',
        opacity: null
    });
</script>
<script type="text/javascript" src="/js/customer.js"></script>
        </div>

</div>
</div>

</footer>

聯(lián)系我們

Contact Us

歡迎給我們留言