小白开发微信小程序35--关于我们讲师列表

1、创建实体类teacher

2、获取讲师列表接口

3、测试上面的接口

4、微信页面

5、wxss

/* 顶部图片 */
.us-indeximage {
    width: 100%;
    height: 100%;
}

/* 信息栏 */
.ustitle {
    padding: 0 10px;
    line-height: 22px;
    font-size: 14px;
}

/* 公司介绍 */
.ustitle .companydesc {
    font-weight: 300;
    margin: 5px 0;
}

/* 讲师列表 */
.workerlist {
    padding: 0 10px;
}

.workerlist .workerview {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    border: 1px solid #efefef;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%), 0 0 6px 0 rgb(0 0 0 / 4%);
    margin-bottom: 15px;
}

.workerlist .workerview image{
    width: 100%;
    margin-bottom: 3px;
}

.workerlist .workerview .title{
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}

.workerlist .workerview .info{
    padding: 0 3px;
}

6、us.js

7、效果