feat: 调整样式
This commit is contained in:
+41
-67
@@ -1,39 +1,7 @@
|
||||
<view class="profile-page">
|
||||
|
||||
<!-- ======== ABOUT VIEW ======== -->
|
||||
<view wx:if="{{view === 'about'}}" class="sub-view info-view-anim">
|
||||
<view class="sub-nav" bindtap="goBack">
|
||||
<t-icon name="chevron-left" size="40rpx" />
|
||||
<text class="sub-nav-title">关于我们</text>
|
||||
</view>
|
||||
<scroll-view scroll-y class="sub-scroll">
|
||||
<view class="about-section">
|
||||
<view class="about-logo-area">
|
||||
<view class="about-logo">
|
||||
<t-icon name="flower" size="72rpx" color="#558B2F" />
|
||||
</view>
|
||||
<text class="about-app-name">植物护理助手</text>
|
||||
<text class="about-version">版本 {{appVersion}}</text>
|
||||
</view>
|
||||
<view class="about-desc">
|
||||
<text>一款专注于家庭植物养护的小程序。帮助你记录植物成长、制定养护计划、识别未知植物,与花友们分享养花心得。</text>
|
||||
</view>
|
||||
|
||||
<view class="about-menu-list">
|
||||
<view class="about-menu-item" bindtap="openDoc" data-type="terms">
|
||||
<text>用户协议</text>
|
||||
<t-icon name="chevron-right" size="36rpx" color="#CCC" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="about-footer">
|
||||
<text class="about-copyright">© 2026 Sundynix · All Rights Reserved</text>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
<!-- ======== MAIN PROFILE VIEW ======== -->
|
||||
<view wx:else class="main-profile-view">
|
||||
<view class="main-profile-view">
|
||||
<!-- Header -->
|
||||
<view class="profile-header">
|
||||
<view class="user-main">
|
||||
@@ -41,9 +9,20 @@
|
||||
<t-avatar wx:if="{{userAvatar}}" image="{{userAvatar}}" size="120rpx" />
|
||||
<t-avatar wx:else icon="user" size="120rpx" />
|
||||
</view>
|
||||
<view class="user-text" bindtap="openProfileEditor">
|
||||
<view class="user-name">{{userName}}</view>
|
||||
<view class="level-badge">{{userLevelTag || 'Lv.0 园艺新手'}}</view>
|
||||
<view class="user-text">
|
||||
<view class="user-name" bindtap="openProfileEditor">{{userName}}</view>
|
||||
<view class="level-badge" bindtap="goToBadges">{{userLevelTag || 'Lv.0 园艺新手'}}</view>
|
||||
<view class="user-sun-days">
|
||||
<view class="sun-days-item">
|
||||
<t-icon name="sunny" size="24rpx" color="#FBC02D" />
|
||||
<text>{{userSunlight}} 阳光</text>
|
||||
</view>
|
||||
<view class="sun-days-divider"></view>
|
||||
<view class="sun-days-item">
|
||||
<t-icon name="calendar" size="24rpx" color="#66BB6A" />
|
||||
<text>加入 {{joinedDays}} 天</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="settings-btn" bindtap="goToNotificationSettings">
|
||||
@@ -52,30 +31,38 @@
|
||||
</view>
|
||||
|
||||
<!-- Stats Card (Fixed) -->
|
||||
<view class="stats-section">
|
||||
<view class="stats-card">
|
||||
<view class="stat-item">
|
||||
<text class="stat-num">{{plantCount}}</text>
|
||||
<text class="stat-label">植物</text>
|
||||
</view>
|
||||
<view class="stat-divider"></view>
|
||||
<view class="stat-item">
|
||||
<text class="stat-num">{{taskDoneCount}}</text>
|
||||
<text class="stat-label">养护次数</text>
|
||||
</view>
|
||||
<view class="stat-divider"></view>
|
||||
<view class="stat-item">
|
||||
<text class="stat-num">{{postCount}}</text>
|
||||
<text class="stat-label">动态</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<scroll-view scroll-y class="profile-content" enhanced show-scrollbar="{{false}}" scroll-top="{{scrollTop}}">
|
||||
<!-- Menu -->
|
||||
<view class="profile-menu">
|
||||
<view class="menu-group-title">常用功能</view>
|
||||
|
||||
<view class="menu-item" bindtap="goToExchange">
|
||||
<view class="menu-left">
|
||||
<view class="menu-icon-bg" style="background: #FCE4EC">
|
||||
<t-icon name="gift" size="36rpx" color="#E91E63" />
|
||||
</view>
|
||||
<text class="menu-text">兑换中心</text>
|
||||
</view>
|
||||
<view class="menu-right-info">
|
||||
<text class="menu-badge-text">开发中</text>
|
||||
<t-icon name="chevron-right" size="36rpx" color="#ccc" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="menu-item" bindtap="goToBadges">
|
||||
<view class="menu-left">
|
||||
<view class="menu-icon-bg" style="background: #F3E5F5">
|
||||
<t-icon name="award" size="36rpx" color="#9C27B0" />
|
||||
</view>
|
||||
<text class="menu-text">等级徽章</text>
|
||||
</view>
|
||||
<view class="menu-right-info">
|
||||
<t-icon name="chevron-right" size="36rpx" color="#ccc" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="menu-item" bindtap="goToFavorites">
|
||||
<view class="menu-left">
|
||||
<view class="menu-icon-bg" style="background: #FFF3E0">
|
||||
@@ -106,19 +93,6 @@
|
||||
<t-icon name="chevron-right" size="36rpx" color="#ccc" />
|
||||
</view>
|
||||
|
||||
<view class="menu-item" bindtap="goToBadges">
|
||||
<view class="menu-left">
|
||||
<view class="menu-icon-bg" style="background: #F3E5F5">
|
||||
<t-icon name="award" size="36rpx" color="#9C27B0" />
|
||||
</view>
|
||||
<text class="menu-text">等级徽章</text>
|
||||
</view>
|
||||
<view class="menu-right-info">
|
||||
<!-- <text class="menu-badge-text">已获 3 个</text> -->
|
||||
<t-icon name="chevron-right" size="36rpx" color="#ccc" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="menu-group-title" style="margin-top: 32rpx;">更多服务</view>
|
||||
|
||||
<view class="menu-item" bindtap="goToAbout">
|
||||
|
||||
Reference in New Issue
Block a user