用户登录-登录界面搭建

一、结构样式代码编写

1. uni-forms插件下载

   下载地址：https://ext.dcloud.net.cn/plugin?id=2773

2. send-code组件封装

   1. 结构处理

      <template>
        <view class="code-container">
          <view class="vCode-btn" @click="getForm">
            {{runTime? `${time}秒后重新获取`:'获取验证码'}}
          </view>
        </view>
      </template>
      

   2. 定时器创建

   3. 组件销毁时，进行副作用（定时器）清除操作

      // 离开界面时进行定时器的清除操作
        beforeDestroy () {
          clearInterval(this.timeId)
          this.timeId = null
          this.runTime = false
          this.time = 60
        },