NN2021012701/public/themes/default/weixin/index/entry.html

<include file="weixin@block:header"/>
<title>注册用户</title>
<link rel="stylesheet" type="text/css" href="/static/lib/cropper/cropper.css?v={$version}"/>
<link rel="stylesheet" type="text/css" href="__TMPL__/weixin/public/assets/css/entry.css?v={$version}" />
<link rel="stylesheet" type="text/css" href="__TMPL__/weixin/public/assets/css/lcalendar.css?v={$version}" />
<div id="app" v-cloak>
    <div class="tox_box">
        <div class="xixi_tox" @click="showPop()">
            <img id="avatar" :src="params.avatar? params.avatar : '__TMPL__/weixin/public/assets/img/tup1.jpg'">
        </div>
        <p>点击头像上传真实靓照可以获得更多关注哦</p>
    </div>
    <div class="gerxix_box">
        <ul>
            <li><h1>昵称</h1><img class="minzu" src="__TMPL__/weixin/public/assets/img/tubiao10.png"><input id="nickname" class="tianx" type="text" placeholder="请填写" v-model="params.nickname"></li>
            <!--<li><h1>姓名</h1><img class="minzu" src="__TMPL__/weixin/public/assets/img/tubiao10.png"><input id="realname" class="tianx" type="text" placeholder="请填写" v-model="params.realname"></li>-->
            <li><h1>微信号</h1><img class="minzu" src="__TMPL__/weixin/public/assets/img/tubiao10.png"><input id="wechat_code" class="tianx" type="text" placeholder="请填写" v-model="params.wechat_code"></li>
            <li><h1>手机号</h1><img class="minzu" src="__TMPL__/weixin/public/assets/img/tubiao10.png"><input id="mobile" class="tianx" type="text" v-model="params.mobile" placeholder="请填写" maxlength="11"></li>
            <li><h1>验证码</h1>
                <input id="btnSendCode" type="button" class="yanzm" :value="timeText" @Click="sendCode()"/>
                <input id="code" type="text" class="yanzm_wb" v-model="params.code" maxlength="6" autocomplete="off" placeholder="短信验证码">
            </li>
            <li><h1>出生日期</h1><img class="minzu" src="__TMPL__/weixin/public/assets/img/tubiao10.png"><input class="tianx" type="text" name="date" id="birthday" placeholder="请选择"  /></li>
            <li><h1>性别</h1><img class="minzu" src="__TMPL__/weixin/public/assets/img/tubiao10.png"><input id="sex" class="tianx select-value3" type="text" placeholder="请选择" :data-code="params.sex"></li>
            <li><h1>身高</h1><img class="minzu" src="__TMPL__/weixin/public/assets/img/tubiao10.png"><input id="height" class="tianx select-value4" type="text" placeholder="请选择" :data-code="params.height"></li>
            <li><h1>体重</h1><img class="minzu" src="__TMPL__/weixin/public/assets/img/tubiao10.png"><input id="weight" class="tianx select-value5" type="text" placeholder="请选择" :value="params.weight? params.weight+'kg' : ''" :data-code="params.weight"></li>
            <li><h1>现居</h1><img class="minzu" src="__TMPL__/weixin/public/assets/img/tubiao10.png"><input id="now_address" class="tianx select-value" type="text" placeholder="请选择" code="" data-code=""></li>
            <li><h1>籍贯</h1><img class="minzu" src="__TMPL__/weixin/public/assets/img/tubiao10.png"><input id="home_address" class="tianx select-value1" type="text"  placeholder="请选择" code="" data-code=""></li>
            <li><h1>婚姻状况</h1><img class="minzu" src="__TMPL__/weixin/public/assets/img/tubiao10.png"><input id="married" class="tianx select-value6" type="text" placeholder="请选择" :data-code="params.married"></li>
        </ul>
    </div>
    <div class="ger_banc">
        <h1 @click="postSubmit();">完成</h1>
    </div>
    <div class="pop" v-show="uploadBox">
        <div class="guanbi"></div>
        <div class="popMain">
            <div class="popMiddle">
                <ul>
                    <h1>请上传本人真实正面照，以下形式的图片将不会通过审核</h1>
                    <li><img src="__TMPL__/weixin/public/assets/img/cuowzp1.jpg?v=1"><p>大头照</p></li>
                    <li><img src="__TMPL__/weixin/public/assets/img/error_avatar/cuowzp2.jpg"><p>不雅照</p></li>
                    <li><img src="__TMPL__/weixin/public/assets/img/error_avatar/cuowzp3.jpg"><p>动漫图片</p></li>
                    <li><img src="__TMPL__/weixin/public/assets/img/error_avatar/cuowzp4.jpg"><p>模糊照片</p></li>
                    <li><img src="__TMPL__/weixin/public/assets/img/error_avatar/cuowzp5.jpg"><p>证件照</p></li>

                </ul>
                <h2 class="select-pic">从相册选择照片<input type="file" accept="image/*" id="upload" class="upload" @change="selectImg($event,'avatar')" value="上传"></h2>
                <!--<h2>拍摄</h2>-->
            </div>

            <div class="popBottom" @click="showPop()">取消</div>
        </div>

    </div>
    <div id="cropBox" class="weui-popup__container">
        <div class="weui-popup__overlay"></div>
        <div class="weui-popup__modal">
            <div class="crop-preview">
                <div id="preview" class="preview">
                    <div class="del" @click="cropCancel('avatar')"><img src="__TMPL__/weixin/public/assets/img/icon/del.png" alt=""></div>
                    <div id="preview_box" class="preview-box">
                        <img id="preview_avatar" class="preview-img" src="" data-src="" alt="">
                    </div>
                    <div id="cropPreview" class="preview-box">

                    </div>
                    <div class="desc">
                        个人描述
                    </div>
                    <div class="tips">
                        <span> <img src="__TMPL__/weixin/public/assets/img/icon/size.png" alt="">拖拽</span>
                        <span><img src="__TMPL__/weixin/public/assets/img/icon/scroll.png" alt="">移动</span>
                    </div>
                </div>
            </div>
            <div class="crop-actions">
                <a class="weui-btn weui-btn_default" @click="cropReset('avatar')">重置</a>
                <a class="weui-btn weui-btn_default" @click="cropConfirm('avatar')">完成</a>
            </div>

        </div>
    </div>
</div>
<include file="weixin@block:footer"/>
<script src="/static/lib/cropper/cropper.js?v={$version}" type="text/javascript"></script>
<script src="__TMPL__/weixin/public/assets/lib/city-picker.min.js?v={$version}"></script>
<script src="__TMPL__/weixin/public/assets/lib/lcalendar.js?v={$version}" type="text/javascript"></script>
<!--<script src="__TMPL__/weixin/public/assets/js/profile.js?v={$version}" type="text/javascript"></script>-->
<script src="__TMPL__/weixin/public/assets/lib/html2canvas.min.js?v={$version}" type="text/javascript"></script>
<script src="__TMPL__/weixin/public/assets/js/entry.js?v={$version}" type="text/javascript"></script>