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