更换新画框

src/views/PaintingDetail.vue

@@ -8,7 +8,7 @@
     >
       <img
         class="painting-border"
-        src="@/assets/images/painting-border.png"
+        src="@/assets/images/painting-border-new.png"
         alt=""
         draggable="false"
       >
@@ -219,8 +219,8 @@ onUnmounted(() => {
 /**
  * 尺寸相关
  */
-const paintingWrapWidth = ref(329)
-const paintingWrapHeight = ref(561)
+const paintingWrapWidth = ref(268)
+const paintingWrapHeight = ref(426)
 let wrapSizeRatio = paintingWrapWidth.value / paintingWrapHeight.value
 if (wrapSizeRatio < 1) {
   wrapSizeRatio = 1 / wrapSizeRatio
@@ -281,8 +281,8 @@ function showBigPainting() {
     >.painting-wrap-2{
       position: absolute;
       left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
+      top: calc(110 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+      transform: translate(-50%, 0);
       width: calc(v-bind('paintingWrapWidth') / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
       height: calc(v-bind('paintingWrapHeight') / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
       overflow: auto;