一些组件的PC端适配

src/components/BtnBack.vue

@@ -40,19 +40,16 @@ const props = defineProps({
 <style lang="less" scoped>
 .btn-back{
   position: fixed;
-  left: calc(17 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
-  bottom: calc(17 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
-  width: calc(30 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
-  height: calc(30 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+  left: 35px;
+  top: 37px;
+  width: 48px;
+  height: 48px;
   >button{
     width: 100%;
     height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
     >img{
-      width: calc(30 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
-      height: calc(30 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+      width: 100%;
+      height: 100%;
     }
   }
 }

src/components/HotspotComp.vue

@@ -29,8 +29,8 @@ const $env = inject('$env')
 
 <style lang="less" scoped>
 .hotspot{
-  width: calc(33 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
-  height: calc(33 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+  width: 48px;
+  height: 48px;
   >img{
     width: 100%;
     height: 100%;

src/components/OperationTip.vue

@@ -80,14 +80,14 @@ watch(propIsShow, (v) => {
   align-items: center;
   >.text{
     color: v-bind('color');
-    margin-right: calc(5 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+    margin-right: 5px;
     font-family: KaiTi;
     font-weight: 400;
-    font-size: calc(16 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+    font-size: 20px;
   }
   >img{
-    width: calc(40 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
-    height: calc(41 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+    width: 40px;
+    height: 41px;
   }
 }
 </style>

src/views/MoreContent.vue

@@ -302,8 +302,7 @@
 
     <OperationTip
       class="operation-tip"
-      :direction="'h'"
-      :text="'下一章'"
+      :text="'左右滑动'"
       :color="'green'"
     />