今日任务,完成班级列表和班级详情
班级列表:氛围两部分,全部班级和我的班级
具体实现与课程列表类似
新加了一个刷新功能:
使用prompt组件判断是否还有新数据未加载,如果有就将页面增加并且提示更新成功,如果没有就提示已经是最新数据了
hml:
<div class="container">
<div style="width: 100%; height: 40px; align-items: center; margin:10px 0 5px 0;">
<div style="width: 10%; height:100%;align-items: center; justify-content: center;" onclick="goBack" >
<image style="width: 14px; object-fit: contain;" src="common/icon/ge.png"></image>
</div>
<div style="width: 80%; height: 100%; align-items: center; justify-content: center;">
<text style="font-size: 16px;">班级列表</text>
</div>
<div style="width: 10%; height: 100%; align-items: center; justify-content: center;">
<image style="width: 14px; object-fit: contain;" src="common/icon/search.png"></image>
</div>
</div>
<div style="width: 100%; flex-direction: column;">
<div style="width: 100%; height: 50px; justify-content: center; border-bottom: 1px solid #E8E8E8;">
<div class="tabBarItem">
<text class="tabBarTile" style="border-bottom-color:{
{tab==0?'#0B021B':'#FFFFFF'}}; font-weight: {
{tab==0? 'bold':'normal'}};"
onclick="changeTab(0)">全部班级</text>
</div>
<div class="tabBarItem">
<text class="tabBarTile" style="border-bottom-color:{
{tab==1?'#0B021B':'#FFFFFF'}}; font-weight: {
{tab==1? 'bold':'normal'}};"