hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-09 02:46: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

34
src/components/drawers/NoticePub.vue
View File

@@ -1,11 +1,12 @@
<!--发布公告-->
<template>
<div class="noticeTitle"><span style="font-size: 18px;">公告</span>
<a-divider style="margin-top: 0px;margin-bottom:30px;"></a-divider>
<a-switch v-model:checked="noticeChecked" size="small"/><span style="margin-left: 16px;">开启</span>
<div class="split"></div>
<div class="noticeTitle">
<div class="notitle"><span class="titlespan">公告</span></div>
<div class="switch"><a-switch v-model:checked="noticeChecked" size="small"/><span style="margin-left: 16px;">开启</span></div>
<template v-if="noticeChecked">
<p style="margin-top: 35px;">公告内容</p>
<a-textarea v-model:value="noticeContent" show-count :maxlength="150" style="margin-top: -10px;margin-bottom:30px;height: 110px;"/>
<p>公告内容</p>
<a-textarea v-model:value="noticeContent" :maxlength="150" placeholder="公告信息最多输入150个字" style="margin-top: -10px;height: 120px;"/>
<div class="publish"><div class="iconPub"></div><div class="btnText">发布</div></div>
</template>
@@ -29,9 +30,26 @@ export default {
</script>
<style lang="scss">
.noticeTitle {
margin-left: 38px;
margin-right: 38px;
margin-left: 32px;
margin-right: 32px;
padding-top: 20px;
.notitle{
height: 55px;
border-bottom:1px solid #ededed;
position: relative;
.titlespan{
font-size: 18px;
position: absolute;
left: 0;
bottom: 0px;
}
}
.switch{
display: flex;
align-items: center;
height: 90px;
}
.publish {
width: 100px;
height:38px;
@@ -43,7 +61,7 @@ export default {
justify-content: center;
flex-shrink: 0;
float: right;
margin-top: 60px;
margin-top: 24px;
margin-bottom: 60px;
margin-right: 20px;
cursor: pointer;

95
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,7 +23,7 @@
</div>
</div>
</div>
<div class="tab" style="margin: 20px 32px 30px 32px">
<div class="tableBox" style="margin: 20px 32px 30px 32px">
<a-table
style="border: 1px solid #f2f6fe"
:columns="tablecolumnStu"
@@ -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,7 +91,7 @@
<a-radio-button class="today" value="3">近一个月</a-radio-button>
</a-radio-group>
</div>
<div class="slist">
<div class="listdiv"> <div class="slist">
<a-list :data-source="stuValue ? datascoreg : datascore">
<template #renderItem="{ item }">
<div class="item">
@@ -123,6 +124,7 @@
</a-list>
</div>
</div>
</div>
</a-tab-pane>
<a-tab-pane key="3" tab="获取规则">
<div class="projectscore">
@@ -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 {
}
}
.ant-table-tbody{
.operation{
color: #409eff;
.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;
}
}
}
.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;
}
}
.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;
@@ -511,6 +567,7 @@ export default {
}
}
}
}
.projectscore {
.pjc_body {
margin-left: 34px;