打牌

src/App.vue

@@ -26,11 +26,10 @@ export default {
   methods: {},
   created() {},
   mounted() {
+    console.log(window.innerWidth);
     autofit.init({
-      // designHeight: 1792,
+      designHeight: window.innerHeight,
-      // designWidth: 6656,
+      designWidth: window.innerWidth,
-      designHeight: 1080,
-      designWidth: 1920,
       renderDom: "#app",
       resize: true,
     });

src/components/grids.vue

@@ -285,6 +285,7 @@ export default {
 
 <style lang="scss" scoped>
 .container {
+  width: 100%;
   overflow: hidden;
 }
 .video-title {

src/views/car.vue

@@ -153,7 +153,7 @@ export default {
     const screenWidth = window.innerWidth;
     if (screenWidth > 3000) {
       this.btnStyle = {
-        left: `32.5%`,
+        left: `32%`,
       };
     } else {
       this.btnStyle = {

src/views/carInfo.vue

@@ -467,7 +467,7 @@ export default {
   }
 }
 .video-list {
-  width: 35%;
+  width: 30%;
   position: absolute;
   bottom: 30px;
   left: 50%;

src/views/index.vue

@@ -82,7 +82,6 @@ export default {
   },
   created() {
     const screenWidth = window.innerWidth;
-
     if (screenWidth > 3000) {
       this.options.scene.center = {
         lat: 28.990656,