diff --git a/pages/report/index.vue b/pages/report/index.vue
index 5d3ca8e..8215c66 100644
--- a/pages/report/index.vue
+++ b/pages/report/index.vue
@@ -10,12 +10,7 @@
       </view>
     </view>
     <view :class="classFixed" style="width: 100%">
-      <Tabs
-        :tabs="tabsList"
-        :activeTab="activeTab"
-        @update:activeTab="onTabChange"
-      >
-      </Tabs>
+      <Tabs :tabs="tabsList" :activeTab="activeTab" @update:activeTab="onTabChange"> </Tabs>
     </view>
     <view
       class="content"
@@ -25,9 +20,7 @@
       }"
       v-if="collect"
     >
-
       <view v-if="activeTab === 0">
-
         <view class="style-type">
           <!--
           基因风格
@@ -56,11 +49,8 @@
             :luminance="collect?.luminance ?? 0"
           />
 
-
-
           <!--          轮廓类型-->
           <template v-if="customFigure">
-
             <SensoryTypes
               :type="collect.straight_total_score_t"
               :ai-desc="customFigure?.sensory?.desc"
@@ -71,23 +61,19 @@
               :type="collect.total_sense_of_quantity_t"
               :ai-desc="customFigure?.mass?.desc"
             />
-             <!-- <h1>动静类型</h1> -->
+            <!-- <h1>动静类型</h1> -->
             <!--          动静类型-->
             <Movementtype
               :type="collect.dynamic_static_t"
               :ai-desc="customFigure?.movement?.desc"
             />
             <!--          体型-->
-            <BodyType
-              :body-type="collect?.somatotype"
-              :gender="collect?.gender"
-            />
-
+            <BodyType :body-type="collect?.somatotype" :gender="collect?.gender" />
           </template>
 
           <template v-if="true">
             <!-- 搭配趋势 -->
-             <!-- <h1>搭配趋势</h1> -->
+            <!-- <h1>搭配趋势</h1> -->
             <!-- <CustomSwiper :items="items" /> -->
 
             <!--          个人分格描述报告-->
@@ -99,7 +85,6 @@
               :gender="collect.sex"
             />
           </template>
-
         </view>
       </view>
       <view v-else-if="activeTab === 1">
@@ -115,20 +100,10 @@
               </view>
             </view>
             <swiper class="swiper" @change="chageSwiper" :current="current">
-              <swiper-item
-                v-for="(item, index) in newColorTypeList"
-                :key="index"
-              >
+              <swiper-item v-for="(item, index) in newColorTypeList" :key="index">
                 <view class="swiper-item">
                   <view class="img-box">
-                    <view
-                      style="
-                        width: 235px;
-                        height: 235px;
-                        position: absolute;
-                        z-index: 99;
-                      "
-                    >
+                    <view style="width: 235px; height: 235px; position: absolute; z-index: 99">
                       <img
                         style="width: 235px; height: 235px"
                         :src="item.avatarFrameImgUrl"
@@ -137,11 +112,7 @@
                       />
                     </view>
                     <view class="avatar">
-                      <img
-                        :src="userFaceInfo?.avatar_img_url"
-                        alt=""
-                        srcset=""
-                      />
+                      <img :src="collect?.avatar_img_url" alt="" srcset="" />
                     </view>
                   </view>
                 </view>
@@ -153,9 +124,7 @@
             <view class="swiper-type-name-en">{{ colorTypeInfo.enName }}</view>
             <view class="swiper-type-text">
               {{
-                colorTypeInfo.typeName + "型" === userFaceInfo.sj_color_type
-                  ? "最佳颜色"
-                  : "不匹配"
+                colorTypeInfo.typeName + '型' === collect.sj_color_type ? '最佳颜色' : '不匹配'
               }}
             </view>
           </view>
@@ -200,41 +169,22 @@
 
             <!-- 搭配趋势 -->
             <CustomSwiper :items="items" />
-            <view class="padding-top20"
-              >{{ colorTypeInfo.typeName }}人穿衣搭配全方案</view
-            >
+            <view class="padding-top20">{{ colorTypeInfo.typeName }}人穿衣搭配全方案</view>
             <view class="padding-top20">
               <rich-text :nodes="colorTypeText.scheme"></rich-text>
             </view>
-            <view v-if="userFaceInfo?.gender === '女'" style="padding: 0 20px">
-              <!-- <view class="reference-title">
-                <img
-                  src="https://llyz.oss-cn-beijing.aliyuncs.com/diagnostic-report-h5/reference.png"
-                  alt=""
-                  srcset=""
-                />
-              </view> -->
+
+            <view v-if="collect?.gender === '女'" style="padding: 0 20px">
+
               <view class="reference-img-box">
                 <img
                   class="reference-img1"
                   :src="colorTypeInfo.useReferenceImgUrl"
-                  alt=""
-                  srcset=""
                 />
-                <!-- <img
-                  class="reference-img2"
-                  src="https://llyz.oss-cn-beijing.aliyuncs.com/diagnostic-report-h5/test2.png"
-                  alt=""
-                  srcset=""
-                /> -->
               </view>
             </view>
-            <view style="padding-left: 20px">
-              注：人工智能大模型在计算中可能存在0.5%的误差。
-            </view>
-            <view class="reference-complate">
-              ------ 色彩类型报告完 ------
-            </view>
+            <view style="padding-left: 20px"> 注：人工智能大模型在计算中可能存在0.5%的误差。 </view>
+            <view class="reference-complate"> ------ 色彩类型报告完 ------ </view>
           </view>
         </view>
       </view>
@@ -247,12 +197,7 @@
               v-for="(item, index) in avatarList"
               :key="index"
             >
-              <img
-                :src="item.url"
-                alt=""
-                srcset=""
-                @click="previewImage(item.url)"
-              />
+              <img :src="item.url" alt="" srcset="" @click="previewImage(item.url)" />
             </view>
           </view>
           <view class="rich-text-content">
@@ -263,23 +208,11 @@
                 height: userFaceInfo?.gender === '男' ? '150px' : '328px',
               }"
             >
-              <img
-                style="object-fit: cover"
-                :src="faceImgUrl"
-                alt=""
-                srcset=""
-              />
+              <img style="object-fit: cover" :src="faceImgUrl" alt="" srcset="" />
             </view>
             <rich-text :nodes="praiseTextList[1]"></rich-text>
             <view class="more-hairstyle">
-              <view
-                class=""
-                style="
-                  display: flex;
-                  justify-content: center;
-                  margin-bottom: 16px;
-                "
-              >
+              <view class="" style="display: flex; justify-content: center; margin-bottom: 16px">
                 <view>更多发型一键试戴</view>
               </view>
               <view class="scroll-box">
@@ -290,23 +223,13 @@
                   :key="index"
                   style="height: 103px; margin-right: 8px"
                 >
-                  <img
-                    style="width: 76px; height: 100%"
-                    :src="item.fileUrl"
-                    alt=""
-                    srcset=""
-                  />
+                  <img style="width: 76px; height: 100%" :src="item.fileUrl" alt="" srcset="" />
                 </view>
               </view>
             </view>
             <rich-text :nodes="praiseTextList[2]"></rich-text>
-            <view style="margin-top: 56px">
-              注：人工智能大模型在计算中可能存在0.5%的误差。
-            </view>
-            <view
-              class="reference-complate"
-              style="margin-bottom: 0; margin-top: 10px"
-            >
+            <view style="margin-top: 56px"> 注：人工智能大模型在计算中可能存在0.5%的误差。 </view>
+            <view class="reference-complate" style="margin-bottom: 0; margin-top: 10px">
               ------ 发型报告完 ------
             </view>
           </view>
