admin/smt
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Implement login functionality and UI updates across the application. Added silent login process in App.vue, updated styles for various components, and integrated smoke record dialog. Enhanced onboarding and profile pages with improved layouts and user experience. Updated manifest and configuration files for deployment. Added easycom configuration for component auto-import.

Browse Source
This commit is contained in:
nepiedg
2026-01-25 14:48:20 +08:00
parent c883ae7b17
commit 661f39dfd7
24 changed files with 4569 additions and 572 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/profile/index.vue
+43 -45
View File
@@ -1,5 +1,5 @@
<template>
<view class="page container">
<view class="page">
<view class="user-section">
<view class="avatar-wrapper">
<image class="avatar" :src="userAvatar" mode="aspectFill"></image>
@@ -16,7 +16,7 @@
<view class="section">
<text class="section-title">我的进程</text>
<view class="menu-list">
<view class="menu-item card" @tap="goPage('goal')">
<view class="menu-item" @tap="goPage('goal')">
<view class="menu-icon menu-icon-green">🎯</view>
<view class="menu-content">
<text class="menu-label">目标设定</text>
@@ -24,7 +24,7 @@
</view>
<text class="menu-arrow">›</text>
</view>
<view class="menu-item card" @tap="goPage('ai-plan')">
<view class="menu-item" @tap="goPage('ai-plan')">
<view class="menu-icon menu-icon-blue">🤖</view>
<view class="menu-content">
<text class="menu-label">AI 计划调整</text>
@@ -38,14 +38,14 @@
<view class="section">
<text class="section-title">偏好设置</text>
<view class="menu-list">
<view class="menu-item card" @tap="goPage('notification')">
<view class="menu-item" @tap="goPage('notification')">
<view class="menu-icon menu-icon-orange">🔔</view>
<view class="menu-content">
<text class="menu-label">通知设置</text>
</view>
<text class="menu-arrow">›</text>
</view>
<view class="menu-item card" @tap="goPage('vip')">
<view class="menu-item" @tap="goPage('vip')">
<view class="menu-icon menu-icon-yellow">💎</view>
<view class="menu-content">
<text class="menu-label">解锁会员</text>
@@ -59,14 +59,14 @@
<view class="section">
<text class="section-title">通用</text>
<view class="menu-list">
<view class="menu-item card" @tap="goPage('settings')">
<view class="menu-item" @tap="goPage('settings')">
<view class="menu-icon menu-icon-gray">⚙️</view>
<view class="menu-content">
<text class="menu-label">基础设置</text>
</view>
<text class="menu-arrow">›</text>
</view>
<view class="menu-item card" @tap="goPage('privacy')">
<view class="menu-item" @tap="goPage('privacy')">
<view class="menu-icon menu-icon-gray">🔒</view>
<view class="menu-content">
<text class="menu-label">隐私与数据</text>
@@ -85,13 +85,15 @@
</template>
<script setup>
import { ref, computed } from 'vue'
import { ref, computed, onMounted } from 'vue'
import { useUserStore } from '@/stores/user'
import { useLogin } from '@/hooks/useLogin'
const userStore = useUserStore()
const { waitForLogin } = useLogin()
const userName = computed(() => userStore.user?.nickname || 'Alex Doe')
const userAvatar = computed(() => userStore.user?.avatar_url || '/static/icons/default-avatar.png')
const userAvatar = computed(() => userStore.user?.avatar_url || '/static/images/default-avatar.png')
const goalDate = ref('12月1日')
const streakDays = ref(12)
@@ -111,11 +113,19 @@ function logout() {
}
})
}
onMounted(async () => {
await waitForLogin()
})
</script>
<style scoped>
.page {
min-height: 100vh;
background-color: #0D1F17;
padding: 32rpx;
padding-bottom: 120rpx;
box-sizing: border-box;
}
.user-section {
@@ -134,7 +144,8 @@ function logout() {
width: 160rpx;
height: 160rpx;
border-radius: 50%;
border: 6rpx solid var(--color-primary);
border: 6rpx solid #4ADE80;
background-color: #1A3325;
}
.avatar-edit {
@@ -143,7 +154,7 @@ function logout() {
bottom: 0;
width: 48rpx;
height: 48rpx;
background-color: var(--color-primary);
background-color: #4ADE80;
border-radius: 50%;
display: flex;
align-items: center;
@@ -154,6 +165,7 @@ function logout() {
.user-name {
font-size: 40rpx;
font-weight: 700;
color: #FFFFFF;
margin-bottom: 16rpx;
}
@@ -161,29 +173,26 @@ function logout() {
display: flex;
align-items: center;
gap: 8rpx;
background-color: var(--color-danger);
background-color: #EF4444;
color: #FFFFFF;
padding: 12rpx 24rpx;
border-radius: 32rpx;
font-size: 24rpx;
margin-bottom: 12rpx;
}
.goal-icon {
font-size: 24rpx;
}
.goal-icon { font-size: 24rpx; }
.streak-text {
font-size: 26rpx;
color: var(--color-text-secondary);
color: #9CA3AF;
}
.section {
margin-bottom: 32rpx;
}
.section { margin-bottom: 32rpx; }
.section-title {
font-size: 26rpx;
color: var(--color-text-muted);
color: #6B7280;
margin-bottom: 16rpx;
display: block;
}
@@ -198,6 +207,8 @@ function logout() {
display: flex;
align-items: center;
gap: 24rpx;
background-color: #1A3325;
border-radius: 24rpx;
padding: 24rpx;
}
@@ -211,25 +222,11 @@ function logout() {
font-size: 32rpx;
}
.menu-icon-green {
background-color: rgba(74, 222, 128, 0.2);
}
.menu-icon-blue {
background-color: rgba(96, 165, 250, 0.2);
}
.menu-icon-orange {
background-color: rgba(251, 146, 60, 0.2);
}
.menu-icon-yellow {
background-color: rgba(251, 191, 36, 0.2);
}
.menu-icon-gray {
background-color: rgba(107, 114, 128, 0.2);
}
.menu-icon-green { background-color: rgba(74, 222, 128, 0.2); }
.menu-icon-blue { background-color: rgba(96, 165, 250, 0.2); }
.menu-icon-orange { background-color: rgba(251, 146, 60, 0.2); }
.menu-icon-yellow { background-color: rgba(251, 191, 36, 0.2); }
.menu-icon-gray { background-color: rgba(107, 114, 128, 0.2); }
.menu-content {
flex: 1;
@@ -240,17 +237,18 @@ function logout() {
.menu-label {
font-size: 30rpx;
color: #FFFFFF;
}
.menu-desc {
font-size: 24rpx;
color: var(--color-text-muted);
color: #6B7280;
}
.pro-badge {
display: inline-block;
background-color: var(--color-primary);
color: var(--color-bg);
background-color: #4ADE80;
color: #0D1F17;
font-size: 20rpx;
padding: 4rpx 12rpx;
border-radius: 8rpx;
@@ -261,7 +259,7 @@ function logout() {
.menu-arrow {
font-size: 36rpx;
color: var(--color-text-muted);
color: #6B7280;
}
.logout-btn {
@@ -271,7 +269,7 @@ function logout() {
}
.logout-text {
color: var(--color-danger);
color: #EF4444;
font-size: 30rpx;
}
@@ -279,7 +277,7 @@ function logout() {
display: block;
text-align: center;
font-size: 24rpx;
color: var(--color-text-muted);
color: #6B7280;
margin-top: 24rpx;
}
</style>