<template>
  <view class="view-text">
    <u-parse class="uni-body view-content" :content="content"></u-parse>
  </view>
</template>

<script setup>
import { onReady, onLoad, onShow, onNavigationBarButtonTap } from "@dcloudio/uni-app";
import { ref, onMounted, inject, shallowRef, reactive, getCurrentInstance, toRefs } from "vue";

const data = reactive({
  title: "",
  content: "",
});

const { title, content } = toRefs(data);

onLoad((options) => {
  title.value = options.title;
  content.value = options.content;
  uni.setNavigationBarTitle({
    title: options.title,
  });
});
</script>

<style>
page {
  background-color: #ffffff;
}
</style>

<style lang="scss" scoped>
.view-text {
  padding: 5px;
  .view-content {
    font-size: 26rpx;
    color: #333;
    line-height: 24px;
    word-wrap: break-word;
  }
}
</style>