Yi.Vue2.x.Vuetify/src/views/login.vue

(开头部分) 4KB

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

<template>
  <v-card class="auth-card">
    <!-- logo -->
    <v-card-title class="d-flex align-center justify-center py-7">
      <router-link to="/" class="d-flex align-center">
        <v-img
          :src="require('@/assets/logo.svg')"
          max-height="30px"
          max-width="30px"
          alt="logo"
          contain
          class="me-3"
        ></v-img>
        <h2 class="text-2xl font-weight-semibold">Yi-Framework</h2>
      </router-link>
    </v-card-title>

    <!-- title -->
    <v-card-text>
      <p class="text-2xl font-weight-semibold text--primary mb-2">
        欢迎来到CCNetCore! 👋🏻
      </p>
      <p class="mb-2">登入你的用户,开始畅游一切</p>
    </v-card-text>

    <!-- login form -->
    <v-card-text>
      <v-form>
        <v-text-field
          v-model="form.username"
          outlined
          label="用户"
          placeholder="123456789@qq.com"
          counter="20"
        ></v-text-field>

        <v-text-field
          v-model="form.password"
          outlined
          :type="isPasswordVisible ? 'text' : 'password'"
          label="密码"
          placeholder="············"
          :append-icon="isPasswordVisible ? 'mdi-eye' : 'mdi-eye-off'"
          @click:append="isPasswordVisible = !isPasswordVisible"
        ></v-text-field>

        <div class="d-flex align-center justify-space-between flex-wrap">
          <v-checkbox label="记住密码" hide-details class="me-3 mt-1">
          </v-checkbox>

          <!-- forgot link -->
          <a href="javascript:void(0)" class="mt-1"> 忘记密码? </a>
        </div>

        <v-btn
          block
          color="primary"
          @click="login"
          class="mt-6"
          :loading="loader"
后面还有 110 行代码,解锁后查看完整代码

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

AI 解读 AI

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

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