peanut
64476eee6d
- life-script: 新增 aiRuntime 打字机流式服务，PathView/ScriptView/TimelineView 接入打字机效果 - mini-program: ScriptView 重构为打字机输出 + 卡片式灵感列表，主页布局优化 - web: aiRuntime 服务新增流式输出支持 - chat store: 消息状态管理和打字机流式渲染支持 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
57 lines
1.2 KiB
Vue
57 lines
1.2 KiB
Vue
<template>
|
||
<view class="profile-page">
|
||
<view class="top-safe" :style="{ height: capsuleTopReservePx + 'px' }"></view>
|
||
<view class="header" :style="topbarStyle">
|
||
<text class="back" @click="goBack">‹</text>
|
||
<text class="title">个人中心</text>
|
||
<text></text>
|
||
</view>
|
||
|
||
<MineView class="content" />
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import MineView from '../main/MineView.vue'
|
||
import { useMenuButtonSafeArea } from '../../composables/useMenuButtonSafeArea.js'
|
||
|
||
const { capsuleTopReservePx, topbarStyle } = useMenuButtonSafeArea({ extraTopPx: 10 })
|
||
|
||
const goBack = () => {
|
||
uni.navigateBack()
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
.profile-page {
|
||
min-height: 100vh;
|
||
color: #fff;
|
||
background:
|
||
radial-gradient(circle at 18% 2%, rgba(124, 58, 237, 0.3), transparent 34%),
|
||
linear-gradient(180deg, #090514 0%, #1a0a2f 55%, #07020d 100%);
|
||
}
|
||
|
||
.header {
|
||
height: 92rpx;
|
||
display: grid;
|
||
grid-template-columns: 80rpx 1fr 80rpx;
|
||
align-items: center;
|
||
padding: 0 28rpx;
|
||
}
|
||
|
||
.back {
|
||
font-size: 62rpx;
|
||
color: rgba(255, 255, 255, 0.82);
|
||
}
|
||
|
||
.title {
|
||
text-align: center;
|
||
font-size: 32rpx;
|
||
font-weight: 800;
|
||
}
|
||
|
||
.content {
|
||
padding: 24rpx 32rpx 40rpx;
|
||
}
|
||
</style>
|