餐厅酒吧KTV等预约订座小程序毕业设计课程设计（2）预约订座_ktv小程序前端设计图

2401_84434442

于 2024-05-10 02:23:38 发布

阅读量196

点赞数 3

分类专栏：程序员文章标签：前端面试学习

本文链接：https://blog.csdn.net/2401_84434442/article/details/138640060

版权

程序员专栏收录该内容

189 篇文章

订阅专栏

最后前端到底应该怎么学才好？

如果你打算靠自己摸索自学，那么你首先要了解学习前端的基本大纲，这是你将要学习的主要内容，理解以及掌握好这些内容，便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程，作为初学者最好的方式就是看视频教程学习，初学者容易理解接受。

不要选择买书学习，这样的方式没有几个人能学会，基本都是看不下去书，也看不懂书。如果喜欢看书的学弟，可以买一些经典的书籍作为辅助即可，主要还是以看教程为主。每天抽出固定几个小时学习，做好长期学习的准备。学习编程并不是每天光看视频，你学习编程最重要的目的是为了编写软件产品，提供给大众使用，所以用手写出代码实现功能才是我们要做的事情。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

在这里插入图片描述

wxml代码

<view class="qukuai">
    <view class="qukuai\_zuo"></view>
    <view class="qukuai\_zhong">请选择预约日期</view>
    <navigator class="qukuai\_you" url=""></navigator>
</view>
<view class="riqi">
    <view class="riqi\_list">07-06</view>
    <view class="riqi\_list">07-07</view>
    <view class="riqi\_list riqi\_xuanzhong">07-08</view>
    <view class="riqi\_list">07-09</view>
</view>

<view class="qukuai">
    <view class="qukuai\_zuo"></view>
    <view class="qukuai\_zhong">请选择人数</view>
    <navigator class="qukuai\_you" url=""></navigator>
</view>
<view class="zuowei">
    <view class="zuowei\_list">2人座</view>
    <view class="zuowei\_list">4人座</view>
    <view class="zuowei\_list zuowei\_xuanzhong">8人座</view>
    <view class="zuowei\_list">10人以上</view>
</view>

<view class="qukuai">
    <view class="qukuai\_zuo"></view>
    <view class="qukuai\_zhong">请选择座位</view>
    <navigator class="qukuai\_you" url=""></navigator>
</view>
<view class="zuowei">
    <view class="zuowei\_list">01</view>
    <view class="zuowei\_list">02</view>
    <view class="zuowei\_list zuowei\_xuanzhong">03</view>
    <view class="zuowei\_list">04</view>
    <view class="zuowei\_list">05</view>
    <view class="zuowei\_list">06</view>
    <view class="zuowei\_list">07</view>
    <view class="zuowei\_list">08</view>   
    <view class="zuowei\_list">09</view>
    <view class="zuowei\_list">10</view>
    <view class="zuowei\_list">11</view>
    <view class="zuowei\_list">12</view>
    <view class="zuowei\_list">13</view>
    <view class="zuowei\_list">14</view>
    <view class="zuowei\_list">15</view>
    <view class="zuowei\_list">16</view>      
</view>

<view class="qukuai">
    <view class="qukuai\_zuo"></view>
    <view class="qukuai\_zhong myred">当前选择</view>
    <navigator class="qukuai\_you" url=""></navigator>
</view>
<view class="neirong">
    2020-07-08 | 8人座位 | 03座号
</view>
<view class="xinxi">
    <view class="xinxi\_xiangmu">
        <view class="xinxi\_xiangmu1">我的姓名</view>
        <view class="xinxi\_xiangmu2"><input class="i1" type="text" /></view>
    </view>    
    <view class="xinxi\_xiangmu">
        <view class="xinxi\_xiangmu1">联系电话</view>
        <view class="xinxi\_xiangmu2"><input class="i1" type="text" /></view>
    </view>    
    <view class="xinxi\_xiangmu">
        <view class="xinxi\_xiangmu1">备注说明</view>
        <view class="xinxi\_xiangmu2"><textarea class="t1" ></textarea></view>
    </view>    
</view>
<view class="tijiao">
    <button class="tijiao\_anniu">提交座位预约</button>
</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;}

.riqi{
    display: flex; 
    flex-wrap: wrap;
    font-size: 13px;
}
最后
--

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

> 最后写上我自己一直喜欢的一句名言：`世界上只有一种真正的英雄主义就是在认清生活真相之后仍然热爱它`
> ![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6L3lnVUFXMUlsN2FRMlNlT2VueEF1QTMxNDlEQmRDMlU0bzBpY21pYVloa2szeXVFZmNydGV4MGYxSWljdFJGNU9RYUw5TWJHb0hiTmtWQlBQUGliTng0RWJpY0EvNjQw?x-oss-process=image/format,png)