123

src/views/Index/components/CaseDetails/index.vue

@@ -144,8 +144,8 @@ const handleScroll = e => {
 
 <style lang="scss" scoped>
 .wrap {
-  width: 100%;
-  height: 100%;
+  width: 100vw;
+  height: 100vh;
   background: $common_bg;
   position: relative;
   display: flex;

src/views/Index/components/HardwareDetails/index.vue

@@ -146,8 +146,8 @@ const handleScroll = e => {
 
 <style lang="scss" scoped>
 .wrap {
-  width: 100%;
-  height: 100%;
+  width: 100vw;
+  height: 100vh;
   background: $common_bg;
   position: relative;
   display: flex;

src/views/Index/components/ReadWidely/index.vue

@@ -46,8 +46,8 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 .wrap {
-  width: 100%;
-  height: 100%;
+  width: 100vw;
+  height: 100vh;
   background: url(../../../../assets/img/readwidely/back1.png) no-repeat;
   background-size: 100% 100%;
   display: flex;

src/views/Index/components/Recruit/index.vue

@@ -70,8 +70,8 @@ const showEmpty = ref(true)
 
 <style lang="scss" scoped>
 .wrap {
-  width: 100%;
-  height: 100%;
+  width: 100vw;
+  height: 100vh;
   background: $common_bg;
   position: relative;
   display: flex;
@@ -82,6 +82,7 @@ const showEmpty = ref(true)
     min-height: 90px;
   }
   .flex_center {
+    width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;