fuint-uniapp-master/pages/login/components/main.vue

（开头部分） 14KB

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

<template>
  <view class="container">
    <view class="fast-icon">
         <text class="iconfont icon-home" @click="toHome()"></text>
    </view>
      
    <!-- 页面头部 -->
    <view class="header">
      <view class="title">
           <view class="item" @click="switchLoginType('account')"><text :class="loginType === 'account' ? 'active' : ''">{{ accountTitle }}</text></view>
           <view class="item" @click="switchLoginType('sms')"><text :class="loginType === 'sms' ? 'active' : ''">短信登录</text></view>
      </view>
    </view>
    
    <!-- 账号登录表单 start-->
    <view class="login-form" v-if="loginType === 'account'">
      <!-- 手机号 -->
      <view class="form-item">
        <input class="form-item--input" type="text" v-model="account" maxlength="30" clearable="true" placeholder="请输入您的用户名" />
      </view>
      <!-- 密码 -->
      <view class="form-item">
        <input class="form-item--input" type="password" autocomplete="off" v-model="password" maxlength="30" minlength="1" value="" placeholder="请输入您的密码" />
      </view>
      <!-- 确认密码 -->
      <view class="form-item" v-if="isRegister">
        <input class="form-item--input" type="password" autocomplete="off" v-model="password1" maxlength="30" value="" placeholder="请再次输入密码" />
      </view>
      <!-- 图形验证码 -->
      <view class="form-item">
        <input class="form-item--input" type="text" v-model="captchaCode" maxlength="5" placeholder="请输入图形验证码" />
        <view class="form-item--parts">
          <view class="captcha" @click="getCaptcha()">
            <image class="image" :src="captcha"></image>
          </view>
        </view>
      </view>
      <!-- 按钮 -->
      <view class="login-button" v-if="!isRegister" @click="handleSubmit"><text>立即登录</text></view>
      <view class="login-button" v-if="isRegister" @click="handleSubmit"><text>立即注册</text></view>
      <view class="register" v-if="!isRegister" @click="toRegister()">还没有账号？去注册</view>
      <view class="register" v-if="isRegister" @click="toRegister()">已有账号？立即登录</view>
    </view>
    <!-- 账号登录表单 end-->
    
    <!-- 短信登录表单 start-->
    <view class="login-form" v-if="loginType === 'sms'">
      <!-- 手机号 -->
      <view class="form-item">
          <text class="pre-mobile">+86</text>
          <input class="form-item--input" style="padding-left: 12rpx;" type="number" v-model="mobile" maxlength="11" placeholder="请输入手机号码" />
      </view>
      <!-- 图形验证码 -->
      <view class="form-item">
        <input class="form-item--input" type="text" v-model="captchaCode" maxlength="5" placeholder="请输入图形验证码" />
        <view class="form-item--parts">
          <view class="captcha" @click="getCaptcha()">
            <image class="image" :src="captcha"></image>
          </view>
        </view>
后面还有 490 行代码，购买后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。