<template>
|
<div class="stem-content">
|
<div class="stem-show"
|
v-if="mobilequestion.paper != null && mobilequestion.paper[mobilequestion.questionIndex].stem">
|
<WangEditorShow :content="mobilequestion.paper[mobilequestion.questionIndex].stem" />
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import * as icon from '@element-plus/icons-vue'
|
import { getCurrentInstance, onBeforeUnmount, onMounted, reactive, toRefs } from "vue";
|
import { useBasicInfoStore } from "../../../store/basicInfo"
|
import { useMobileQurstionStore } from "../../../store/mobilequestion"
|
import WangEditorShow from './wangeditorshow.vue';
|
|
export default {
|
name: "question",
|
components: {
|
WangEditorShow
|
},
|
setup() {
|
let { proxy } = getCurrentInstance();
|
const useStore = useBasicInfoStore()
|
const mobilequestion = useMobileQurstionStore()
|
const state = reactive({
|
});
|
|
onMounted(() => {
|
Init();
|
});
|
onBeforeUnmount(() => {
|
|
});
|
|
|
const Init = () => {
|
};
|
|
|
return {
|
...toRefs(state),
|
icon,
|
mobilequestion
|
}
|
},
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.center {
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
//justify-content: center;
|
}
|
|
.stem-content {
|
@extend .center;
|
background-color: #f5f5f5;
|
overflow: auto;
|
width: 100%;
|
}
|
|
.stem-show {
|
width: 95vw;
|
overflow: auto;
|
border-radius: 10px;
|
}
|
</style>
|
|
|
