style:项目公告展示

This commit is contained in:
wyx
2023-01-16 18:43:34 +08:00
parent 7fd4ac8cf9
commit a50a42e73c
2 changed files with 8 additions and 12 deletions

View File

@@ -9,14 +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: 120px;background-color: #fff;"
/> /> -->
<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>
@@ -138,7 +139,7 @@ export default {
margin-top: 20px; margin-top: 20px;
margin-left: 32px; margin-left: 32px;
.item { .item {
height: 66px; // height: 66px;
width: 74%; width: 74%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;

View File

@@ -17,13 +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: 160px; resize: none;background-color: #fff;color:#666;"
/> /> -->
<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>
@@ -33,13 +34,7 @@
<!-- <div class="txt-content"> <!-- <div class="txt-content">
{{ noticeContent1 ? noticeContent1 : "暂无公告" }} {{ noticeContent1 ? noticeContent1 : "暂无公告" }}
</div> --> </div> -->
<a-textarea <pre>{{noticeContent1}}</pre>
disabled="true"
v-model:value="noticeContent1"
:maxlength="150"
placeholder="公告信息最多输入150个字"
style="margin-top: -10px; height:160px; resize: none;background-color: #fff;color:#666;"
/>
<p>编辑新公告</p> <p>编辑新公告</p>
<a-textarea <a-textarea
v-model:value="noticeContent" v-model:value="noticeContent"