about_us.html 3.0 KB

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="__INDEX__/css/weui.css">
    <link rel="stylesheet" href="__INDEX__/css/jquery-weui.css">
    <link rel="stylesheet" href="__INDEX__/css/demos.css">
    <link rel="stylesheet" href="__INDEX__/css/base.css">
    <link rel="stylesheet" href="__INDEX__/css/swiper.min.css">
    <script type="text/javascript" src="__INDEX__/js/base.js"></script>
    <title>关于我们</title>
    <style>
        body,html{
            width:100%;
            height:100%;
        }
        .head{
            width:7.5rem;
            height:4.21rem;
        }
        .head img{
            width:100%;
        }
        .company{
            color:RGBA(0, 0, 0, 1);
            font-size: 0.32rem;
            margin: 0.35rem 3.11rem;
        }
        .company_text{
            width:6.84rem;
            height:2.26rem;
            margin: 0 auto;
            overflow-y: scroll;
        }
        .phone{
            font-size: 0.26rem;
            color:RGBA(37, 39, 41, 1);
            margin: 0.33rem 0.32rem;
        }
        .message{
            width:6.86rem;
            height:2.2rem;
            background:#EBEBEB;
            margin: 0 auto;
            padding: 0.3rem;
        }
        #livemessage{
            width:6.3rem;
            height:1.6rem;
            color:#999999;
            font-size: 0.28rem;
            border:none;
            outline:none;
            background: #EBEBEB;
        }
        .sub{
            width:6.86rem;
            height:0.88rem;
            text-align: center;
            line-height: 0.88rem;
            background:#FE0A01;
            color:#fff;
            font-size: 0.32rem;
            border-radius: 0.44rem;
            box-shadow:0px 15px 30px 0px rgba(254,10,1,0.24);
            position:fixed;
            bottom: 0.55rem;
            left:0;
            right:0;
            margin: 0 auto;

        }
    </style>
</head>
<body>
<div class="container">
    <div class="head">
        <img src="__INDEX__/img/ushead.png" alt="">
    </div>
    <p class="company">
        公司简介
    </p>
    <div class="company_text">
        {$data}
    </div>
    <p class="phone">客服电话:{$mobile}</p>
    <div class="message">
        <textarea name="" id="livemessage" cols="30" rows="10" placeholder="请写下您的留言"></textarea>
    </div>
    <p class="sub">提交</p>
    <script type="text/javascript" src="__INDEX__/js/jquery.min.js"></script>
    <script>
        $(".sub").click(function () {
            $.ajax({
                url:"{:url('user/Center/aboutUs')}",
                data:{
                    content:$("#livemessage").val()
                },
                type:"POST",
                dataType:"JSON",
                
                success: function (data) {
                    alert(data.msg)
                }
            })
        })
    </script>
</div>
</body>
</html>