启动页开始按钮位置 不同屏幕里适配

README.md

@@ -15,8 +15,6 @@
 
 内容扩展页 操作提示文字竖着
 
-开始按钮位置 不同屏幕里适配
-
 ### 保存成果
 组件：序列帧
 

src/views/StartupView.vue

@@ -33,8 +33,8 @@
       class="btn-start"
       :class="isStartBtnBlink ? 'animation-show-hide' : ''"
       :image-src="require(`@/assets/images/btn-start.png`)"
-      :total-width="864"
-      :height="72"
+      :total-width="864 / windowSizeWhenDesignForRef * windowSizeInCssForRef.substring(0, windowSizeInCssForRef.length - 2)"
+      :height="72 / windowSizeWhenDesignForRef * windowSizeInCssForRef.substring(0, windowSizeInCssForRef.length - 2)"
       :frame-number="12"
       :loop="false"
       @over="isStartBtnBlink = true"
@@ -148,10 +148,8 @@ function onVideoEnd() {
   >.btn-start{
     position: absolute;
     left: 50%;
-    bottom: calc(75 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+    bottom: calc(70 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
     transform: translateX(-48%);
-    width: calc(72 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
-    height: calc(72 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
   }
 
   >video.transition-video{