【套餐】餐厅酒吧KTV等预约订座小程序系统 毕业设计 源代码下载地址:https://ke.qq.com/course/package/28466?tuin=2b10d56 有需要的请添加QQ 45157718(微信同号) 咨询
wxml代码
<view>
<image class="ad01" src="/img/1.png" mode="widthFix"></image>
</view>
<view class="qukuai">
<view class="qukuai_zuo"></view>
<view class="qukuai_zhong">最新资讯</view>
<navigator class="qukuai_you" url="/pages/xinxi/list?cs_lxid=241&mc=资讯中心">所有>></navigator>
</view>
<navigator url='/' class='xinxi'>
<image class='xinxi-icon' src='/img/news.png'></image>
<text class='xinxi-text'>06-19 预约订座线下联系方式</text>
<image class='xinxi-arrow' src='/img/right.png'></image>
</navigator>
<navigator url='/' class='xinxi'>
<image class='xinxi-icon' src='/img/news.png'></image>
<text class='xinxi-text'>06-19 用户微信直接登录功能开通</text>
<image class='xinxi-arrow' src='/img/right.png'></image>
</navigator>
<navigator url='/' class='xinxi'>
<image class='xinxi-icon' src='/img/news.png'></image>
<text class='xinxi-text'>06-19 关于违规会员处理的通知</text>
<image class='xinxi-arrow' src='/img/right.png'></image>
</navigator>
<view class="shuoming">
<view class="shuoming_biaoti">预约订座使用说明</view>
<view class="shuoming_xiangmu">1:需要登录,做多提前预约3天</view>
<view class="shuoming_xiangmu">2:先选定日期,然后选择位置处,开始预约</view>
<view class="shuoming_xiangmu">3:填写预约人的姓名和联系方式,然后按“提交预约”按扭</view>
</view>
<navigator class="yuyue" url="/pages/dingzuo/index" open-type='switchTab' >
进入订座预约
</navigator>
wxss代码
/* pages/index/index.wxss */
.ad01{
width: 100%;
}
.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;}
.xinxi {
display: flex;
align-items: center;
padding: 5px;
border-bottom: 1px solid #f2f2f2;
font-size: 14px;
color: gray;
}
.xinxi-icon {
width: 19px;
height: 19px;
}
.xinxi-text {
flex-grow: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.xinxi-arrow {
width: 13px;
height: 13px;
}
.shuoming{
padding: 5px;
color: gray;
font-size: 15px;
}
.shuoming_biaoti{
font-weight: bold;
color: orangered;
border-bottom: 1px solid gainsboro;
padding: 5px 0px;
}
.shuoming_xiangmu{
padding: 5px 0px;
border-bottom: 1px dotted gainsboro;
}
.yuyue{
background-color: orangered;
color: white;
text-align: center;
margin: 10px;
padding: 10px;
border-radius: 5px;
}
有需要的请添加QQ 45157718(微信同号) 咨询
|