|
@@ -1,31 +1,5 @@
|
|
|
<template>
|
|
<template>
|
|
|
<el-row class="movie-list">
|
|
<el-row class="movie-list">
|
|
|
- <el-col :md="8" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
|
|
|
|
|
- <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
|
|
|
|
|
- <el-card class="box-card">
|
|
|
|
|
- <div slot="header" class="clearfix">
|
|
|
|
|
- <span>更新我的头像</span>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="text item">
|
|
|
|
|
- <el-tooltip class="item" effect="dark" content="点击更新我的头像" placement="top-end">
|
|
|
|
|
- <el-upload
|
|
|
|
|
- class="avatar-uploader"
|
|
|
|
|
- :action="imgOssUrl"
|
|
|
|
|
- :headers="imgHeaders"
|
|
|
|
|
- :data="imgData"
|
|
|
|
|
- :with-credentials="true"
|
|
|
|
|
- :show-file-list="false"
|
|
|
|
|
- :before-upload="beforeAvatarUpload"
|
|
|
|
|
- :on-success="handleAvatarSuccess"
|
|
|
|
|
- >
|
|
|
|
|
- <img v-if="loginUser" :src="loginUser.avatarUrl" class="avatar">
|
|
|
|
|
- <i v-else class="el-icon-plus avatar-uploader-icon" />
|
|
|
|
|
- </el-upload>
|
|
|
|
|
- </el-tooltip>
|
|
|
|
|
- </div>
|
|
|
|
|
- </el-card>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- </el-col>
|
|
|
|
|
<el-col :md="8" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
|
|
<el-col :md="8" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
|
|
|
<el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
|
|
<el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
|
|
|
<el-card class="box-card">
|
|
<el-card class="box-card">
|
|
@@ -62,13 +36,39 @@
|
|
|
</el-card>
|
|
</el-card>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
+ <el-col :md="8" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
|
|
|
|
|
+ <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
|
|
|
|
|
+ <el-card class="box-card">
|
|
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
|
|
+ <span>更新我的头像</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="text item">
|
|
|
|
|
+ <el-tooltip class="item" effect="dark" content="点击更新我的头像" placement="top-end">
|
|
|
|
|
+ <el-upload
|
|
|
|
|
+ class="avatar-uploader"
|
|
|
|
|
+ :action="imgOssUrl"
|
|
|
|
|
+ :headers="imgHeaders"
|
|
|
|
|
+ :data="imgData"
|
|
|
|
|
+ :with-credentials="true"
|
|
|
|
|
+ :show-file-list="false"
|
|
|
|
|
+ :before-upload="beforeAvatarUpload"
|
|
|
|
|
+ :on-success="handleAvatarSuccess"
|
|
|
|
|
+ >
|
|
|
|
|
+ <img v-if="loginUser" :src="loginUser.avatarUrl" class="avatar">
|
|
|
|
|
+ <i v-else class="el-icon-plus avatar-uploader-icon" />
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-tooltip>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </el-card>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
import { updateAvatar } from '@/api/account'
|
|
import { updateAvatar } from '@/api/account'
|
|
|
import { getAuthedUser, updateAuthedUser } from '@/utils/auth'
|
|
import { getAuthedUser, updateAuthedUser } from '@/utils/auth'
|
|
|
-import {getAvatarChannelInfo} from "@/api/file";
|
|
|
|
|
|
|
+import { getAvatarChannelInfo } from '@/api/file'
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
|
name: 'MyProfile',
|
|
name: 'MyProfile',
|