init

项目初始化

pages/profile/profile.wxml

@@ -0,0 +1,105 @@
+<view class="page" wx:if="{{view === 'loading'}}">
+  <view class="card skeleton-card">
+    <view class="skeleton skeleton-avatar"></view>
+    <view class="skeleton-line w-60"></view>
+    <view class="skeleton-line w-40"></view>
+    <view class="skeleton-line w-80"></view>
+    <view class="skeleton-line w-70"></view>
+  </view>
+</view>
+
+<view class="page" wx:elif="{{view === 'loadError'}}">
+  <view class="error-card">
+    <view class="error-icon">!</view>
+    <view class="error-title">{{loadError || '加载失败，请稍后再试'}}</view>
+    <button class="btn-retry btn-primary" hover-class="btn-hover" bindtap="onRetry">重新加载</button>
+  </view>
+</view>
+
+<view class="page" wx:elif="{{view === 'phoneLogin'}}">
+  <view class="login-wrap">
+    <view class="login-card">
+      <view class="login-icon">👤</view>
+      <view class="login-title">微信手机号一键登录</view>
+      <view class="login-desc">未找到你的账号，请使用微信手机号登录。手机号仅用于账号绑定，不会公开展示。</view>
+      <button
+        class="btn-phone btn-primary"
+        open-type="getPhoneNumber"
+        bindgetphonenumber="onGetPhoneNumber"
+        loading="{{phoneLoading}}"
+        disabled="{{phoneLoading}}"
+        hover-class="btn-hover"
+      >{{phoneLoading ? '登录中...' : '微信手机号一键登录'}}</button>
+      <view class="error" wx:if="{{phoneError}}">{{phoneError}}</view>
+    </view>
+  </view>
+</view>
+
+<block wx:elif="{{profile}}">
+  <view class="page has-bottom">
+    <view class="card profile-card">
+      <view class="profile-head">
+        <view class="avatar-click">
+          <button
+            class="avatar-btn"
+            open-type="chooseAvatar"
+            bindchooseavatar="onChooseAvatar"
+            disabled="{{avatarUploading}}"
+            hover-class="avatar-hover"
+          >
+            <image wx:if="{{avatarSrc}}" class="avatar" src="{{avatarSrc}}" mode="aspectFill"></image>
+            <text wx:else class="avatar avatar-fallback">{{avatarFallback}}</text>
+          </button>
+          <view class="avatar-camera" wx:if="{{!avatarUploading}}">📷</view>
+        </view>
+        <view class="profile-meta">
+          <view class="profile-row">
+            <text class="profile-name">{{profile.display_name}}</text>
+            <text class="badge role" wx:if="{{roleLabel}}">{{roleLabel}}</text>
+          </view>
+          <view class="profile-sub">{{profile.student_id}}</view>
+        </view>
+      </view>
+    </view>
+
+    <view class="card info-card">
+      <view class="info-title">个人信息</view>
+      <view class="info-row">
+        <text class="info-label">姓名</text>
+        <text class="info-value">{{profile.name}}</text>
+      </view>
+      <view class="info-row">
+        <text class="info-label">学号</text>
+        <text class="info-value">{{profile.student_id}}</text>
+      </view>
+      <view class="info-row">
+        <text class="info-label">手机号</text>
+        <text class="info-value">{{profile.phone || '未绑定'}}</text>
+      </view>
+      <view class="info-row">
+        <text class="info-label">角色</text>
+        <text class="info-value">{{roleLabel}}</text>
+      </view>
+      <view class="info-row">
+        <text class="info-label">小组</text>
+        <text class="info-value">{{profile.group || '未分组'}}</text>
+      </view>
+      <view class="info-row">
+        <text class="info-label">登录方式</text>
+        <text class="info-value">{{loginTypeLabel}}</text>
+      </view>
+    </view>
+
+    <view class="card classlist-card" wx:if="{{classGroups.length}}">
+      <view class="info-title">班级分组</view>
+      <view class="class-row" wx:for="{{classGroups}}" wx:key="class_id">
+        <text class="info-label">{{item.period || item.class_code}}</text>
+        <text class="info-value">{{item.group}} · {{item.role}}</text>
+      </view>
+    </view>
+
+    <view class="bottom-actions">
+      <button class="btn-logout" hover-class="btn-hover" bindtap="logout">退出登录</button>
+    </view>
+  </view>
+</block>