generated from maochaoying/dreamworks-frontend-template
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.
39 lines
702 B
39 lines
702 B
<template>
|
|
<article
|
|
:class="isHtml ? 'html_container' : 'paragraph_container'"
|
|
v-html="text"
|
|
></article>
|
|
</template>
|
|
|
|
<script setup>
|
|
const props = defineProps({
|
|
text: String,
|
|
isHtml: Boolean,
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.html_container {
|
|
font-size: 16px;
|
|
zoom: 0.5;
|
|
font-family: Source Han Sans CN;
|
|
font-weight: 300;
|
|
color: #4f4f4f;
|
|
line-height: 25px;
|
|
padding: 20px;
|
|
box-sizing: border-box;
|
|
background: #fff;
|
|
}
|
|
.paragraph_container {
|
|
font-size: 16px;
|
|
text-indent: 32px;
|
|
zoom: 0.5;
|
|
font-family: Source Han Sans CN;
|
|
font-weight: 300;
|
|
color: #4f4f4f;
|
|
line-height: 25px;
|
|
padding: 20px;
|
|
box-sizing: border-box;
|
|
background: #fff;
|
|
}
|
|
</style>
|