You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.2 KiB
63 lines
1.2 KiB
<template> |
|
<div class="content"> |
|
<el-card style="max-width:800px;height: 80vh"> |
|
<template #header> |
|
<div class="card-header"> |
|
<span>关于我们</span> |
|
</div> |
|
</template> |
|
<div class="news_main"> |
|
<textarea v-model="aboutEssay.content" class="textSty"></textarea> |
|
</div> |
|
</el-card> |
|
</div> |
|
</template> |
|
|
|
<script setup> |
|
import {ref,onMounted} from 'vue' |
|
import {queryEssayById} from '@/api/news' |
|
//关于我们文章 |
|
const aboutEssay = ref('') |
|
const aboutContent = async (essay_id)=>{ |
|
const responseEssay = await queryEssayById('1') |
|
aboutEssay.value = responseEssay.data |
|
console.log(aboutEssay.value,'关于我们文章') |
|
} |
|
onMounted(()=>{ |
|
aboutContent() |
|
}) |
|
</script> |
|
|
|
<style scoped> |
|
.content{ |
|
display: flex; |
|
justify-content: center; |
|
} |
|
.el-card{ |
|
width: 800px; |
|
height: 80vh; |
|
margin-top: 30px; |
|
margin-bottom: 30px; |
|
} |
|
.card-header{ |
|
font-size: 25px; |
|
color: #6da0ff; |
|
text-align: center; |
|
font-weight: bold; |
|
} |
|
.news_main{ |
|
padding: 20px; |
|
height: 80vh; |
|
font-size: 20px; |
|
line-height: 1.5; |
|
overflow-y: auto; |
|
} |
|
.textSty{ |
|
width: 100%; |
|
height:65vh; |
|
border: none; |
|
} |
|
.textSty::-webkit-scrollbar{ |
|
width: 0px; |
|
} |
|
</style>
|
|
|