添加公告

This commit is contained in:
zhangyc
2022-10-19 17:31:06 +08:00
parent f35c80c809
commit 41993116ee

View File

@@ -814,7 +814,15 @@
</a-tabs>
</div>
</a-tab-pane>
<a-tab-pane key="4" tab="公告">Content of Tab Pane 3</a-tab-pane>
<a-tab-pane key="4" tab="公告">
<div class="noticeTitle"><h3 >公告</h3>
<a-divider style="margin-top: -5px;"></a-divider>
<a-switch v-model:checked="noticeChecked" style="size:small;"/><span style="margin-left: 13px;">开启</span>
<p style="margin-top: 35px;">公告内容</p>
<a-textarea v-model:value="noticeContent" show-count :maxlength="150" style="margin-top: -10px;height: 110px;"/>
<div class="publish"><div class="iconPub"></div><div class="btnText">发布</div></div>
</div>
</a-tab-pane>
<a-tab-pane key="5" tab="项目积分">Content of Tab Pane 3</a-tab-pane>
<a-tab-pane key="6" tab="排行榜">
<div class="rankingList">
@@ -1170,6 +1178,8 @@ export default {
checked2: false,
activeKey: "3",
activeKey1: "8",
noticeChecked:true,
noticeContent:"请输入要发布的公告",
});
const showModal = () => {
state.pubproject = true;
@@ -1211,6 +1221,8 @@ export default {
const showWork = () => {
state.Wvisible = true;
};
return {
...toRefs(state),
showModal,
@@ -1871,9 +1883,7 @@ export default {
//height: 71px;
margin-left: 12px;
margin-right: 50px;
.icon {
//position: absolute;
}
.iconame {
//position: absolute;
color: #4f5156;
@@ -1943,6 +1953,42 @@ export default {
}
}
}
.noticeTitle{
margin-left: 38px;
margin-right: 38px;
padding-top: 20px;
.publish{
width: 100px;
// padding: 0px 26px 0px 26px;
height: 38px;
background: rgb(64, 158, 255);
border-radius: 8px;
border: 1px solid rgba(64, 158, 255, 1);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
float: right;
margin-top:60px;
margin-bottom: 60px;
margin-right: 20px;
cursor: pointer;
.iconPub {
width: 15px;
height: 15px;
background-image: url(@/assets/images/taskpage/pub.png);
background-size: 100% 100%;
color: rgb(255, 255, 255);
}
.btnText {
font-size: 14px;
font-weight: 400;
color: rgb(255, 255, 255);
line-height: 36px;
margin-left: 5px;
}
}
}
}
.content3 {
margin-top: 20px;
@@ -2259,6 +2305,7 @@ export default {
}
}
}
}
}
</style>