firstitem.vue登录代码上

<template>
      <div class="t-login" @touchmove.prevent @touchmove.prevent @mousewheel.prevent>
            <!-- 页面装饰图片 -->
            <img class="img-a" src="../../assets/static/2.png" />
            <img class="img-b" src="../../assets/static/3.png" />
            <!-- 标题 -->
            <!-- <div class="t-b">{{ title }}</div> -->
            <!-- 下面是3个用户 -->
            <div class="threedoglogin">
                  <div class="onedxoguser">
                        <img class="leftimgds" :src="shangimg" alt="" @click="myclick(shangtext)">
                        <div>{{shangtext}}</div>
                  </div>
                  <div class="twodxoguser">
                        <img class="centerimgsd" :src="jishiimg" alt="">
                        <div>
                              我是
                              {{jishitext}}
                        </div>
                  </div>
                  <div class="threedxoguser">
                        <img class="threeimgsd" :src="heimg" alt="" @click="myclick(hetext)">
                        <div>{{hetext}}</div>
                  </div>
            </div>
            <!-- 上面是3个用户 -->

            <form class="cl" autocomplete="off">
                  <div class="t-a">
                        <img src="../../assets/static/sj.png"></img>
                        <input type="number" name="phone" placeholder="请输入手机号" maxlength="11" v-model="phone"
                              autocomplete="off" />
                  </div>
                  <div class="t-a">
                        <img src="../../assets/static/yz.png"></img>
                        <input name="code" maxlength="6" placeholder="请输入验证码" v-model="yzm" autocomplete="off" />
                        <div v-if="showText" class="t-c" @click="getCode()">获取验证码</div>
                        <div v-else class="t-c" style="background-color: #A7A7A7;">重新发送({{ second }})</div>
                  </div>
                  <div class="mybutton" @click="uuulogin">登 录</div>
            </form>
            <!-- <div class="t-f"><text>————— 第三方账号登录 —————</text></div> -->
            <!-- 多选框 -->
            <div class="selfCheckBox" @click="clickCheckBox(index)" v-for="( item,index) in checkBoxArr" :key="index">
                  <div class="selfCkeckImgBox">
                        <img v-show="item.selectStatus==1" src="../../assets/选中.png" alt="选中图标">
                        <img v-show="item.selectStatus==0" src="../../assets/未选中.png" alt="未选中图标">
                  </div>
                  <div>
                        首次登陆会自动创建帐号.且代表您同意
                        <span class="textred">《用户服务协议》</span>
                        <span>和</span>
                        <span class="textred">《隐私政策》</span>
                  </div>


            </div>
            <!--  -->
            <!-- 联系客服 -->
            <div class="bottomdivsdf">
                  <div class="bottombuttonsdsf">
                        <img src="http://blog.img.duanshuilu.com/sdf客服分析 耳麦 客服.png" alt="">
                        <div>联系客服</div>
                  </div>
                  <div class="bottomtextds">
                        如有意外,请联系客服咨询
                  </div>
            </div>
      </div>
</template>