<template>
  <view class="view-text">
    <!-- <u-parse class="uni-body view-content" :content="content"></u-parse> -->
    <h3 style="text-align: center; line-height: 45px">{{ state.contentTitle }}</h3>
    <view>{{ state.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";
/*----------------------------------接口引入-----------------------------------*/
/*----------------------------------组件引入-----------------------------------*/
/*----------------------------------store引入-----------------------------------*/
import { useStores, commonStores } from "@/store/modules/index";
/*----------------------------------公共方法引入-----------------------------------*/
/*----------------------------------公共变量-----------------------------------*/
const { proxy } = getCurrentInstance();
const useStore = useStores();
/*----------------------------------变量声明-----------------------------------*/
const state = reactive({
  title: "",
  content: "",
  contentTitle: "",
});

onLoad((options) => {
  state.title = options.title;
  state.content = options.content;
  state.contentTitle = 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: 12px;
    color: #333;
    line-height: 24px;
    word-wrap: break-word;
  }
}
</style>
