餐厅酒吧KTV等预约订座小程序毕业设计课程设计（3）我的预约

最新推荐文章于 2023-07-08 08:48:25 发布

黄菊华老师

最新推荐文章于 2023-07-08 08:48:25 发布

阅读量641

点赞数 1

分类专栏：毕业设计文章标签：餐厅酒吧KTV等预约订座小程序

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

版权

毕业设计专栏收录该内容

2537 篇文章 545 订阅

订阅专栏

在这里插入图片描述

wxml代码

<view class="yuyue">
    <view class="yuyue_biaoti">预约信息：座位03 （4人座）</view>
    <view class="yuyue_neirong">
        <view class="neirong1">预约时间：2020-06-14 </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">预约信息：座位03 （4人座）</view>
    <view class="yuyue_neirong">
        <view class="neirong1">预约时间：2020-06-14 </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">预约信息：座位03 （4人座）</view>
    <view class="yuyue_neirong">
        <view class="neirong1">预约时间：2020-06-14 </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>

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;}