fix 海报边框显示调整

 <template>
   <div class="poster-page">
-    <div style="position: fixed; right: 5px; top: 10px; z-index: 9;">
+    <div @click="goToIndex" style="position: fixed; right: 5px; top: 10px; z-index: 9;">
       <img src="https://cdn.ipadbiz.cn/xfPark/post/public/go-back-btn.1713241695.png" style="width: 2rem; height: 2rem;">
     </div>
     <div class="poster-contain-wrapper">
-      <div v-if="flag" ref="canvasRef" class="poster-contain" style="border: 1.5px solid #9C8882; ">
+      <div v-if="flag" style="border: 1.5px solid #9C8882; box-shadow: 8px 8px 8px 0px rgba(156,136,130,1); height: 100%;">
+        <div ref="canvasRef" class="poster-contain" style="">
           <div class="poster-text-boxer">
             <div class="poster-text">
               <span class="name">{{ tree_data?.name }}</span>
@@ -27,7 +28,8 @@
           </div>
 
         </div>
-      <div v-if="imgUrl">
+      </div>
+      <div v-if="imgUrl" :style="{border: '1.5px solid #9C8882', boxShadow: '8px 8px 8px 0px rgba(156,136,130,1)', height: ref_height}">
         <img :src="imgUrl" crossOrigin="anonymous" :style="{ width: ref_width, height: ref_height }">
       </div>
     </div>
@@ -88,7 +90,7 @@ onMounted(async () => {
     ref_width.value = canvasDom.offsetWidth + 'px';
     ref_height.value = canvasDom.offsetHeight + 'px';
   });
-  // createImage();
+  createImage();
 });
 
 const resizePoster = () => { // 重置海报
@@ -104,6 +106,12 @@ const resizePoster = () => { // 重置海报
   createImage();
 };
 
+const goToIndex = () => { // 返回首页
+  $router.push({
+    path: '/',
+  });
+}
+
 const posterPrev = () => { // 上一个
   if (posterIndex.value > 0) {
     posterIndex.value--;