<template>
  <view class="view-text">
    <!-- <u-parse class="uni-body view-content" :content="content"></u-parse> -->
    <h3 style="text-align: center; line-height: 45px">{{ contentTitle }}</h3>
    <view>{{ content }}</view>
  </view>
</template>

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

const useStore = useStores();

const { proxy } = getCurrentInstance();

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

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

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

onShow(() => {
  //调用系统主题颜色
  proxy.$settingStore.systemThemeColor([1]);
});
</script>

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