template/app/bind_bind.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>会员注册</title>
    <meta name="keywords" content="华易门店会员卡营销项目">
    <meta name="description" content="华易门店会员卡营销项目">
    <link href="__PUBLIC__static/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="__PUBLIC__app/css/common.css" rel="stylesheet">
    <link href="__PUBLIC__app/css/bind.css" rel="stylesheet">

</head>

<body>

    <div class="wrapper" style="">
        <form method="post" enctype="multipart/form-data">
            <div class="welcome">
                <h2>你好，<br>欢迎成为我们的会员</h2>
            </div>
            <div class="from-group" style="height: 56px;">
                <div class="user-info"><img src="{notempty name='Wxfans'}{$Wxfans['avatar']}{else}../addons/hy_storecard/template/mobile/images/avatar.jpg{/notempty}" alt=""><span>{$Wxfans['nickname']}</span></div>
            </div>
            <div class="from-group">
                <input type="number" class="mobile from-input" name="mobile" placeholder="请输入手机号" value="{if $member['mobile']}{$member['mobile']}{/if}">
            </div>
            <div class="from-group" style="padding-right:100px;">
                <input type="number" class="code from-input" name="code" placeholder="请输入短信验证码">
                <button id="getCode" class="code-btn">获取验证码</button>
            </div>
            <div class="error-text"></div>
            
            <input type="button" class="submit-btn" name="submit" value="提交"  onclick="bind();" />
            <div class="zc_box">
                <p>华易门店会员</p>
                <p>技术支持</p>
            </div>
        </form>
    </div>
    <script src="__PUBLIC__app/js/jquery-3.2.1.min.js"></script>
    <script src="__PUBLIC__static/layer_mobile/layer.js"></script>
    <script>
    var timeout = 0; //剩余时间计时
    var cansend = true; //是否能发短信    

    function showMsg(msg) {
        $('.error-text').html(msg);
        // layer.open({
        //     content: msg
        //     ,skin: 'msg'
        //     ,time: 2 //2秒后自动关闭
        // });
    }

    //计时
    function showProgress() {
        if (timeout <= 0) {
            $('#getCode').html('获取验证码');