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

（开头部分） 12KB

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

<template>
  <v-container id="user-profile-view" fluid tag="section">
    <v-row justify="center">
      <v-col cols="12" md="4">
        <app-card class="mt-4 text-center">
          <ccAvatar
            :size="128"
            class="rounded-circle elevation-6 mt-n12 d-inline-block"
          ></ccAvatar>

          <v-card-text class="text-center">
            <h6 class="text-h6 mb-2 text--secondary">
              {{ userInfo.userName }}
            </h6>

            <h4 class="text-h4 mb-3 text--primary">{{ userInfo.nick }}</h4>

            <p class="text--secondary">{{ userInfo.introduction }}</p>
            <input
              type="file"
              ref="imgFile"
              @change="uploadImage()"
              class="d-none"
            />
            <v-btn
              class="mr-4"
              @click="choiceImg"
              color="primary"
              min-width="100"
              rounded
            >
              编辑头像
            </v-btn>
            <v-btn color="primary" min-width="100" rounded> 绑定QQ </v-btn>
          </v-card-text>
        </app-card>
      </v-col>

      <v-col cols="12" md="8">
        <material-card color="primary" icon="mdi-account-outline">
          <template #title>
            用户信息 — <small class="text-body-1">编辑属于你的一切</small>
          </template>

          <v-form>
            <v-tabs class="pl-4" v-model="tab">
              <v-tab href="#tab-1">
                账户信息
                <v-icon>mdi-phone</v-icon>
              </v-tab>

              <v-tab href="#tab-2">
                额外信息
                <v-icon>mdi-account-box</v-icon>
              </v-tab>

              <v-tab href="#tab-3">
                修改密码
                <v-icon>mdi-account-box</v-icon>
              </v-tab>
后面还有 302 行代码，解锁后查看完整代码

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

AI 解读 AI

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

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