@@ -326,7 +249,7 @@
                 @click="
                   previewImage(
                     `https://llyz.oss-cn-beijing.aliyuncs.com/diagnostic-report-h5/chineseZodiac/` +
-                      shegnxiaoImgUrl
+                      shegnxiaoImgUrl,
                   )
                 "
               />
@@ -335,43 +258,25 @@
             <view class="five-attribute-box">
               <view
                 class="numblock"
-                style="
-                  background-color: rgba(193, 156, 45, 1);
-                  top: 286px;
-                  left: 40px;
-                "
+                style="background-color: rgba(193, 156, 45, 1); top: 286px; left: 40px"
                 >{{ numToChinese(shengxiaoNumList[0]) }}</view
               >
               <view
                 class="numblock"
-                style="
-                  background-color: rgba(62, 166, 123, 1);
-                  top: 32px;
-                  left: 119px;
-                "
+                style="background-color: rgba(62, 166, 123, 1); top: 32px; left: 119px"
                 >{{ numToChinese(shengxiaoNumList[1]) }}</view
               >
+              <view class="numblock" style="background-color: rgba(61, 146, 168, 1); top: 136px">{{
+                numToChinese(shengxiaoNumList[2])
+              }}</view>
               <view
                 class="numblock"
-                style="background-color: rgba(61, 146, 168, 1); top: 136px"
-                >{{ numToChinese(shengxiaoNumList[2]) }}</view
-              >
-              <view
-                class="numblock"
-                style="
-                  background-color: rgba(195, 52, 55, 1);
-                  top: 150px;
-                  right: 10px;
-                "
+                style="background-color: rgba(195, 52, 55, 1); top: 150px; right: 10px"
                 >{{ numToChinese(shengxiaoNumList[3]) }}</view
               >
               <view
                 class="numblock"
-                style="
-                  background-color: rgba(253, 231, 73, 1);
-                  top: 293px;
-                  right: 70px;
-                "
+                style="background-color: rgba(253, 231, 73, 1); top: 293px; right: 70px"
                 >{{ numToChinese(shengxiaoNumList[4]) }}</view
               >
               <view class="five-attribute">
@@ -389,9 +294,7 @@
             </view>
 
             <rich-text :nodes="luckyTxtList[1]"></rich-text>
-            <view style="margin-top: 56px">
-              注：人工智能大模型在计算中可能存在0.5%的误差。
-            </view>
+            <view style="margin-top: 56px"> 注：人工智能大模型在计算中可能存在0.5%的误差。 </view>
             <view class="reference-complate" style="margin-bottom: 0">
               ------ 幸运色分析完 ------
             </view>
@@ -414,224 +317,220 @@
 </template>
 
 <script setup>
-import { ref, onMounted, onUnmounted, watchEffect } from "vue";
-import Header from "./component/Header/index.vue";
-import Tabs from "./component/Tabs/index.vue";
-import {
-  fashionNeutrals,
-  colorTypeList,
-  faceList,
-  shengxiaoImgList,
-} from "./database";
-import {
-  uploadFormData,
-  downloadFile,
-  numToChinese,
-  getMaxElement,
-  reorderByValue,
-} from "../../utils/index";
-import GeneticStyle from "./component/FirstStyleType/geneticStyle.vue";
-import SkinColor from "./component/FirstStyleType/SkinColor.vue";
-import BottomPic from "./component/FirstStyleType/BottomPic.vue";
-import StyleDiagnosticReport from "./component/FirstStyleType/StyleDiagnosticReport.vue";
-import BodyType from "./component/FirstStyleType/BodyType.vue";
-import FacialColorLatitude from "./component/FirstStyleType/FacialColorLatitude.vue";
-import CustomSwiper from "./component/CustomSwiper/CustomSwiper";
-import SensoryTypes from "./component/FirstStyleType/SensoryTypes.vue";
-import TypeOfMass from "./component/FirstStyleType/TypeOfMass.vue";
-import Movementtype from "./component/FirstStyleType/Movementtype.vue";
-import ReportApi from "../../sheep/api/report";
+  import { ref, onMounted, onUnmounted, watchEffect } from 'vue';
+  import Header from './component/Header/index.vue';
+  import Tabs from './component/Tabs/index.vue';
+  import { fashionNeutrals, colorTypeList, faceList, shengxiaoImgList } from './database';
+  import {
+    uploadFormData,
+    downloadFile,
+    numToChinese,
+    getMaxElement,
+    reorderByValue,
+  } from '../../utils/index';
+  import GeneticStyle from './component/FirstStyleType/geneticStyle.vue';
+  import SkinColor from './component/FirstStyleType/SkinColor.vue';
+  import BottomPic from './component/FirstStyleType/BottomPic.vue';
+  import StyleDiagnosticReport from './component/FirstStyleType/StyleDiagnosticReport.vue';
+  import BodyType from './component/FirstStyleType/BodyType.vue';
+  import FacialColorLatitude from './component/FirstStyleType/FacialColorLatitude.vue';
+  import CustomSwiper from './component/CustomSwiper/CustomSwiper';
+  import SensoryTypes from './component/FirstStyleType/SensoryTypes.vue';
+  import TypeOfMass from './component/FirstStyleType/TypeOfMass.vue';
+  import Movementtype from './component/FirstStyleType/Movementtype.vue';
+  import ReportApi from '../../sheep/api/report';
 
-import { onLoad } from '@dcloudio/uni-app';
-import {hairText, shengxiaoText, shengxiaoSystem_prompt, statureText, styleText} from '@/constant/aiText'
-import { praiseTextApi } from '@/sheep/api/doubao'
+  import { onLoad } from '@dcloudio/uni-app';
+  import {
+    hairText,
+    shengxiaoText,
+    shengxiaoSystem_prompt,
+    statureText,
+    styleText,
+  } from '@/constant/aiText';
+  import { praiseTextApi } from '@/sheep/api/doubao';
 
-const {
-  // praiseTextApi,
-  getStyleApi,
-  exchangeHairHistoryByTaskId,
-  wardrobeListApi,
-  hairStyleListApi,
-  addHairApi,
-  getHairApi,
-  getAiFaceResult,
-  getUserInfo
-} = ReportApi;
+  const {
+    // praiseTextApi,
+    getStyleApi,
+    exchangeHairHistoryByTaskId,
+    wardrobeListApi,
+    hairStyleListApi,
+    addHairApi,
+    getHairApi,
+    getAiFaceResult,
+    getUserInfo,
+    getUserAvatar,
+  } = ReportApi;
 
+  const collect = ref(null);
 
