liguigong
b91b273686
- 创建代码忽略文件列表 (.gitignore) - 设置代码格式化规则 (.prettierrc)- 添加各种样式文件，包括背景、边框、按钮、卡片等组件样式 - 创建暗黑主题样式文件 - 添加表单和代码样式文件
47 lines
965 B
Vue
47 lines
965 B
Vue
<!-- 装修营销组件：营销文章 -->
|
||
<template>
|
||
<view
|
||
class="richtext"
|
||
:style="[
|
||
{
|
||
marginLeft: styles.marginLeft + 'px',
|
||
marginRight: styles.marginRight + 'px',
|
||
marginBottom: styles.marginBottom + 'px',
|
||
marginTop: styles.marginTop + 'px',
|
||
padding: styles.padding + 'px',
|
||
},
|
||
]"
|
||
>
|
||
<mp-html :content="state.content"></mp-html>
|
||
</view>
|
||
</template>
|
||
<script setup>
|
||
import { reactive, onMounted } from 'vue';
|
||
import ArticleApi from '@/sheep/api/promotion/article';
|
||
|
||
const props = defineProps({
|
||
data: {
|
||
type: Object,
|
||
default: {},
|
||
},
|
||
styles: {
|
||
type: Object,
|
||
default() {},
|
||
},
|
||
});
|
||
|
||
const state = reactive({
|
||
content: '',
|
||
});
|
||
|
||
onMounted(async () => {
|
||
const { data } = await ArticleApi.getArticle(props.data.id);
|
||
state.content = data.content;
|
||
});
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
.richtext {
|
||
line-height: 0;
|
||
}
|
||
</style>
|