fix 细节调整

 <!--
  * @Date: 2024-04-10 16:08:09
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-04-18 17:15:11
+ * @LastEditTime: 2024-04-22 09:16:49
  * @FilePath: /fxPark/src/views/fxPark/intro.vue
  * @Description: 植被介绍页
 -->

@@ -12,7 +12,7 @@
         <div ref="canvasRef" class="poster-contain" style="">
           <div v-if="tree_data?.name" class="poster-text-boxer">
             <div class="poster-text">
-              <span class="name">{{ tree_data?.name }}</span>
+              <div class="name">{{ tree_data?.name }}</div>
               <div class="nickname">{{ tree_data?.nickname }}</div>
             </div>
           </div>
@@ -109,10 +109,16 @@ onMounted(async () => {
   const { code, data } = await getTreeAPI();
   if (code) {
     raw_data.value = data.filter(item => item.is_light === '1' || item.is_tree === 0); // 获取已点亮的植被/全点亮的图片
+    all_actived.value = data.findIndex(item => item.is_tree === 0) !== -1 ? true : false;
     let index = raw_data.value.findIndex(item => item.revision == revision); // 植被信息index
+    if (all_actived.value) {
+      index = 0; // 全部点亮获取第一个海报
+    }
     tree_data.value = raw_data.value[index]; // 获取当前植被信息
+    if (tree_data.value.is_tree === 0) { // 全点亮加个任务标题
+      tree_data.value.mission_title = '祝贺你完成“碳寻”任务！';
+    }
     imgSrc.value = tree_data.value.user_poster !== null ? tree_data.value.user_poster : tree_data.value.poster_pic;
-    all_actived.value = data.findIndex(item => item.is_tree === 0) !== -1 ? true : false;
     un_light_num.value = data.filter(item => item.is_tree === 1).length - data.filter(item => item.is_light === '1').length;
   }
   nextTick(() => {
@@ -125,9 +131,6 @@ onMounted(async () => {
 
 const resizePoster = () => { // 重置海报
   tree_data.value = raw_data.value[posterIndex.value];
-  if (tree_data.value.is_tree === 0) { // 全点亮加个任务标题
-    tree_data.value.mission_title = '祝贺你完成“碳寻”任务！';
-  }
   flag.value = true;
   imgUrl.value = '';
   imgSrc.value = tree_data.value.user_poster !== null ? tree_data.value.user_poster : tree_data.value.poster_pic;
@@ -305,6 +308,7 @@ const afterRead = async (res) => {
         text-orientation: upright;
         .poster-text {
           position: relative;
+          width: 6rem;
           .name {
             font-size: 2.2rem;
             font-weight: bolder;