前端界面请假管理java_小程序新请假界面

小程序新请假界面

效果:

.wxml:

新请假

请假结果

上传图片：

+

添加图片

删除

\r\n\r\n\r\n\r\n\r\n\r\n年级：

\r\n\r\n\r\n\r\n\r\n\r\n班级：

\r\n\r\n\r\n\r\n\r\n\r\n学号：

请假天数：

开始时间：

{ {date}}

结束时间：

{ {date1}}

请假类型：

请假理由：

提交

达叔小生

.wxss:

Page {

background-color: #f1f1f1;

}

.head_item {

width: 374rpx;

text-align: center;

font-size: 34rpx;

color: #999;

letter-spacing: 0;

}

.head_itemActive {

color: #30d1ff;

}

.ring {

width: 2rpx;

height: 100%;

background-color: rgba(204, 204, 204, 1);

}

.head {

width: 100%;

height: 100rpx;

background-color: rgba(255, 255, 255, 1);

border-bottom: 1rpx solid rgba(204, 204, 204, 1);

display: flex;

align-items: center;

justify-content: space-between;

position: fixed;

top: 0;

z-index: 10;

}

.main {

position: absolute;

width: 100%;<