style:公告样式

This commit is contained in:
wyx
2023-01-17 17:23:20 +08:00
parent 98d4a51e68
commit 4d00610689
2 changed files with 17 additions and 10 deletions

View File

@@ -9,15 +9,15 @@
<div class="noticeContent"> <div class="noticeContent">
<div v-for="item in notice" :key="item.id" class="item"> <div v-for="item in notice" :key="item.id" class="item">
<!-- <div class="itemcontent">{{ item.content }}</div> --> <!-- <div class="itemcontent">{{ item.content }}</div> -->
<!-- <a-textarea <a-textarea
class="itemcontent" class="itemcontent"
disabled="true" disabled="true"
v-model:value="item.content" v-model:value="item.content"
:maxlength="150" :maxlength="150"
placeholder="公告信息最多输入150个字" placeholder="公告信息最多输入150个字"
style="margin-top: -10px; height: 120px;background-color: #fff;" style="margin-top: -10px; height: 220px;background-color: #fff;border:1px solid #fff;"
/> --> />
<pre style="text-align: left;padding-left: 20px">{{item.content}}</pre> <!-- <pre style="text-align: left;padding-left: 20px">{{item.content}}</pre> -->
<div class="itemtime">{{ item.pubtime }}</div> <div class="itemtime">{{ item.pubtime }}</div>
</div> </div>
</div> </div>

View File

@@ -17,14 +17,14 @@
<!-- <div class="txt-content"> <!-- <div class="txt-content">
{{ noticeContent1 ? noticeContent1 : "暂无公告" }} {{ noticeContent1 ? noticeContent1 : "暂无公告" }}
</div> --> </div> -->
<!-- <a-textarea <a-textarea
disabled="true" disabled="true"
v-model:value="noticeContent1" v-model:value="noticeContent1"
:maxlength="150" :maxlength="150"
placeholder="公告信息最多输入150个字" placeholder="公告信息最多输入150个字"
style="margin-top: -10px; height: 160px; resize: none;background-color: #fff;color:#666;" style="margin-top: -10px; height: 220px;border:1px solid #fff; resize: none;background-color: #fff;color:#666;"
/> --> />
<pre>{{noticeContent1}}</pre> <!-- <pre>{{noticeContent1}}</pre> -->
<div class="btn-content"> <div class="btn-content">
<a-button type="primary" @click="handleEdit">编辑</a-button> <a-button type="primary" @click="handleEdit">编辑</a-button>
</div> </div>
@@ -34,13 +34,20 @@
<!-- <div class="txt-content"> <!-- <div class="txt-content">
{{ noticeContent1 ? noticeContent1 : "暂无公告" }} {{ noticeContent1 ? noticeContent1 : "暂无公告" }}
</div> --> </div> -->
<pre>{{noticeContent1}}</pre> <!-- <pre>{{noticeContent1}}</pre> -->
<a-textarea
disabled="true"
v-model:value="noticeContent1"
:maxlength="150"
placeholder="公告信息最多输入150个字"
style="margin-top: -10px; height: 220px;border:1px solid #fff; resize: none;background-color: #fff;color:#666;"
/>
<p>编辑新公告</p> <p>编辑新公告</p>
<a-textarea <a-textarea
v-model:value="noticeContent" v-model:value="noticeContent"
:maxlength="150" :maxlength="150"
placeholder="公告信息最多输入150个字" placeholder="公告信息最多输入150个字"
style="margin-top: -10px; height: 160px; width:340px;" style="margin-top: -10px; height: 160px;"
/> />
<div class="btn-content"> <div class="btn-content">
<a-button class="cancel" @click="handleCancel">取消</a-button> <a-button class="cancel" @click="handleCancel">取消</a-button>