教室預約微信小程序 畢業設計（1）首頁

wxml代碼

<view>
    <image class="ad01" src="/img/1.png" mode="widthFix"></image>
</view>

<view class="shuoming">
    <view class="shuoming_biaoti">預約教室使用說明</view>
    <view class="shuoming_xiangmu">1：需要登錄，需提前1天登陸系統預約</view>
    <view class="shuoming_xiangmu">2：先選定要使用的教室；選定日期和節次的位置處，單擊“預約”</view>
    <view class="shuoming_xiangmu">3：正確填寫主講內容、主講人，然後按“提交預約”按扭</view>
</view>
<navigator class="yuyue" url="/pages/yuyue/index"  open-type='switchTab' >
    進入預約系統
</navigator>

wxss代碼

/* pages/index/index.wxss */
.ad01{
    width: 100%;
}
.shuoming{
    padding: 5px;
    color: gray;
}
.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;
}