hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-14 13:26:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

style:修改公告样式

Browse Source
This commit is contained in:
zhangyc
2022-10-24 19:13:45 +08:00
parent 73afb47abe
commit c84a615a88
2 changed files with 131 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

153
src/components/drawers/ProjectScore.vue
View File

@@ -1,5 +1,6 @@
<!--发布公告-->
<template>
<div class="split"></div>
<div class="contentscore">
<a-tabs v-model:activeKey="activeKeyScore">
<a-tab-pane key="1" tab="学员获取">
@@ -22,8 +23,8 @@
</div>
</div>
</div>
<div class="tab" style="margin: 20px 32px 30px 32px">
<a-table
<div class="tableBox" style="margin: 20px 32px 30px 32px">
<a-table
style="border: 1px solid #f2f6fe"
:columns="tablecolumnStu"
:data-source="tabledataStu"
@@ -63,7 +64,7 @@
<div class="group" style="justify-content: center">
<div class="groupleft">
<div class="groupname">姓名：</div>
<a-input class="ant-input"
<a-input class="ant-input" style="width:152px"
v-model:value="value"
placeholder="请输入姓名"
/>
@@ -90,37 +91,38 @@
<a-radio-button class="today" value="3">近一个月</a-radio-button>
</a-radio-group>
</div>
<div class="slist">
<a-list :data-source="stuValue ? datascoreg : datascore">
<template #renderItem="{ item }">
<div class="item">
<div v-if="item.id == 1" class="itemleft">
<div class="itemimage">
<img src="../../assets/images/taskpage/gold.png" />
<div class="listdiv"> <div class="slist">
<a-list :data-source="stuValue ? datascoreg : datascore">
<template #renderItem="{ item }">
<div class="item">
<div v-if="item.id == 1" class="itemleft">
<div class="itemimage">
<img src="../../assets/images/taskpage/gold.png" />
</div>
<div class="itemid">{{ item.id }}</div>
</div>
<div class="itemid">{{ item.id }}</div>
</div>
<div v-else-if="item.id == 2" class="itemleft">
<div class="itemimage">
<img src="../../assets/images/taskpage/siler.png" />
<div v-else-if="item.id == 2" class="itemleft">
<div class="itemimage">
<img src="../../assets/images/taskpage/siler.png" />
</div>
<div class="itemid">{{ item.id }}</div>
</div>
<div class="itemid">{{ item.id }}</div>
</div>
<div v-else-if="item.id == 3" class="itemleft">
<div class="itemimage">
<img src="../../assets/images/taskpage/copper.png" />
<div v-else-if="item.id == 3" class="itemleft">
<div class="itemimage">
<img src="../../assets/images/taskpage/copper.png" />
</div>
<div class="itemid">{{ item.id }}</div>
</div>
<div v-else class="itemleft">
<div class="elseid">{{ item.id }}</div>
</div>
<div class="itemid">{{ item.id }}</div>
</div>
<div v-else class="itemleft">
<div class="elseid">{{ item.id }}</div>
</div>
<div class="itemcenter">{{ item.name }}</div>
<div class="itemright">{{ item.score }}</div>
</div>
</template>
</a-list>
<div class="itemcenter">{{ item.name }}</div>
<div class="itemright">{{ item.score }}</div>
</div>
</template>
</a-list>
</div>
</div>
</div>
</a-tab-pane>
@@ -366,8 +368,8 @@ export default {
font-weight: 700;
}
.ant-input {
border-radius: 5px;
width: 130px;
border-radius: 8px;
width: 264px;
height: 40px;
}
.group {
@@ -424,16 +426,63 @@ export default {
}
}
.tableBox {
.ant-table-selection-column {
padding: 0px !important;
// padding-left: 45px !important;
}
.ant-table-thead > tr > th {
background-color: rgba(239, 244, 252, 1) !important;
color: rgba(0, 0, 0, 0.8500);
}
.ant-table-cell {
color: rgba(0, 0, 0, 0.6500);
}
.ant-table-selection-column {
padding: 0 !important;
}
th.h {
background-color: #eff4fc !important;
}
.ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td {
background: #f6f9fd;
}
.ant-table-tbody > tr > td {
border-bottom: 1px solid rgba(240, 244, 254, 1);
padding: 16px 16px;
.operation {
color: rgba(56, 125, 247, 1);
cursor: pointer;
}
}
.ant-table-tbody{
.pa {
// left: 0;
margin-top: 15px;
width: 100%;
// height: 20px;
// background-color: red;
display: flex;
justify-content: center;
// position: absolute;
// bottom: 20px;
}
}
.ant-table-tbody{
.operation{
color: #409eff;
}
}
.scorelist {
padding-left: 20%;
padding-right: 20%;
padding-bottom: 100px;
padding-top: 50px;
.grouprightscore {
@@ -446,8 +495,8 @@ export default {
flex-direction: column;
align-items: center;
justify-content: center;
margin-left: 10%;
margin-right: 10%;
margin-left: 90px;
margin-right: 90px;
}
.btn1 {
@@ -455,21 +504,28 @@ export default {
}
}
.radiobutton {
margin-top: 23px;
margin-bottom: 23px;
justify-content: center;
display: flex;
text-align: center;
.today {
width: 105px;
width: 120px;
height: 32px;
}
}
.slist {
.listdiv{
display: flex;
justify-content: space-evenly;
text-align: center;
.slist {
width: 736px;
background-color: #f5f8fc;
padding-left: 20px;
padding-right: 20px;
padding-left: 28px;
padding-right: 28px;
padding-bottom: 20px;
padding-top: 10px;
padding-top: 16px;
font-size: 18px;
.item {
@@ -477,7 +533,7 @@ export default {
justify-content: space-evenly;
text-align: center;
border-bottom: none;
height: 60px;
height: 56px;
align-items: center;
background-color: white;
border-radius: 21px;
@@ -488,7 +544,7 @@ export default {
align-items: center;
width: 150px;
.itemid {
font-size: 46px;
font-size: 40px;
font-family: math;
font-style: italic;
font-weight: 700;
@@ -510,6 +566,7 @@ export default {
}
}
}
}
}
.projectscore {
.pjc_body {
@@ -582,4 +639,4 @@ export default {
}
</style>
</style>