parent
55820b258f
commit
0c9380cf10
@ -1,20 +1,54 @@
|
||||
.container{
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.root {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.form-box {
|
||||
border: 1px solid #ccc;
|
||||
border: 1rpx solid #ccc;
|
||||
border-radius: 6rpx;
|
||||
padding: 20rpx;
|
||||
box-shadow: 3 2rpx 4rpx rgba(0.5, 0.6, 0.6, 0.2);
|
||||
}
|
||||
.form-group {
|
||||
margin-bottom: 20rpx;
|
||||
box-shadow: 3 2rpx 4rpx rgba(0.5, 0.6, 0.6, 0.2);
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.sv {
|
||||
background-color: white;
|
||||
width: 80%;
|
||||
height: 90vh;
|
||||
}
|
||||
|
||||
.sendBar {
|
||||
width: 80%;
|
||||
height: 10vh;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: 2px solid #1E90FF;
|
||||
}
|
||||
|
||||
.input {
|
||||
background-color: white;
|
||||
border: 2px solid #1E90FF;
|
||||
}
|
||||
.btn-submit {
|
||||
display: block;
|
||||
width: 200rpx;
|
||||
margin: 0 auto;
|
||||
padding: 10rpx 20rpx;
|
||||
background-color: #2399f1;
|
||||
color: #fff;
|
||||
border-radius: 4rpx;
|
||||
font-size: 32rpx;
|
||||
text-align: center;
|
||||
|
||||
.box {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
@ -1,26 +1,25 @@
|
||||
<!--pages/Homework/Homework.wxml-->
|
||||
<view class="container">
|
||||
<view>
|
||||
<view class="form-group">
|
||||
<text>任务标题:</text>
|
||||
<input type="text" placeholder="请输入任务标题" />
|
||||
</view>
|
||||
<view class="form-group">
|
||||
<text>任务标题:</text>
|
||||
<input type="text" placeholder="请输入任务标题" />
|
||||
</view>
|
||||
|
||||
<view class="form-group">
|
||||
<text>任务内容:</text>
|
||||
<textarea placeholder="请输入任务内容"></textarea>
|
||||
</view>
|
||||
<view class="form-group">
|
||||
<text>任务内容:</text>
|
||||
<textarea placeholder="请输入任务内容"></textarea>
|
||||
</view>
|
||||
|
||||
<view class="form-group">
|
||||
<text>截止时间:</text>
|
||||
<input type="datetime-local" />
|
||||
</view>
|
||||
<view class="form-group">
|
||||
<text>截止时间:</text>
|
||||
<input type="datetime-local" />
|
||||
</view>
|
||||
|
||||
<view class="form-group">
|
||||
<text>附件:</text>
|
||||
<button class="btn-attachment">上传附件</button>
|
||||
</view>
|
||||
<view class="form-group">
|
||||
<text>附件:</text>
|
||||
<button class="btn-attachment">上传附件</button>
|
||||
</view>
|
||||
|
||||
<button class="btn-submit">提交</button>
|
||||
</view>
|
||||
|
||||
|
@ -1,23 +1,12 @@
|
||||
<view class="container">
|
||||
<view>
|
||||
<view class="form-group">
|
||||
<text>姓名:</text>
|
||||
<input type="text" placeholder="获取到的老师姓名" />
|
||||
</view>
|
||||
|
||||
<view class="form-group">
|
||||
<text>科目:</text>
|
||||
<textarea placeholder="获取到的老师科目"></textarea>
|
||||
</view>
|
||||
|
||||
<view class="form-group">
|
||||
<text>时薪:</text>
|
||||
<input type="获取到的老师时薪" />
|
||||
<view class="teacher-info">
|
||||
<image src="/miniprogram/images/deploy_step2.png" class="avatar" />
|
||||
<view class="info">
|
||||
<text class="name">李老师</text>
|
||||
<text class="subject">全科</text>
|
||||
<text class="description">李老师拥有多年的教学经验,深受学生喜爱。</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="container">
|
||||
<button class="btn-choose">选择该老师</button>
|
||||
<button class="btn-next">下一个老师</button>
|
||||
</view>
|
||||
|
@ -1,55 +1,31 @@
|
||||
/* pages/Tprofile/Tprofile.wxss */
|
||||
.container {
|
||||
width: 99%;
|
||||
padding: 20rpx;
|
||||
border-radius: 20rpx;
|
||||
background-color: #8ab3c4;
|
||||
box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.2);
|
||||
margin-bottom: 10rpx;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
display: flex;
|
||||
/* align-items: center; */
|
||||
justify-content: flex-start;
|
||||
margin-bottom: 10rpx;
|
||||
text-align: left;
|
||||
.form-group {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.text {
|
||||
width: 80rpx;
|
||||
font-size: 28rpx;
|
||||
text-align: left;
|
||||
}
|
||||
.row {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.cell {
|
||||
flex: 1;
|
||||
height: 40rpx;
|
||||
line-height: 40rpx;
|
||||
text-align: center;
|
||||
font-size: 24rpx;
|
||||
border: 1rpx solid #ccc;
|
||||
background-color: #fff;
|
||||
text {
|
||||
display: inline-block;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.header-cell {
|
||||
flex: 1;
|
||||
height: 40rpx;
|
||||
line-height: 40rpx;
|
||||
text-align: center;
|
||||
font-size: 24rpx;
|
||||
border: 1rpx solid #ccc;
|
||||
background-color: #f0f0f0;
|
||||
input {
|
||||
width: 200px;
|
||||
height: 30px;
|
||||
padding: 5px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.checkbox-cell {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 24rpx;
|
||||
border: 1rpx solid #ccc;
|
||||
background-color: #fff;
|
||||
button.btn-submit {
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
background-color: #007bff;
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
Loading…
Reference in new issue