基于微信小程序毕业设计题目选题课题 新生报到小程序的设计与实现（4）学生所在班级 排班课程表信息

该页面显示排班表信息、对应课程的老师和上课教室信息

wxml代码

<view class="qukuai">
    <view class="qukuai_zuo"></view>
    <view class="qukuai_zhong">课程表</view>
</view>

<view class="neirong">
  <rich-text nodes="{{kechengbiao}}" ></rich-text>
</view>

<view class="qukuai">
    <view class="qukuai_zuo"></view>
    <view class="qukuai_zhong">老师和教室信息</view>
</view>

<view class="neirong2">
  <rich-text nodes="{{kecheng_xinxi}}" ></rich-text>
</view>

wxss代码

.qukuai{display: flex;align-items:center;background-color: #f2f2f2;}
.qukuai_zuo{margin: 5px 10px; width:5px; height:20px; background-color: rgb(13, 163, 233);border-radius: 10px;}
.qukuai_zhong{font-size: 16px; flex-grow: 1;}
.qukuai_you{font-size: 14px; color: gray;padding-right: 10px;}

  .neirong{
      font-size: 12px;
      padding: 5px;
      width: 100%;
      box-sizing: border-box;
  }

  .neirong2{
    font-size: 12px;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}  

  view{
    box-sizing: border-box;
    padding: 1px;
  }

标签：box,5px,新生报,毕业设计,课程表,font,border,qukuai,size
来源： https://blog.51cto.com/u_13898481/2890836