-const collect = ref(null)
+  onLoad((options) => {
+    uni.setStorageSync('token', options?.token ?? '92d2805a85ca422e90dd7d50eef49a85');
+    console.log('🚀 ~ URL上的token  ~ options?.token: ', options?.token);
 
+    Promise.all([getUserInfo(), getAiFaceResult(), getUserAvatar()]).then((result) => {
+      const [res1, res2, res3] = result;
+      console.log('res3: zzzzzzzzzzzzz', res3.data);
 
-onLoad((options) => {
-  uni.setStorageSync('token', options?.token ?? '92d2805a85ca422e90dd7d50eef49a85');
-  console.log('🚀 ~ URL上的token  ~ options?.token: ', options?.token);
+      const { data } = JSON.parse(res2.result[0].thridResp);
 
-  Promise.all([getUserInfo(), getAiFaceResult()]).then(result => {
-    const [res1, res2] = result
+      const target = Object.assign({}, JSON.parse(res1.data.dataJson), data.face_figure, {
+        avatar_img_url: res3.data.avatar,
+      });
 
-    const {data} = JSON.parse(res2.result[0].thridResp)
+      target.gender = target.sex;
+      collect.value = target;
 
-    const target = Object.assign({}, JSON.parse(res1.data.dataJson), data.face_figure)
-
-    target.gender = target.sex
-    collect.value = target
-
-    console.log('collect.value: ', collect.value);
-  })
-
-
-});
-
-
-
-// if (
-//   typeof window !== "undefined" &&
-//   /MicroMessenger/i.test(navigator.userAgent)
-// ) {
-const pngImgUrl = ref("https://llshop.zglvling.com/shop/img/png/h5/");
-const showPreview = ref(false);
-const currentPreviewImage = ref("");
-let hairStyleList = ref([]);
-const previewImage = (imageUrl) => {
-  currentPreviewImage.value = imageUrl;
-  showPreview.value = true;
-};
-
-const closePreview = (e) => {
-  // 阻止事件冒泡
-  e.stopPropagation();
-  showPreview.value = false;
-  currentPreviewImage.value = "";
-};
-
-const gifAddress = "https://llshop.zglvling.com/shop/img/gif/";
-const routes = new URLSearchParams(window.location.search);
-const classFixed = ref("");
-const openId = routes.get("openId");
-const enterType = routes.get("enterType"); // 1: 个人诊断报告 2: 发型试戴
-// const occupation = routes.get("occupation"); // 职业
-// const forWhom = routes.get("forWhom");
-
-let scrollHeight = ref(0);
-const activeTab = ref(0);
-
-
-const tabsList = ref([
-  { name: "风格类型", icon: "icon-style" },
-  { name: "色彩类型", icon: "icon-color" },
-  { name: "发型发色", icon: "icon-body" },
-  { name: "幸运色", icon: "icon-face" },
-]);
-const newColorTypeList = ref([]);
-let shegnxiaoImgUrl = ref("wuxingLoading.png");
-let colorTypeInfo = ref([]);
-const colorTypeText = ref({});
-let current = ref(0);
-const praiseTextList = ref([]);
-const userFaceInfo = ref({ avatar_img_url: "" });
-const faceImgUrl = ref("");
-const shengxiao = ref();
-const chageSwiper = (e) => {
-  current.value = e.detail.current;
-  colorTypeInfo.value = newColorTypeList.value[current.value];
-};
-
-
-const clothesList = ref([]);
-const styleType = ref({});
-
-
-const chageSwiperBtn = (x) => {
-  if (x === -1 && current.value !== 0) {
-    current.value--;
-    return;
-  }
-  if (x === 1 && current.value < newColorTypeList.value.length - 1) {
-    current.value++;
-  }
-};
-const hairIds = ref([]);
-const avatarList = ref([
-  {
-    id: 1,
-    url: "https://cdn.meidaojia.com/aidigitalfield/digital_cloth/static/1720084773937.png",
-  },
-  {
-    id: 2,
-    url: "https://cdn.meidaojia.com/aidigitalfield/digital_cloth/static/1720084773937.png",
-  },
-  {
-    id: 3,
-    url: "https://cdn.meidaojia.com/aidigitalfield/digital_cloth/static/1720084773937.png",
-  },
-]);
-let luckyTxtList = ref([]);
-const shengxiaoNumList = ref([1, 2, 3, 4, 5]);
-const formatText = (text) => {
-  text = text.replace(/[\u0000-\u001F]/g, (c) => {
-    if (c === "\n") return "\\n";
-    if (c === "\r") return "\\r";
-    if (c === "\t") return "\\t";
-    return "";
+      console.log('collect.value: ', collect.value);
+    });
   });
-  return text;
-};
-const formatPraiseText = (text) => {
-  text = formatText(text);
-  text = JSON.parse(text).choices[0].message.content;
-  text = text.replace(/<\/?strong>/g, "");
 
-  text = text.replace(/<h1>/g, "<div>").replace(/<\/h1>/g, "</div>");
-
-  text = text.replace(/<h2>/g, "<div>").replace(/<\/h2>/g, "</div>");
-
-  text = text.replace(/<h3>/g, "<div>").replace(/<\/h3>/g, "</div>");
-  let list = [];
-  const split1 = text.split("二、核心风格基因解析");
-  list.push(split1[0]);
-  split1[1] = "<p>二、核心风格基因解析</p>" + split1[1];
-  const split2 = split1[1].split("五、关键细节设计：刘海与发色");
-  split2[1] = "<p>五、关键细节设计：刘海与发色</p>" + split2[1];
-  list = list.concat(split2);
-  return list;
-};
-const formatShengXiao = (text) => {
-  text = formatText(text);
-  // text = JSON.parse(text).choices[0].message.content;
-  text = text.replace(/<h1>/g, "<div>").replace(/<\/h1>/g, "</div>");
-
-  text = text.replace(/<h2>/g, "<div>").replace(/<\/h2>/g, "</div>");
-
-  text = text.replace(/<h3>/g, "<div>").replace(/<\/h3>/g, "</div>");
-  let list = [];
-  const split1 = text.split("二、五行命理与易学幸运色推导");
-  list.push(split1[0]);
-  split1[1] = "<p>二、五行命理与易学幸运色推导</p>" + split1[1];
-  list.push(split1[1]);
-  return list;
-};
-
-const customFigure = ref(null);
-
-const customerStyle = ref("");
-
-const getPraiseText = (callWord, type) => {
-  let params = {
-    // model: "doubao-seed-1-6-250615",
-    model: "doubao-seed-1-6-flash-250715",
-    openId: openId,
-    text: "",
-    type: enterType,
-    tabType: "",
+  // if (
+  //   typeof window !== "undefined" &&
+  //   /MicroMessenger/i.test(navigator.userAgent)
+  // ) {
+  const pngImgUrl = ref('https://llshop.zglvling.com/shop/img/png/h5/');
+  const showPreview = ref(false);
+  const currentPreviewImage = ref('');
+  let hairStyleList = ref([]);
+  const previewImage = (imageUrl) => {
+    currentPreviewImage.value = imageUrl;
+    showPreview.value = true;
   };
-  if (type === 1) {
-    // params.model = "doubao-1-5-thinking-vision-pro-250428";
-    // params.model = "doubao-seed-1-6-250615";
-    // params.model = "doubao-seed-1-6-flash-250715";
-    params.model = "doubao-1-5-thinking-pro-m-250428";
-  }
 
-  let customKey = `客户特征：
+  const closePreview = (e) => {
+    // 阻止事件冒泡
+    e.stopPropagation();
+    showPreview.value = false;
+    currentPreviewImage.value = '';
+  };
+
+  const gifAddress = 'https://llshop.zglvling.com/shop/img/gif/';
+  const routes = new URLSearchParams(window.location.search);
+  const classFixed = ref('');
+  const openId = routes.get('openId');
+  const enterType = routes.get('enterType'); // 1: 个人诊断报告 2: 发型试戴
+  // const occupation = routes.get("occupation"); // 职业
+  // const forWhom = routes.get("forWhom");
+
+  let scrollHeight = ref(0);
+  const activeTab = ref(0);
+
+  const tabsList = ref([
+    { name: '风格类型', icon: 'icon-style' },
+    { name: '色彩类型', icon: 'icon-color' },
+    { name: '发型发色', icon: 'icon-body' },
+    { name: '幸运色', icon: 'icon-face' },
+  ]);
+  const newColorTypeList = ref([]);
+  let shegnxiaoImgUrl = ref('wuxingLoading.png');
+  let colorTypeInfo = ref([]);
+  const colorTypeText = ref({});
+  let current = ref(0);
+  const praiseTextList = ref([]);
+  const userFaceInfo = ref({ avatar_img_url: '' });
+  const faceImgUrl = ref('');
+  const shengxiao = ref();
+  const chageSwiper = (e) => {
+    current.value = e.detail.current;
+    colorTypeInfo.value = newColorTypeList.value[current.value];
+  };
+
+  const clothesList = ref([]);
+  const styleType = ref({});
+
+  const chageSwiperBtn = (x) => {
+    if (x === -1 && current.value !== 0) {
+      current.value--;
+      return;
+    }
+    if (x === 1 && current.value < newColorTypeList.value.length - 1) {
+      current.value++;
+    }
+  };
+  const hairIds = ref([]);
+  const avatarList = ref([
+    {
+      id: 1,
+      url: 'https://cdn.meidaojia.com/aidigitalfield/digital_cloth/static/1720084773937.png',
+    },
+    {
+      id: 2,
+      url: 'https://cdn.meidaojia.com/aidigitalfield/digital_cloth/static/1720084773937.png',
+    },
+    {
+      id: 3,
+      url: 'https://cdn.meidaojia.com/aidigitalfield/digital_cloth/static/1720084773937.png',
+    },
+  ]);
+  let luckyTxtList = ref([]);
+  const shengxiaoNumList = ref([1, 2, 3, 4, 5]);
+  const formatText = (text) => {
+    text = text.replace(/[\u0000-\u001F]/g, (c) => {
+      if (c === '\n') return '\\n';
+      if (c === '\r') return '\\r';
+      if (c === '\t') return '\\t';
+      return '';
+    });
+    return text;
+  };
+  const formatPraiseText = (text) => {
+    text = formatText(text);
+    text = JSON.parse(text).choices[0].message.content;
+    text = text.replace(/<\/?strong>/g, '');
+
+    text = text.replace(/<h1>/g, '<div>').replace(/<\/h1>/g, '</div>');
+
+    text = text.replace(/<h2>/g, '<div>').replace(/<\/h2>/g, '</div>');
+
+    text = text.replace(/<h3>/g, '<div>').replace(/<\/h3>/g, '</div>');
+    let list = [];
+    const split1 = text.split('二、核心风格基因解析');
+    list.push(split1[0]);
+    split1[1] = '<p>二、核心风格基因解析</p>' + split1[1];
+    const split2 = split1[1].split('五、关键细节设计：刘海与发色');
+    split2[1] = '<p>五、关键细节设计：刘海与发色</p>' + split2[1];
+    list = list.concat(split2);
+    return list;
+  };
+  const formatShengXiao = (text) => {
+    text = formatText(text);
+    // text = JSON.parse(text).choices[0].message.content;
+    text = text.replace(/<h1>/g, '<div>').replace(/<\/h1>/g, '</div>');
+
+    text = text.replace(/<h2>/g, '<div>').replace(/<\/h2>/g, '</div>');
+
+    text = text.replace(/<h3>/g, '<div>').replace(/<\/h3>/g, '</div>');
+    let list = [];
+    const split1 = text.split('二、五行命理与易学幸运色推导');
+    list.push(split1[0]);
+    split1[1] = '<p>二、五行命理与易学幸运色推导</p>' + split1[1];
+    list.push(split1[1]);
+    return list;
+  };
+
+  const customFigure = ref(null);
+
+  const customerStyle = ref('');
+
+  const getPraiseText = (callWord, type) => {
+    let params = {
+      // model: "doubao-seed-1-6-250615",
+      model: 'doubao-seed-1-6-flash-250715',
+      openId: openId,
+      text: '',
+      type: enterType,
+      tabType: '',
+    };
+    if (type === 1) {
+      // params.model = "doubao-1-5-thinking-vision-pro-250428";
+      // params.model = "doubao-seed-1-6-250615";
+      // params.model = "doubao-seed-1-6-flash-250715";
+      params.model = 'doubao-1-5-thinking-pro-m-250428';
+    }
+
+    let customKey = `客户特征：
                 性别：${collect?.value?.gender}
                 出生年月日：${collect?.value?.birthday}
                 年龄：${collect?.value?.age}
@@ -686,692 +585,682 @@ const getPraiseText = (callWord, type) => {
 
   `;
 
-  if (callWord === "one") {
-    params.tabType = "hair";
-    params.text = hairText(customKey)
-  }
-
-  if (callWord === "three") {
-    params.tabType = "shengxiao";
-    params.text = shengxiaoText(collect?.value?.birthday, collect?.value?.gender, collect?.value?.work)
-
-    params.system_prompt = shengxiaoSystem_prompt
-  }
-
-  if (callWord === "four") {
-    params.tabType = "stature";
-    params.text = statureText(customKey, collect.value?.straight_total_score_t, collect.value?.total_sense_of_quantity_t, collect.value.dynamic_static_t)
-  }
-
-  if (callWord === "five") {
-    params.tabType = "style";
-    params.text = styleText(customKey);
-  }
-
-
-  praiseTextApi(params).then((res) => {
-    console.log('res: vvvvvvvvvvvvvvvvvvvv', res);
-    // tabType
-    if (callWord === "one") {
-      // console.log("数据是什么1", res.data);
-      praiseTextList.value = formatPraiseText(res.data);
-    } else if (callWord === "two") {
-      return;
-      luckyTxtList.value = formatShengXiao(res.data);
-    } else if (callWord === "three") {
-      let obj = JSON.parse(res.data);
-
-
-      let shengxiaoContent = JSON.parse(obj.choices[0].message.content).content;
-      luckyTxtList.value = formatShengXiao(shengxiaoContent.text);
-      // console.log(shengxiaoContent, "shengxiaoContent");
-      let shengxiaoList = shengxiaoContent.arr;
-      shengxiao.value = shengxiaoList[0];
-
-      shengxiaoNumList.value = shengxiaoList.slice(1);
-
-      let wuxing = getMaxElement(shengxiaoNumList.value);
-      // console.log("wuxing: ", wuxing);
-
-      for (let i = 0; i < shengxiaoImgList.length; i++) {
-        if (
-          shengxiaoImgList[i].shengxiao === shengxiao.value &&
-          shengxiaoImgList[i].element === wuxing
-        ) {
-          shegnxiaoImgUrl.value = shengxiaoImgList[i].imgUrl;
-        }
-      }
-    } else if (callWord === "four") {
-      const obj = JSON.parse(res.data);
-      console.log("obj: ccccccccccccccccccccccccccccc", obj);
-      const content = obj.choices[0].message.content;
-      customFigure.value = JSON.parse(content);
-
-      console.log('customFigure.value: mmmmmmmmmmmmmmmmm', customFigure.value);
-    } else if (callWord === "five") {
-      const obj = JSON.parse(res.data);
-      const content = obj.choices[0].message.content;
-
-      customerStyle.value = JSON.parse(content).html;
+    if (callWord === 'one') {
+      params.tabType = 'hair';
+      params.text = hairText(customKey);
     }
-  });
-};
 
-// const items = ref([]);
+    if (callWord === 'three') {
+      params.tabType = 'shengxiao';
+      params.text = shengxiaoText(
+        collect?.value?.birthday,
+        collect?.value?.gender,
+        collect?.value?.work,
+      );
 
-// const wardrobeList = () => {
-//   // https://llshop.zglvling.com/soapi/wardrobe/clothes_list
-//   wardrobeListApi({
-//     open_id: openId,
-//     // categoryId: 10140,
-//     clothesIndex: 1,
-//     clothesKind: 0,
-//     clothesSize: 12,
-//   }).then((res) => {
-//     // console.log("衣服列表 -----------------", res.clothesList);
+      params.system_prompt = shengxiaoSystem_prompt;
+    }
 
-//     const goods_images = res.clothesList
-//       .map((i) => i.goods_image)
-//       .filter((i) => i.length >= 5);
+    if (callWord === 'four') {
+      params.tabType = 'stature';
+      params.text = statureText(
+        customKey,
+        collect.value?.straight_total_score_t,
+        collect.value?.total_sense_of_quantity_t,
+        collect.value.dynamic_static_t,
+      );
+    }
 
-//     items.value = goods_images;
-//     // clothesList.value = res.data.wardrobeList.slice(0, 3);
-//   });
-// };
+    if (callWord === 'five') {
+      params.tabType = 'style';
+      params.text = styleText(customKey);
+    }
 
-// wardrobeList();
+    praiseTextApi(params).then((res) => {
+      console.log('res: vvvvvvvvvvvvvvvvvvvv', res);
+      // tabType
+      if (callWord === 'one') {
+        // console.log("数据是什么1", res.data);
+        praiseTextList.value = formatPraiseText(res.data);
+      } else if (callWord === 'two') {
+        return;
+        luckyTxtList.value = formatShengXiao(res.data);
+      } else if (callWord === 'three') {
+        let obj = JSON.parse(res.data);
 
-const getHairstyleList = () => {
-  hairStyleListApi({
-    phone: "17600222111",
-    isPerson: "yes",
-  }).then((res) => {
-    hairStyleList.value = res.result;
-    // console.log(res, "发型列表 -----------------");
-  });
-};
+        let shengxiaoContent = JSON.parse(obj.choices[0].message.content).content;
+        luckyTxtList.value = formatShengXiao(shengxiaoContent.text);
+        // console.log(shengxiaoContent, "shengxiaoContent");
+        let shengxiaoList = shengxiaoContent.arr;
+        shengxiao.value = shengxiaoList[0];
 
+        shengxiaoNumList.value = shengxiaoList.slice(1);
 
+        let wuxing = getMaxElement(shengxiaoNumList.value);
+        // console.log("wuxing: ", wuxing);
 
-getHairstyleList();
-
-
-const pollExchangeHairHistory = (requestId, maxTries = 30, interval = 2000) => {
-  let tries = 0;
-  const poll = (resolve, reject) => {
-    exchangeHairHistoryByTaskId({ taskId: requestId })
-      .then((ress) => {
-        // console.log("轮询结果", ress);
-        if (
-          ress.result[0].url !==
-            "https://cdn.meidaojia.com/aidigitalfield/digital_cloth/static/1720084773937.png" &&
-          ress.result[1].url !==
-            "https://cdn.meidaojia.com/aidigitalfield/digital_cloth/static/1720084773937.png" &&
-          ress.result[2].url !==
-            "https://cdn.meidaojia.com/aidigitalfield/digital_cloth/static/1720084773937.png"
-        ) {
-          resolve(ress);
-        } else if (tries >= maxTries) {
-          reject(new Error("轮询超时"));
-        } else {
-          tries++;
-          setTimeout(() => poll(resolve, reject), interval);
+        for (let i = 0; i < shengxiaoImgList.length; i++) {
+          if (
+            shengxiaoImgList[i].shengxiao === shengxiao.value &&
+            shengxiaoImgList[i].element === wuxing
+          ) {
+            shegnxiaoImgUrl.value = shengxiaoImgList[i].imgUrl;
+          }
         }
-      })
-      .catch((err) => {
-        reject(err);
-      });
+      } else if (callWord === 'four') {
+        const obj = JSON.parse(res.data);
+        console.log('obj: ccccccccccccccccccccccccccccc', obj);
+        const content = obj.choices[0].message.content;
+        customFigure.value = JSON.parse(content);
+
+        console.log('customFigure.value: mmmmmmmmmmmmmmmmm', customFigure.value);
+      } else if (callWord === 'five') {
+        const obj = JSON.parse(res.data);
+        const content = obj.choices[0].message.content;
+
+        customerStyle.value = JSON.parse(content).html;
+      }
+    });
   };
-  return new Promise(poll);
-};
 
-const getColorTypeText = (sj_color_type) => {
-  const found = newColorTypeList.value.find(
-    (item) => item.typeName + "型" === sj_color_type
-  );
-  if (found) {
-    colorTypeText.value = found;
-  }
-};
-const addHair = async (data) => {
-  await addHairApi({
-    openId: openId,
-    data: data,
-  });
-};
-const getHair = async (data) => {
-  let res = await getHairApi({
-    openId: openId,
-  });
-  return res.data;
-};
+  // const items = ref([]);
 
-const getUserFaceInfo = async () => {
-  getStyleApi({ openId: openId }).then(async (res) => {
-    newColorTypeList.value = reorderByValue(
-      colorTypeList,
-      res?.detail?.sj_color_type
-    );
+  // const wardrobeList = () => {
+  //   // https://llshop.zglvling.com/soapi/wardrobe/clothes_list
+  //   wardrobeListApi({
+  //     open_id: openId,
+  //     // categoryId: 10140,
+  //     clothesIndex: 1,
+  //     clothesKind: 0,
+  //     clothesSize: 12,
+  //   }).then((res) => {
+  //     // console.log("衣服列表 -----------------", res.clothesList);
 
-    colorTypeInfo.value = newColorTypeList.value[0];
+  //     const goods_images = res.clothesList
+  //       .map((i) => i.goods_image)
+  //       .filter((i) => i.length >= 5);
 
-    userFaceInfo.value = res.data || {};
-    if (!userFaceInfo.value.avatar_img_url) {
-      userFaceInfo.value.avatar_img_url =
-        "https://llshop.zglvling.com/shop/img/jpg/avatar.jpg";
+  //     items.value = goods_images;
+  //     // clothesList.value = res.data.wardrobeList.slice(0, 3);
+  //   });
+  // };
+
+  // wardrobeList();
+
+  const getHairstyleList = () => {
+    hairStyleListApi({
+      phone: '17600222111',
+      isPerson: 'yes',
+    }).then((res) => {
+      hairStyleList.value = res.result;
+      // console.log(res, "发型列表 -----------------");
+    });
+  };
+
+  getHairstyleList();
+
+  const pollExchangeHairHistory = (requestId, maxTries = 30, interval = 2000) => {
+    let tries = 0;
+    const poll = (resolve, reject) => {
+      exchangeHairHistoryByTaskId({ taskId: requestId })
+        .then((ress) => {
+          // console.log("轮询结果", ress);
+          if (
+            ress.result[0].url !==
+              'https://cdn.meidaojia.com/aidigitalfield/digital_cloth/static/1720084773937.png' &&
+            ress.result[1].url !==
+              'https://cdn.meidaojia.com/aidigitalfield/digital_cloth/static/1720084773937.png' &&
+            ress.result[2].url !==
+              'https://cdn.meidaojia.com/aidigitalfield/digital_cloth/static/1720084773937.png'
+          ) {
+            resolve(ress);
+          } else if (tries >= maxTries) {
+            reject(new Error('轮询超时'));
+          } else {
+            tries++;
+            setTimeout(() => poll(resolve, reject), interval);
+          }
+        })
+        .catch((err) => {
+          reject(err);
+        });
+    };
+    return new Promise(poll);
+  };
+
+  const getColorTypeText = (sj_color_type) => {
+    const found = newColorTypeList.value.find((item) => item.typeName + '型' === sj_color_type);
+    if (found) {
+      colorTypeText.value = found;
     }
+  };
+  const addHair = async (data) => {
+    await addHairApi({
+      openId: openId,
+      data: data,
+    });
+  };
+  const getHair = async (data) => {
+    let res = await getHairApi({
+      openId: openId,
+    });
+    return res.data;
+  };
 
-    if (userFaceInfo?.value?.gender === "男") {
-      faceImgUrl.value =
-        "https://llyz.oss-cn-beijing.aliyuncs.com/diagnostic-report-h5/menhairstyles.png";
-      let hairInfo = faceList.find((item) => item.id === 8);
-      hairIds.value = hairInfo?.hairStyleIdList;
-      // for(let i =0)
-    } else {
-      for (let i = 0; i < faceList.length; i++) {
-        if (userFaceInfo?.value?.feature === faceList[i].name) {
-          faceImgUrl.value = faceList[i].imgUrl;
-          hairIds.value = faceList[i].hairStyleIdList;
+  const getUserFaceInfo = async () => {
+    getStyleApi({ openId: openId }).then(async (res) => {
+      newColorTypeList.value = reorderByValue(colorTypeList, res?.detail?.sj_color_type);
+
+      colorTypeInfo.value = newColorTypeList.value[0];
+
+      userFaceInfo.value = res.data || {};
+      if (!userFaceInfo.value.avatar_img_url) {
+        userFaceInfo.value.avatar_img_url = 'https://llshop.zglvling.com/shop/img/jpg/avatar.jpg';
+      }
+
+      if (userFaceInfo?.value?.gender === '男') {
+        faceImgUrl.value =
+          'https://llyz.oss-cn-beijing.aliyuncs.com/diagnostic-report-h5/menhairstyles.png';
+        let hairInfo = faceList.find((item) => item.id === 8);
+        hairIds.value = hairInfo?.hairStyleIdList;
+        // for(let i =0)
+      } else {
+        for (let i = 0; i < faceList.length; i++) {
+          if (userFaceInfo?.value?.feature === faceList[i].name) {
+            faceImgUrl.value = faceList[i].imgUrl;
+            hairIds.value = faceList[i].hairStyleIdList;
+          }
         }
       }
+
+      getPraiseText('one');
+      getPraiseText('three', 1);
+      getPraiseText('four');
+      getPraiseText('five');
+
+      getColorTypeText(res?.detail?.sj_color_type || '');
+      let blob = await downloadFile(userFaceInfo?.value?.avatar_img_url);
+      let formData = new FormData();
+      formData.append('phone', '17600222111');
+      formData.append('isHr', 'false');
+      formData.append('sex', userFaceInfo?.value.gender);
+      formData.append('hairIds', hairIds.value);
+      // 如果有图片/文件需要上传
+      if (blob) {
+        formData.append('files', blob, 'avatar.jpg');
+      }
+
+      let taskInfo = await uploadFormData(formData);
+      let ress = null;
+      if (enterType === 'weixin') {
+        ress = await getHair();
+      } else {
+        ress = await pollExchangeHairHistory(taskInfo.requestId);
+        await addHair(ress);
+      }
+      avatarList.value = ress.result;
+    });
+  };
+
+  const toHairstyleRoom = (item) => {
+    wx.miniProgram.navigateTo({
+      url: `/pages/hairstyleRoom/index?id=${item.fileId}`,
+      success: function () {
+        // alert('成功')
+      },
+      fail(error) {
+        // alert('错误', error)
+        console.log('navigateTo error: ', error);
+      },
+    });
+  };
+
+  function getScrollHeight() {
+    const tabsEl = document.getElementById('headerBox');
+    if (tabsEl) {
+      const rect = tabsEl.getBoundingClientRect();
+      console.log(rect.height, 'rect.height');
+
+      scrollHeight.value = rect.height;
     }
+  }
 
-
-    getPraiseText("one");
-    getPraiseText("three", 1);
-    try {
-
-      getPraiseText("four");
-    } catch (error) {
-      console.error('error: ', error);
-    }
-    getPraiseText("five");
-
-    getColorTypeText(res?.detail?.sj_color_type || "");
-    let blob = await downloadFile(userFaceInfo?.value?.avatar_img_url);
-    let formData = new FormData();
-    formData.append("phone", "17600222111");
-    formData.append("isHr", "false");
-    formData.append("sex", userFaceInfo?.value.gender);
-    formData.append("hairIds", hairIds.value);
-    // 如果有图片/文件需要上传
-    if (blob) {
-      formData.append("files", blob, "avatar.jpg");
-    }
-
-    let taskInfo = await uploadFormData(formData);
-    let ress = null;
-    if (enterType === "weixin") {
-      ress = await getHair();
+  function onPageScroll(e) {
+    let scrollTop = e && e.scrollTop !== undefined ? e.scrollTop : window.scrollY;
+    if (scrollTop > scrollHeight.value) {
+      //277是需要固定的地方到顶部的距离
+      classFixed.value = 'fixed';
     } else {
-      ress = await pollExchangeHairHistory(taskInfo.requestId);
-      await addHair(ress);
+      classFixed.value = '';
     }
-    avatarList.value = ress.result;
-  });
-};
-
-const toHairstyleRoom = (item) => {
-  wx.miniProgram.navigateTo({
-    url: `/pages/hairstyleRoom/index?id=${item.fileId}`,
-    success: function () {
-      // alert('成功')
-    },
-    fail(error) {
-      // alert('错误', error)
-      console.log("navigateTo error: ", error);
-    },
-  });
-};
-
-function getScrollHeight() {
-  const tabsEl = document.getElementById("headerBox");
-  if (tabsEl) {
-    const rect = tabsEl.getBoundingClientRect();
-    console.log(rect.height, "rect.height");
-
-    scrollHeight.value = rect.height;
   }
-}
-
-function onPageScroll(e) {
-  let scrollTop = e && e.scrollTop !== undefined ? e.scrollTop : window.scrollY;
-  if (scrollTop > scrollHeight.value) {
-    //277是需要固定的地方到顶部的距离
-    classFixed.value = "fixed";
-  } else {
-    classFixed.value = "";
-  }
-}
-onMounted(() => {
-  getScrollHeight();
-  window.addEventListener("scroll", onPageScroll);
-});
-onUnmounted(() => {
-  window.removeEventListener("scroll", onPageScroll);
-});
-getStyleApi({ openId })
-  .then((res) => {
+  onMounted(() => {
+    getScrollHeight();
+    window.addEventListener('scroll', onPageScroll);
+  });
+  onUnmounted(() => {
+    window.removeEventListener('scroll', onPageScroll);
+  });
+  getStyleApi({ openId }).then((res) => {
     styleType.value = res.data;
-  })
+  });
   // .then(() => {
   //   getUserFaceInfo();
   // });
 
-watchEffect(() => {
-  if(collect.value) {
-    getUserFaceInfo()
-  }
-})
+  watchEffect(() => {
+    if (collect.value) {
+      getUserFaceInfo();
+    }
+  });
 
-
-function onTabChange(tabIndex) {
-  // H5端滚动到id=tabs的位置
-  if (
-    typeof window !== "undefined" &&
-    activeTab.value !== tabIndex &&
-    !!window.scrollY &&
-    window.scrollY > scrollHeight.value
-  ) {
-    window.scrollTo({ top: scrollHeight.value, behavior: "smooth" });
+  function onTabChange(tabIndex) {
+    // H5端滚动到id=tabs的位置
+    if (
+      typeof window !== 'undefined' &&
+      activeTab.value !== tabIndex &&
+      !!window.scrollY &&
+      window.scrollY > scrollHeight.value
+    ) {
+      window.scrollTo({ top: scrollHeight.value, behavior: 'smooth' });
+    }
+    activeTab.value = tabIndex;
   }
-  activeTab.value = tabIndex;
-}
 </script>
 
 <style>
-.report {
-  padding: 20px 20px 0;
-}
-.report-title {
-  font-family: "PingFang SC", "Microsoft YaHei", "Arial", sans-serif !important;
-  font-weight: 400;
-  font-size: 18px;
-  line-height: 28px !important;
-  letter-spacing: 0px;
-}
-.report-title-en {
-  font-family: "PingFang SC", "Microsoft YaHei", "Arial", sans-serif !important;
-  font-weight: 400;
-  font-size: 16px;
-  line-height: 28px !important;
-  letter-spacing: 0px;
-  color: rgba(216, 216, 216, 1);
-}
-.padding-top20 {
-  padding: 20px 20px 0;
-}
-.color-tab-content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.color-img {
-  width: 100%;
-  max-width: 400px;
-  border-radius: 8px;
-  margin-bottom: 12px;
-}
-.color-desc {
-  text-align: center;
-  color: #666;
-  font-size: 16px;
-}
-.title {
-  padding: 0 20px;
-}
-.swiper-container {
-  position: relative;
-}
-.avatar-box {
-  display: flex;
-  position: absolute;
-  width: 100%;
-  height: 235px;
-}
-.avatar {
-  position: absolute;
-  width: 235px;
-  height: 235px;
-  z-index: 9;
-}
-.avatar img {
-  /* width: 235px; */
-  height: 235px;
-  transform: scale(1.2);
-}
-.swiper {
-  width: 100%;
-  height: 235px;
-  margin-top: 20px;
-}
-.img-box {
-  width: 235px;
-  position: relative;
-}
-.btn {
-  position: absolute;
-  z-index: 999;
-  width: 80px;
-  height: 100%;
-  background-color: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.btn img {
-  width: 32px;
-  height: 32px;
-}
-.left-btn {
-  left: 0;
-}
-.right-btn {
-  right: 0;
-}
+  .report {
+    padding: 20px 20px 0;
+  }
+  .report-title {
+    font-family: 'PingFang SC', 'Microsoft YaHei', 'Arial', sans-serif !important;
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 28px !important;
+    letter-spacing: 0px;
+  }
+  .report-title-en {
+    font-family: 'PingFang SC', 'Microsoft YaHei', 'Arial', sans-serif !important;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 28px !important;
+    letter-spacing: 0px;
+    color: rgba(216, 216, 216, 1);
+  }
+  .padding-top20 {
+    padding: 20px 20px 0;
+  }
+  .color-tab-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+  .color-img {
+    width: 100%;
+    max-width: 400px;
+    border-radius: 8px;
+    margin-bottom: 12px;
+  }
+  .color-desc {
+    text-align: center;
+    color: #666;
+    font-size: 16px;
+  }
+  .title {
+    padding: 0 20px;
+  }
+  .swiper-container {
+    position: relative;
+  }
+  .avatar-box {
+    display: flex;
+    position: absolute;
+    width: 100%;
+    height: 235px;
+  }
+  .avatar {
+    position: absolute;
+    width: 235px;
+    height: 235px;
+    z-index: 9;
+  }
+  .avatar img {
+    /* width: 235px; */
+    height: 235px;
+    transform: scale(1.2);
+  }
+  .swiper {
+    width: 100%;
+    height: 235px;
+    margin-top: 20px;
+  }
+  .img-box {
+    width: 235px;
+    position: relative;
+  }
+  .btn {
+    position: absolute;
+    z-index: 999;
+    width: 80px;
+    height: 100%;
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .btn img {
+    width: 32px;
+    height: 32px;
+  }
+  .left-btn {
+    left: 0;
+  }
+  .right-btn {
+    right: 0;
+  }
 
-.swiper-item {
-  /* display: block; */
-  height: 235px;
-  line-height: 28px !important;
-  text-align: center;
-  display: flex;
-  justify-content: center;
-  /* background-color: red; */
-}
-.swiper-instructions {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  /* justify-content: center; */
-  padding-top: 10px;
-}
-.swiper-type-name {
-  font-family: "PingFang SC", "Microsoft YaHei", "Arial", sans-serif !important;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 28px !important;
-  letter-spacing: 94%;
-}
-.swiper-type-name-en {
-  font-family: "PingFang SC", "Microsoft YaHei", "Arial", sans-serif !important;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 28px !important;
-  letter-spacing: 0%;
-  text-transform: uppercase;
-  color: rgba(216, 216, 216, 1);
-  margin-top: 5px;
-}
-.swiper-type-text {
-  font-family: "PingFang SC", "Microsoft YaHei", "Arial", sans-serif !important;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 28px !important;
-  letter-spacing: 0%;
-  margin-top: 5px;
-}
-.image {
-  width: 100%;
-}
+  .swiper-item {
+    /* display: block; */
+    height: 235px;
+    line-height: 28px !important;
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    /* background-color: red; */
+  }
+  .swiper-instructions {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    /* justify-content: center; */
+    padding-top: 10px;
+  }
+  .swiper-type-name {
+    font-family: 'PingFang SC', 'Microsoft YaHei', 'Arial', sans-serif !important;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 28px !important;
+    letter-spacing: 94%;
+  }
+  .swiper-type-name-en {
+    font-family: 'PingFang SC', 'Microsoft YaHei', 'Arial', sans-serif !important;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 28px !important;
+    letter-spacing: 0%;
+    text-transform: uppercase;
+    color: rgba(216, 216, 216, 1);
+    margin-top: 5px;
+  }
+  .swiper-type-text {
+    font-family: 'PingFang SC', 'Microsoft YaHei', 'Arial', sans-serif !important;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 28px !important;
+    letter-spacing: 0%;
+    margin-top: 5px;
+  }
+  .image {
+    width: 100%;
+  }
 
-.html-rich-text {
-  font-family: "PingFang SC", "Microsoft YaHei", "Arial", sans-serif !important;
-  font-weight: 400 !important;
-  font-size: 14px !important;
-  line-height: 28px !important;
-  letter-spacing: 0% !important;
-}
-.reference-title {
-  width: 100%;
-  height: 17px;
-}
-.reference-title img {
-  width: 100%;
-  height: 17px;
-}
-.reference-img-box {
-  height: 195.5px;
-  margin-top: 20px;
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 30px;
-}
-.reference-img-box .reference-img1 {
-  width: 100%;
-  height: 195.5px;
-}
-.reference-img-box .reference-img2 {
-  width: 45px;
-  height: 165px;
-}
-.reference-complate {
-  width: 100%;
-  height: 21px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-family: "PingFang SC", "Microsoft YaHei", "Arial", sans-serif !important;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 28px !important;
-  letter-spacing: 0%;
-  text-align: center;
-  color: rgba(216, 216, 216, 1);
-  margin: 20px 0;
-}
-.avatar-warp {
-  width: 100%;
-  height: 192px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.avatar-main {
-  width: 116px;
-  height: 160px;
-  margin: 0 10px;
-  border-radius: 40px;
-  overflow: hidden;
-}
-.avatar-main img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-.avatar-side {
-  width: 80px;
-  height: 120px;
-  /* background-color: yellow; */
-  border-radius: 40px;
-  overflow: hidden;
-}
-.avatar-side img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-.rich-text-content {
-  padding: 0 20px 20px;
-}
-.face-img-box {
-  width: 336px;
-  height: 338px;
-}
-.face-img-box img {
-  width: 100%;
-  height: 100%;
-  /* border-radius: 8px; */
-}
-.more-hairstyle {
-  width: 100%;
-  /* height: 135px; */
-  margin-top: 20px;
-}
-.more-hairstyle img {
-  width: 100%;
-  height: 100%;
-}
+  .html-rich-text {
+    font-family: 'PingFang SC', 'Microsoft YaHei', 'Arial', sans-serif !important;
+    font-weight: 400 !important;
+    font-size: 14px !important;
+    line-height: 28px !important;
+    letter-spacing: 0% !important;
+  }
+  .reference-title {
+    width: 100%;
+    height: 17px;
+  }
+  .reference-title img {
+    width: 100%;
+    height: 17px;
+  }
+  .reference-img-box {
+    height: 195.5px;
+    margin-top: 20px;
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 30px;
+  }
+  .reference-img-box .reference-img1 {
+    width: 100%;
+    height: 195.5px;
+  }
+  .reference-img-box .reference-img2 {
+    width: 45px;
+    height: 165px;
+  }
+  .reference-complate {
+    width: 100%;
+    height: 21px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-family: 'PingFang SC', 'Microsoft YaHei', 'Arial', sans-serif !important;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 28px !important;
+    letter-spacing: 0%;
+    text-align: center;
+    color: rgba(216, 216, 216, 1);
+    margin: 20px 0;
+  }
+  .avatar-warp {
+    width: 100%;
+    height: 192px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .avatar-main {
+    width: 116px;
+    height: 160px;
+    margin: 0 10px;
+    border-radius: 40px;
+    overflow: hidden;
+  }
+  .avatar-main img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  .avatar-side {
+    width: 80px;
+    height: 120px;
+    /* background-color: yellow; */
+    border-radius: 40px;
+    overflow: hidden;
+  }
+  .avatar-side img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  .rich-text-content {
+    padding: 0 20px 20px;
+  }
+  .face-img-box {
+    width: 336px;
+    height: 338px;
+  }
+  .face-img-box img {
+    width: 100%;
+    height: 100%;
+    /* border-radius: 8px; */
+  }
+  .more-hairstyle {
+    width: 100%;
+    /* height: 135px; */
+    margin-top: 20px;
+  }
+  .more-hairstyle img {
+    width: 100%;
+    height: 100%;
+  }
 
-.lucky-color-box {
-  padding: 0 20px;
-  min-height: 950px;
-  /* overflow-y: hidden; */
-}
-.shengxiao {
-  width: 100%;
-  height: 283px;
-}
-.shengxiao img {
-  width: 100%;
-  height: 100%;
-}
-.five-attribute-box {
-  position: relative;
-  /* margin-bottom: 20px; */
-}
-.numblock {
-  width: 50px;
-  height: 50px;
-  display: flex;
-  border-radius: 50%;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  color: white;
-  z-index: 999;
-}
-.five-attribute {
-  width: 100%;
-  /* height: 597px; */
-  position: relative;
-}
-.five-attribute img {
-  width: 100%;
-  height: 100%;
-}
-.avatorLogo {
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  top: 25%;
-  width: 66.5px;
-  height: 66.5px;
-  background-color: red;
-  border-radius: 50%;
-  overflow: hidden;
-  border: 3.22px solid rgba(167, 178, 179, 1);
-}
-.avatorLogo img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-.style-type {
-  line-height: 28px !important;
-  font-family: "Microsoft YaHei", "Arial", sans-serif !important;
-  color: #031c24;
-  /* font-family: Molengo; */
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
+  .lucky-color-box {
+    padding: 0 20px;
+    min-height: 950px;
+    /* overflow-y: hidden; */
+  }
+  .shengxiao {
+    width: 100%;
+    height: 283px;
+  }
+  .shengxiao img {
+    width: 100%;
+    height: 100%;
+  }
+  .five-attribute-box {
+    position: relative;
+    /* margin-bottom: 20px; */
+  }
+  .numblock {
+    width: 50px;
+    height: 50px;
+    display: flex;
+    border-radius: 50%;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    color: white;
+    z-index: 999;
+  }
+  .five-attribute {
+    width: 100%;
+    /* height: 597px; */
+    position: relative;
+  }
+  .five-attribute img {
+    width: 100%;
+    height: 100%;
+  }
+  .avatorLogo {
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    top: 25%;
+    width: 66.5px;
+    height: 66.5px;
+    background-color: red;
+    border-radius: 50%;
+    overflow: hidden;
+    border: 3.22px solid rgba(167, 178, 179, 1);
+  }
+  .avatorLogo img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  .style-type {
+    line-height: 28px !important;
+    font-family: 'Microsoft YaHei', 'Arial', sans-serif !important;
+    color: #031c24;
+    /* font-family: Molengo; */
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
 
-  /* height: 900px;
+    /* height: 900px;
   background-color: red; */
-}
-.trends-title {
-  font-family: "PingFang SC", "Microsoft YaHei", "Arial", sans-serif !important;
-  margin-bottom: 16px;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 28px !important;
-  letter-spacing: 0px;
-}
-.trends-img-box {
-  display: flex;
-  width: 100%;
-  height: 330px;
-  justify-content: space-between;
-}
-.trends-img-box1 {
-  width: 220px;
-}
-.trends-img-box1 img {
-  width: 100%;
-  height: 100%;
-}
+  }
+  .trends-title {
+    font-family: 'PingFang SC', 'Microsoft YaHei', 'Arial', sans-serif !important;
+    margin-bottom: 16px;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 28px !important;
+    letter-spacing: 0px;
+  }
+  .trends-img-box {
+    display: flex;
+    width: 100%;
+    height: 330px;
+    justify-content: space-between;
+  }
+  .trends-img-box1 {
+    width: 220px;
+  }
+  .trends-img-box1 img {
+    width: 100%;
+    height: 100%;
+  }
 
-.trends-img-box2 {
-  width: 102px;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-}
-.trends-img {
-  width: 102px;
-  height: 134px;
-}
-.trends-img img {
-  width: 100%;
-  height: 100%;
-}
-.trends-one-try-btn {
-  width: 102px;
-  height: 24px;
-  background-color: black;
-  margin-top: 28px;
-  font-family: "PingFang SC", "Microsoft YaHei", "Arial", sans-serif !important;
-  font-weight: 400;
-  font-style: Regular;
-  font-size: 12px;
-  color: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 28px !important;
-  letter-spacing: 0px;
-}
-.scroll-box {
-  width: 100%;
-  overflow-x: auto;
-  display: flex;
-  white-space: nowrap;
-  scrollbar-width: none; /* Firefox 隐藏滚动条 */
-  -ms-overflow-style: none; /* IE/Edge 隐藏滚动条 */
-}
-.scroll-box::-webkit-scrollbar {
-  display: none; /* Chrome/Safari/Opera 隐藏滚动条 */
-}
-.fixed {
-  position: fixed;
-  top: 0;
-  z-index: 9999;
-}
-/* 预览遮罩层样式 */
-.preview-mask {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.8);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 999;
-}
+  .trends-img-box2 {
+    width: 102px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+  .trends-img {
+    width: 102px;
+    height: 134px;
+  }
+  .trends-img img {
+    width: 100%;
+    height: 100%;
+  }
+  .trends-one-try-btn {
+    width: 102px;
+    height: 24px;
+    background-color: black;
+    margin-top: 28px;
+    font-family: 'PingFang SC', 'Microsoft YaHei', 'Arial', sans-serif !important;
+    font-weight: 400;
+    font-style: Regular;
+    font-size: 12px;
+    color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    line-height: 28px !important;
+    letter-spacing: 0px;
+  }
+  .scroll-box {
+    width: 100%;
+    overflow-x: auto;
+    display: flex;
+    white-space: nowrap;
+    scrollbar-width: none; /* Firefox 隐藏滚动条 */
+    -ms-overflow-style: none; /* IE/Edge 隐藏滚动条 */
+  }
+  .scroll-box::-webkit-scrollbar {
+    display: none; /* Chrome/Safari/Opera 隐藏滚动条 */
+  }
+  .fixed {
+    position: fixed;
+    top: 0;
+    z-index: 9999;
+  }
+  /* 预览遮罩层样式 */
+  .preview-mask {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.8);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 999;
+  }
 
-.preview-container {
-  width: 90%;
-  height: 90%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
+  .preview-container {
+    width: 90%;
+    height: 90%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
 
-.preview-image {
-  max-width: 100%;
-  max-height: 100%;
-  border-radius: 4px;
-}
+  .preview-image {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 4px;
+  }
 </style>
diff --git a/sheep/api/report/index.js b/sheep/api/report/index.js
index 796a133..520db3b 100644
--- a/sheep/api/report/index.js
+++ b/sheep/api/report/index.js
@@ -75,6 +75,12 @@ const ReportApi = {
       method: 'get',
     }),
 
+  getUserAvatar: () =>
+    request({
+      url: '/member/user/get ',
+      method: 'get',
+    }),
+
   // https://puton.huimeimeta.com/app-api/cloth/getFaceList
 };
 export default ReportApi;