xuyueandClaude Opus 5.5
1e441411a5
Deploy / deploy (push) Canceled after 0s
- index.css 加一张 --oj-* 尺寸表和 .oj-page 外壳，二十几个前台页面改成引用它： 正文 14→15、页标题 20→24、题目/提交列表行高 40→48、比赛/公告 56、筛选控件 28→34 - 阅读型页面限宽 1200 居中；题目/提交列表 1600、比赛详情 1400、排名 1280、班级 PK 1440 - 1280 宽的筛选条放大后放不下，题目/提交列表在 1366 以下退回 13px 的字 - 班级 PK 五个班起格子里不写「一次 x%」（只剩「一次 8…」）；赛跑图线尾的数字不再被截掉 - 手机上比赛列表的「没参加」挪到比赛名下面；题单里「以前做对过 · 旧代码先藏着」缩成「做对过」 - 题目详情页（编辑器）和后台不在这一轮 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
89 lines
2.4 KiB
Vue
89 lines
2.4 KiB
Vue
<script setup lang="ts">
|
|
import { MOOD_MAX } from "@oj2/contract"
|
|
import { updateProfile, uploadAvatar } from "oj/api"
|
|
import { useUserStore } from "shared/store/user"
|
|
|
|
const userStore = useUserStore()
|
|
const message = useMessage()
|
|
|
|
async function beforeUpload(data: { file: UploadFileInfo; fileList: UploadFileInfo[] }) {
|
|
if (!data.file.file) return false
|
|
if (data.file.file.size > 2 * 1024 * 1024) {
|
|
message.warning("图片太大啦！不能超过 2 MB 啊")
|
|
return false
|
|
}
|
|
return true
|
|
}
|
|
|
|
async function upload({ file }: UploadCustomRequestOptions) {
|
|
try {
|
|
await uploadAvatar(file.file!)
|
|
message.success("上传成功")
|
|
userStore.getMyProfile()
|
|
} catch (err) {
|
|
message.error("上传失败")
|
|
}
|
|
}
|
|
|
|
async function saveProfile() {
|
|
// 以前限 256 字，老的长签名还在库里：输入框挡不住已有的字，存之前先说清楚
|
|
const length = userStore.profile?.mood?.trim().length ?? 0
|
|
if (length > MOOD_MAX) {
|
|
message.warning(`个性签名最多 ${MOOD_MAX} 个字，现在有 ${length} 个，删短一点再保存`)
|
|
return
|
|
}
|
|
try {
|
|
await updateProfile({
|
|
realName: userStore.profile?.realName ?? "",
|
|
mood: userStore.profile?.mood ?? "",
|
|
})
|
|
message.success("更改成功")
|
|
} catch (err) {
|
|
message.error("更改失败")
|
|
}
|
|
}
|
|
</script>
|
|
<template>
|
|
<n-flex class="container" vertical v-if="userStore.profile">
|
|
<h2>个人信息设置</h2>
|
|
<n-form>
|
|
<n-avatar round :size="120" :src="userStore.profile.avatar" alt="头像" />
|
|
<n-form-item label="">
|
|
<n-upload
|
|
:show-file-list="false"
|
|
accept="image/*"
|
|
@before-upload="beforeUpload"
|
|
:custom-request="upload"
|
|
>
|
|
<n-button>上传头像</n-button>
|
|
</n-upload>
|
|
</n-form-item>
|
|
<!-- <n-form-item label="真名">
|
|
<n-input v-model:value="userStore.profile.realName" />
|
|
</n-form-item> -->
|
|
<n-form-item label="个性签名">
|
|
<n-input
|
|
v-model:value="userStore.profile.mood"
|
|
:maxlength="MOOD_MAX"
|
|
show-count
|
|
placeholder="会显示在排名和个人主页上"
|
|
/>
|
|
</n-form-item>
|
|
<n-button @click="saveProfile">更改信息</n-button>
|
|
</n-form>
|
|
</n-flex>
|
|
</template>
|
|
<style scoped>
|
|
.container {
|
|
max-width: 640px;
|
|
margin: 0 auto;
|
|
padding-top: 8px;
|
|
gap: var(--oj-gap);
|
|
}
|
|
|
|
h2 {
|
|
margin: 0;
|
|
font-size: var(--oj-fs-title);
|
|
}
|
|
</style>
|