style: 调整代码格式
- 根据ESLint文件规范格式化app文件夹中的代码
This commit is contained in:
@ -1,60 +1,61 @@
|
||||
<template>
|
||||
<div class="question-list">
|
||||
<el-collapse class="question-collapse" accordion>
|
||||
<el-collapse-item
|
||||
v-for="(question, index) in questions" :key="index" :title="question.title"
|
||||
:name="String(index)">
|
||||
<markdown-renderer :content="question.content || ''" />
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
<div class="question-list">
|
||||
<el-collapse class="question-collapse" accordion>
|
||||
<el-collapse-item
|
||||
v-for="(question, index) in questions"
|
||||
:key="index"
|
||||
:title="question.title"
|
||||
:name="String(index)"
|
||||
>
|
||||
<markdown-renderer :content="question.content || ''" />
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
defineProps({
|
||||
questions: {
|
||||
type: Array as () => Array<{ title: string; content: string }>,
|
||||
default: () => []
|
||||
}
|
||||
})
|
||||
questions: {
|
||||
type: Array as () => Array<{ title: string; content: string }>,
|
||||
default: () => [],
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.question-list {
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.question-collapse {
|
||||
border: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.question-collapse :deep(.el-collapse-item) {
|
||||
margin-bottom: 1rem;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 1rem;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
|
||||
.question-collapse :deep(.el-collapse-item__header) {
|
||||
font-size: 1rem;
|
||||
padding: 1rem;
|
||||
border-radius: 8px;
|
||||
background-color: #f5f7fa;
|
||||
font-size: 1rem;
|
||||
padding: 1rem;
|
||||
border-radius: 8px;
|
||||
background-color: #f5f7fa;
|
||||
|
||||
transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&.is-active {
|
||||
background-color: #e1e6eb;
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
&.is-active {
|
||||
background-color: #e1e6eb;
|
||||
color: var(--el-color-primary);
|
||||
}
|
||||
}
|
||||
|
||||
.question-collapse :deep(.el-collapse-item__wrap) {
|
||||
border: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.question-collapse :deep(.el-collapse-item__content) {
|
||||
padding: 1rem;
|
||||
font-size: 0.9rem;
|
||||
padding: 1rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
</style>
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user