教室预约微信小程序毕业设计（4）预约列表页面

最新推荐文章于 2024-08-10 12:43:52 发布

黄菊华老师

最新推荐文章于 2024-08-10 12:43:52 发布

阅读量2.2k

点赞数

分类专栏：毕业设计文章标签：教室预约微信小程序

本文链接：https://blog.csdn.net/u013818205/article/details/107034529

版权

毕业设计专栏收录该内容

2537 篇文章 545 订阅

订阅专栏

在这里插入图片描述

wxml代码

<!--pages/huiyuan/yuyue_list.wxml-->

<view class="yuyue">
    <view class="yuyue_biaoti">预约信息：教室02 （第3节）</view>
    <view class="yuyue_neirong">
        <view class="neirong1">预约时间：2020-06-14 星期5</view>
        <view class="neirong2">主讲老师：黄菊华 | 高等数据</view>
        <view class="neirong3">联系电话：13512345678 </view>
        <view class="neirong4">备注说明：5</view>
        <view class="neirong5">
            <view class="neirong5_zuo daishenghe"> 审核状态：待审核 </view>
            <view class="neirong5_you"> 取消申请 </view>
        </view>
    </view>
</view>

<view class="yuyue">
    <view class="yuyue_biaoti">预约信息：教室02 （第3节）</view>
    <view class="yuyue_neirong">
        <view class="neirong1">预约时间：2020-06-14 星期5</view>
        <view class="neirong2">主讲老师：黄菊华 | 高等数据</view>
        <view class="neirong3">联系电话：13512345678 </view>
        <view class="neirong4">备注说明：5</view>
        <view class="neirong5">
            <view class="neirong5_zuo daishenghe"> 审核状态：待审核 </view>
            <view class="neirong5_you"> 取消申请 </view>
        </view>
    </view>
</view>

<view class="yuyue">
    <view class="yuyue_biaoti">预约信息：教室02 （第3节）</view>
    <view class="yuyue_neirong">
        <view class="neirong1">预约时间：2020-06-14 星期5</view>
        <view class="neirong2">主讲老师：黄菊华 | 高等数据</view>
        <view class="neirong3">联系电话：13512345678 </view>
        <view class="neirong4">备注说明：5</view>
        <view class="neirong5">
            <view class="neirong5_zuo yishenghe"> 审核状态：已审核 </view>
            <view class="neirong5_you">  </view>
        </view>
    </view>
</view>

<view class='sys_caidan'>
  <navigator class='sys_caidan_xiangmu' url='/pages/index/index' open-type='switchTab'>
    <image src='/images/a-on.png' class='sys_caidan_xiangmu_img'></image>
    <view class='sys_caidan_xiangmu_txt sys_caidan_xiangmu_xuanzhong'>首页</view>
  </navigator>
  <navigator class='sys_caidan_xiangmu'  url='/pages/yuyue/index' open-type='switchTab'>
    <image src='/images/b-off.png' class='sys_caidan_xiangmu_img'></image>
    <view class='sys_caidan_xiangmu_txt'>预约</view>
  </navigator>
  <navigator class='sys_caidan_xiangmu' url='/pages/huiyuan/index'  open-type='switchTab'>
    <image src='/images/d-off.png' class='sys_caidan_xiangmu_img'></image>
    <view class='sys_caidan_xiangmu_txt'>我的</view>
  </navigator>
</view>

wxss代码

/* pages/huiyuan/yuyue_list.wxss */
.yuyue{
    padding: 5px;
    border-bottom: 1px dotted gainsboro ;
    margin-bottom: 5px;
}
.yuyue_biaoti{
    padding: 5px;
    background-color: #f3f3f3;
}
.yuyue_neirong{
    padding: 5px;
    color: 12px;
    color: gray;
}
.neirong1{}
.neirong2{}
.neirong3{}
.neirong4{}
.neirong5{
    display: flex;
}
.neirong5_zuo{
    color: black;
    flex-grow: 1;
}
.neirong5_you{
    color: orangered;
}
.daishenghe{color: red;}
.yishenghe{color: green;}