华为鸿蒙北向应用开发DAY12——来自软通教育项目实训

EternalDrive

已于 2022-11-09 10:47:03 修改

阅读量537

点赞数

文章标签：华为 harmonyos java

于 2022-06-16 20:25:41 首次发布

本文链接：https://blog.csdn.net/EternalDrive/article/details/125322643

版权

今日任务，完成班级列表和班级详情

班级列表：氛围两部分，全部班级和我的班级

具体实现与课程列表类似

新加了一个刷新功能：

使用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'}};"