preview.vue 665 B

123456789101112131415161718192021222324252627
  1. <template>
  2. <FlexCol :padding="20">
  3. <Empty v-if="!content" image="search" description="空内容,请先编写内容后再预览" />
  4. <view v-else>
  5. <Parse :content="content" />
  6. </view>
  7. </FlexCol>
  8. </template>
  9. <script setup lang="ts">
  10. import Parse from '@/components/display/parse/Parse.vue';
  11. import Empty from '@/components/feedback/Empty.vue';
  12. import FlexCol from '@/components/layout/FlexCol.vue';
  13. import { onLoad } from '@dcloudio/uni-app';
  14. import { ref } from 'vue';
  15. const content = ref();
  16. onLoad(() => {
  17. uni.getStorage({
  18. key: 'editorContent',
  19. success: (success) => {
  20. content.value = success.data;
  21. },
  22. })
  23. })
  24. </script>