vip介绍用富文本显示

src/apis.js

@@ -474,3 +474,7 @@ export const getBattleDataAPI = async () => {
 export const chooseTeamAPI = async (number, group) => {
   return request("POST", "/user/room/group", { number, group });
 };
+
+export const getVIPDescAPI = async () => {
+  return request("GET", "/index/memberVipDescribe");
+};

src/pages/be-vip.vue

@@ -6,7 +6,7 @@ import SButton from "@/components/SButton.vue";
 import SModal from "@/components/SModal.vue";
 import Signin from "@/components/Signin.vue";
 import UserHeader from "@/components/UserHeader.vue";
-import { createOrderAPI, getHomeData } from "@/apis";
+import { createOrderAPI, getHomeData, getVIPDescAPI } from "@/apis";
 import { formatTimestamp } from "@/util";
 import useStore from "@/store";
 import { storeToRefs } from "pinia";
@@ -19,6 +19,7 @@ const showModal = ref(false);
 const lastDate = ref(user.value.expiredAt);
 const refreshing = ref(false);
 const timer = ref(null);
+const richContent = ref("");
 
 const onPay = async () => {
   if (!user.value.id) {
@@ -61,6 +62,11 @@ const onPay = async () => {
   }
 };
 
+onMounted(async () => {
+  const result = await getVIPDescAPI();
+  richContent.value = result.describe;
+});
+
 const toOrderPage = () => {
   uni.navigateTo({
     url: "/pages/orders",
@@ -108,7 +114,8 @@ onBeforeUnmount(() => {
             <text>VIP 介绍</text>
           </view>
           <view>
-            <text
+            <rich-text :nodes="richContent" />
+            <!-- <text
               >射灵星球VIP服务，为全球弓箭手提供约战、段位评级、实时排位赛、智能教练点评等专属特权。会员可在酷帅的真实射箭运动中，同步享受在线竞技的乐趣，还能找到志同道合的伙伴，并获得新鲜的功能体验和持续升级的系统。
             </text>
             <text
@@ -117,7 +124,7 @@ onBeforeUnmount(() => {
             <text
               >VIP会员还将获得专属客服支持。当您在游戏中遇到任何问题，无论是技术故障、规则疑问还是其他需要帮助的情况，都可联系我们的VIP专属客服团队。他们将提供全年不间断的优质服务，确保您的对战体验不受影响。
             </text>
-            <text>期待您的加入！</text>
+            <text>期待您的加入！</text> -->
           </view>
         </view>
         <view class="content">
@@ -214,11 +221,6 @@ onBeforeUnmount(() => {
   font-size: 14px;
   color: #333;
 }
-.content > view:nth-child(2) > text {
-  display: block;
-  margin-top: 10px;
-  color: #333;
-}
 .vip-items {
   width: 100%;
   display: grid;