1

2025-10-19 20:28:31 +08:00
parent c81f8a8b03
commit eaab9a762a
100 changed files with 23416 additions and 0 deletions
--- a/pages/index/index.wxml
+++ b/pages/index/index.wxml
@@ -0,0 +1,119 @@
+<!--pages/index/index.wxml-->
+<view class="container">
+  <!-- 顶部欢迎区 -->
+  <view class="header">
+    <view class="welcome-section">
+      <!-- 已登录状态 -->
+      <view class="user-info" wx:if="{{userInfo && userInfo.isLogin}}">
+        <image class="user-avatar" src="{{userInfo.avatar}}" mode="aspectFill" />
+        <view class="user-content">
+          <view class="greeting">
+            <text class="greeting-text">你好！</text>
+            <text class="greeting-name">{{userInfo.nickname}}</text>
+          </view>
+          <view class="slogan">知芽小筑，智启未来</view>
+        </view>
+        <view class="logout-btn" bindtap="onLogout">
+          <text class="logout-icon">🚪</text>
+        </view>
+      </view>
+      
+      <!-- 未登录状态 -->
+      <view class="login-section" wx:else>
+        <view class="login-card">
+          <view class="login-header">
+            <text class="header-icon">🎓</text>
+            <text class="header-title">知芽小筑</text>
+            <text class="header-subtitle">Your Smart Campus Companion</text>
+          </view>
+          
+          <view class="login-prompt">
+            <text class="prompt-icon">👋</text>
+            <view class="prompt-content">
+              <text class="prompt-text">Hi，欢迎来到知芽小筑</text>
+              <text class="prompt-desc">登录后解锁更多精彩功能</text>
+            </view>
+          </view>
+          
+          <button class="login-btn" bindtap="onLogin">
+            <view class="btn-content">
+              <text class="login-icon">🔐</text>
+              <view class="btn-text-group">
+                <text class="login-text">微信快捷登录</text>
+              </view>
+            </view>
+            <text class="arrow-icon">→</text>
+          </button>
+          
+          <view class="login-features">
+            <view class="feature-item">
+              <text class="feature-icon">✨</text>
+              <text class="feature-text">个性化推荐</text>
+            </view>
+            <view class="feature-item">
+              <text class="feature-icon">🔒</text>
+              <text class="feature-text">数据安全</text>
+            </view>
+            <view class="feature-item">
+              <text class="feature-icon">⚡</text>
+              <text class="feature-text">快速便捷</text>
+            </view>
+          </view>
+          
+          <view class="login-tip">
+            <text class="tip-icon">ℹ️</text>
+            <text class="tip-text">我们承诺保护您的隐私安全</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+
+  <!-- 公告栏 -->
+  <view class="notice-bar">
+    <view class="notice-icon">📢</view>
+    <swiper class="notice-swiper" vertical="{{true}}" autoplay="{{true}}" circular="{{true}}" interval="3000">
+      <swiper-item wx:for="{{notices}}" wx:key="index">
+        <text class="notice-text">{{item}}</text>
+      </swiper-item>
+    </swiper>
+  </view>
+
+  <!-- 功能模块 -->
+  <view class="features-section">
+    <view class="section-title">
+      <text class="title-text">功能中心</text>
+      <view class="title-line"></view>
+    </view>
+    
+    <view class="features-grid">
+      <view 
+        class="feature-card" 
+        wx:for="{{features}}" 
+        wx:key="id"
+        data-path="{{item.path}}"
+        bindtap="onFeatureClick"
+      >
+        <view class="card-bg" style="background: linear-gradient(135deg, {{item.color}}15 0%, {{item.color}}05 100%);"></view>
+        
+        <view class="feature-header">
+          <view class="feature-icon" style="background: linear-gradient(135deg, {{item.color}} 0%, {{item.color}}CC 100%);">
+            <text class="icon-text">{{item.icon}}</text>
+          </view>
+          <view class="badge" wx:if="{{item.badge}}" style="background-color: {{item.badgeColor || '#FF5252'}};">{{item.badge}}</view>
+        </view>
+        
+        <view class="feature-info">
+          <view class="feature-name">{{item.name}}</view>
+          <view class="feature-desc">{{item.desc}}</view>
+        </view>
+        
+        <view class="card-footer">
+          <text class="footer-text">立即使用</text>
+          <text class="footer-arrow">→</text>
+        </view>
+      </view>
+    </view>
+  </view>
+
+</view>