feat: 对未实现的功能增加占位信息

1. 修改手机号
2. 剧本市场
This commit is contained in:
2026-05-25 20:54:24 +08:00
parent e29f27e2eb
commit dcaa1fddf2
5 changed files with 73 additions and 5 deletions
+33
View File
@@ -0,0 +1,33 @@
<script setup lang="ts">
import InDev from '@/components/InDev.vue'
</script>
<template>
<div class="marketplace-page">
<div class="marketplace-header-card"></div>
<in-dev />
</div>
</template>
<style scoped>
div.marketplace-page {
min-width: min(1200px, 90%);
width: min(1200px, 90%);
min-height: 0;
padding: 6px 20px;
display: flex;
flex-direction: column;
gap: 12px;
}
div.marketplace-header-card {
background-image: url('/nyahome/normal-header.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 12px;
width: 100%;
height: 500px;
}
</style>
+9 -5
View File
@@ -6,6 +6,7 @@ import { api } from '@/tools/web.js'
import type { UploadFileDto, UserDto } from '@/types/user.js'
import { useHead } from '@unhead/vue'
import ChangeEmailModal from '@/components/admin/ChangeEmailModal.vue'
import ChangePhoneModal from '@/components/admin/ChangePhoneModal.vue'
useHead({
title: '用户资料',
@@ -146,10 +147,12 @@ async function save() {
</n-form>
<n-flex>
<n-button class="ui-button" type="primary" @click="save">保存</n-button>
<n-button class="ui-button" type="warning" @click="showChangeEmailModal = true"
>更改邮箱</n-button
>
<n-button class="ui-button" type="warning">更改手机号</n-button>
<n-button class="ui-button" type="warning" secondary @click="showChangeEmailModal = true">
更改邮箱
</n-button>
<n-button class="ui-button" type="warning" secondary @click="showChangePhoneModal = true">
更改手机号
</n-button>
<n-button class="ui-button" type="tertiary">重置全部</n-button>
</n-flex>
</div>
@@ -168,7 +171,8 @@ async function save() {
v-model:show-modal="showBackgroundModal"
v-model:select-files="background_selectFiles"
/>
<change-email-modal v-model:show-modal="showChangeEmailModal" />
<change-email-modal v-model:show-modal="showChangeEmailModal"/>
<change-phone-modal v-model:show-modal="showChangePhoneModal"/>
</n-card>
</template>