feat(app): 添加课程页面并优化打卡和计划功能
- 新增 pages/course/course 页面,集成 web-view 显示线上课程列表 - 在 app.json 中注册课程页面并添加底部 tabbar 导航 - 优化打卡页面,添加学号显示和改进成员列表布局 - 重构计划页面,添加内容详情弹层和优化加载逻辑 - 添加阿里云 OSS 上传工具模块用于文件上传功能 - 统一姓名和学号在同一行显示,改善 UI 体验 - 修复多个页面中的绑定事件和样式问题
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
<template name="top-card">
|
||||
<view class="card top-card {{checked ? 'done-card' : ''}}">
|
||||
<view class="status-row">
|
||||
<view class="date-chip" bindtap="{{weekList.length > 0 ? 'openWeekPicker' : ''}}" hover-class="{{weekList.length > 0 ? 'date-chip-hover' : ''}}">
|
||||
<view class="date-chip" bindtap="openWeekPicker" hover-class="{{weekList.length > 0 ? 'date-chip-hover' : 'none'}}">
|
||||
<view class="date-week">{{weekday}}</view>
|
||||
<view class="date-num">{{dayNum}}<text class="date-arrow" wx:if="{{weekList.length > 0}}"> ▾</text></view>
|
||||
</view>
|
||||
@@ -38,7 +38,10 @@
|
||||
<view class="member {{item.checked ? 'ok' : 'idle'}}">
|
||||
<view class="member-avatar {{item.checked ? 'ok' : ''}}">{{item.shortName}}</view>
|
||||
<view class="member-info">
|
||||
<view class="member-name">{{item.name}}</view>
|
||||
<view class="member-line">
|
||||
<text class="member-name">{{item.name}}</text>
|
||||
<text class="member-sid" wx:if="{{item.student_id}}">学号 {{item.student_id}}</text>
|
||||
</view>
|
||||
<view class="member-meta">{{item.checked ? ('打卡 ' + item.timeText) : ''}}</view>
|
||||
</view>
|
||||
<view class="member-badge {{item.checked ? 'ok' : 'idle'}}">{{item.checked ? item.record.status : '未打卡'}}</view>
|
||||
@@ -115,7 +118,7 @@
|
||||
<view class="back" hover-class="back-hover" bindtap="backToOverview">‹ 返回</view>
|
||||
<view class="detail-title-wrap">
|
||||
<view class="detail-title">{{selectedGroupName}}</view>
|
||||
<view class="detail-sub" bindtap="{{weekList.length > 0 ? 'openWeekPicker' : ''}}" hover-class="{{weekList.length > 0 ? 'head-hover' : ''}}">
|
||||
<view class="detail-sub" bindtap="openWeekPicker" hover-class="{{weekList.length > 0 ? 'head-hover' : 'none'}}">
|
||||
{{classDate}} <text class="head-arrow" wx:if="{{weekList.length > 0}}"> ▾</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -163,7 +166,7 @@
|
||||
<view class="empty-text">本周暂无打卡记录</view>
|
||||
</view>
|
||||
<view class="member-list" wx:else>
|
||||
<block wx:for="{{members}}" wx:key="student_id" wx:for-item="item">
|
||||
<block wx:for="{{members}}" wx:key="user_id" wx:for-item="item">
|
||||
<template is="member-item" data="{{item: item}}"></template>
|
||||
</block>
|
||||
</view>
|
||||
|
||||
@@ -257,9 +257,24 @@
|
||||
min-width: 0;
|
||||
margin-left: 16rpx;
|
||||
}
|
||||
/* 姓名与学号同一行;姓名过长时省略,学号始终完整 */
|
||||
.member-line {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: 12rpx;
|
||||
}
|
||||
.member-name {
|
||||
font-size: 28rpx;
|
||||
color: #2C1810;
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.member-sid {
|
||||
font-size: 22rpx;
|
||||
color: #8B7A6A;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.member.ok .member-name {
|
||||
color: #2E7D32;
|
||||
|
||||
Reference in New Issue
Block a user