feat:修改添加面授的border以及面授和考勤抽屉列表的操作

This commit is contained in:
李晓鸽
2022-10-21 11:29:09 +08:00
10 changed files with 900 additions and 199 deletions

View File

@@ -18,35 +18,34 @@
<div class="main">
<div class="groupl">小组</div>
<div>
<div class="groupin">
<a-input
v-model:value="value"
placeholder="好好学习小组"
style="border-radius: 8px; height: 40px"
/>
<div class="delete">删除</div>
<div class="groupin">
<a-input
v-model:value="value"
placeholder="好好学习小组"
style="border-radius: 8px; height: 40px"
/>
<div class="delete">删除</div>
</div>
<div class="groupin">
<a-input
v-model:value="value"
placeholder="全能小组"
style="border-radius: 8px; height: 40px"
/>
<div class="delete">删除</div>
</div>
<div class="groupin">
<a-input
v-model:value="value"
placeholder="宇宙第一最强小组"
style="border-radius: 8px; height: 40px"
/>
<div class="delete">删除</div>
</div>
</div>
<div class="groupin">
<a-input
v-model:value="value"
placeholder="全能小组"
style="border-radius: 8px; height: 40px"
/>
<div class="delete">删除</div>
</div>
<div class="groupin">
<a-input
v-model:value="value"
placeholder="宇宙第一最强小组"
style="border-radius: 8px; height: 40px"
/>
<div class="delete">删除</div>
</div>
</div>
</div>
<div class="addgroup" @click="showAddGroup">
<img src="../../assets/images/courseManage/add0.png"/>
<img src="../../assets/images/courseManage/add0.png" />
<span class="grot">创建小组</span>
</div>
<div class="zhu">随机分组不对小组长生效</div>
@@ -103,7 +102,7 @@ export default {
};
</script>
<style scoped lang="scss" >
<style scoped lang="scss">
.subset {
.ant-drawer-content-wrapper {
// max-width: 1000px;
@@ -140,46 +139,45 @@ export default {
display: flex;
.groupin {
display: flex;
align-items: center;
align-items: center;
margin-top: 32px;
.ant-input {
border-radius: 5px;
// height: 120%;
width: 384px;
height: 40px;
border-radius: 5px;
// height: 120%;
width: 384px;
height: 40px;
}
.delete {
color: rgba(56, 125, 247, 1);
font-size: 14px;
margin-left: 10px;
cursor: pointer;
}
}
}
.groupl {
color: rgba(0, 0, 0, 0.8500);
font-size: 16px;
margin-top: 36px;
color: rgba(0, 0, 0, 0.85);
font-size: 16px;
margin-top: 36px;
}
}
.addgroup {
width: 130px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
//margin-right: 16px;
margin-top: 32px;
border: 1px solid #409eff;
border-radius: 8px;
background: #409eff;
cursor: pointer;
.grot {
color: #ffffff;
margin-left: 5px;
font-size: 14px;
}
width: 130px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
//margin-right: 16px;
margin-top: 32px;
border: 1px solid #409eff;
border-radius: 8px;
background: #409eff;
cursor: pointer;
.grot {
color: #ffffff;
margin-left: 5px;
font-size: 14px;
}
}
.zhu {
margin-top: 24px;
color: rgba(153, 153, 153, 1);
@@ -217,4 +215,4 @@ export default {
}
}
}
</style>
</style>