修改场景选择的移动端的样式

src/components/Scene.vue

@@ -180,10 +180,10 @@ export default {
   .scene_button {
     position: relative;
     z-index: 1;
-    bottom: 100px;
+    bottom: 11vw;
     left: 0px;
-    width: 100px;
-    height: 100px;
+    width: 11vw;
+    height: 11vw;
     background: url(~@/assets/img/scene/scene.png) center center/100% 100% no-repeat;
 
     &.active {
@@ -194,18 +194,20 @@ export default {
   .scene_container {
     position: absolute;
     z-index: 1;
-    bottom: 100px;
+    bottom: 11vw;
     left: 0px;
-    height: 250px;
+    height: 32vw;
     width: 100%;
 
     .van-tabs {
+      width: 100%;
+      height: 100%;
+
       :deep(.van-tabs__wrap) {
-        height: 28px;
+        height: 8vw;
         padding: 5px 20px;
         background: #33333366;
-        -webkit-transform: translateY(82px);
-        transform: translateY(82px);
+        transform: translateY(20vw);
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
@@ -224,8 +226,9 @@ export default {
 
             .van-tab__text {
               color: #ffffff;
-              font-size: 14px;
-              height: 14px;
+              font-size: 3vw;
+              height: 5vw;
+              line-height: 5vw
             }
 
             .van-tab--active {
@@ -244,9 +247,10 @@ export default {
         transform: translateY(-140px);
         background: #33333366;
         padding: 5px 0px;
-        height:200px;
-        .van-tab__panel{
-          height:200px;
+        height: 200px;
+
+        .van-tab__panel {
+          height: 200px;
         }
 
         .swiper {