feat(app): 添加课程页面并优化打卡和计划功能
- 新增 pages/course/course 页面,集成 web-view 显示线上课程列表 - 在 app.json 中注册课程页面并添加底部 tabbar 导航 - 优化打卡页面,添加学号显示和改进成员列表布局 - 重构计划页面,添加内容详情弹层和优化加载逻辑 - 添加阿里云 OSS 上传工具模块用于文件上传功能 - 统一姓名和学号在同一行显示,改善 UI 体验 - 修复多个页面中的绑定事件和样式问题
This commit is contained in:
51
pages/course/course.wxss
Normal file
51
pages/course/course.wxss
Normal file
@@ -0,0 +1,51 @@
|
||||
.page {
|
||||
min-height: 100vh;
|
||||
background: #FDFBF7;
|
||||
}
|
||||
|
||||
/* ---- 加载失败兜底(web-view 为原生组件,仅在不渲染时才展示) ---- */
|
||||
.error-page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 120rpx 60rpx;
|
||||
height: 100vh;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.error-icon {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
border-radius: 50%;
|
||||
background: #FDEAEA;
|
||||
color: #C0392B;
|
||||
font-size: 64rpx;
|
||||
font-weight: 700;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 32rpx;
|
||||
}
|
||||
.error-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: 700;
|
||||
color: #2C1810;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
.error-desc {
|
||||
font-size: 26rpx;
|
||||
color: #8B7A6A;
|
||||
text-align: center;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
.error-retry {
|
||||
padding: 20rpx 60rpx;
|
||||
background: #C67B30;
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
border-radius: 999rpx;
|
||||
}
|
||||
.btn-hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
Reference in New Issue
Block a user