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