refactor: 修改界面滚动条

src/views/GameList.vue

@@ -72,7 +72,7 @@ function openGame(gameName) {
  * @param {string} gameName 游戏name
  */
 function mouseover(gameName) {
-  // console.log(gameName);
+  console.log(gameName);
   newname.value = gameName;
   hover();
   gameImage.value = `/page3/${gameName}.jpg`;
@@ -92,14 +92,15 @@ function hoverEnd() {
 <style scoped>
 .container {
   position: absolute;
-  width: 1280rem;
-  height: 619rem;
+  width: 100%;
+  height: 100%;
   left: 50%;
   top: 50%;
   transform: translate3d(-50%, -50%, 0);
   background-repeat: no-repeat;
   background-position: center;
-  background-size: 1280rem 670rem;
+  background-size: 1280rem 720rem;
+  overflow: hidden;
 }
 .small-container {
   position: absolute;

src/views/Index.vue

@@ -34,14 +34,13 @@ function handleQuit() {
   height: 720rem;
 }
 .container {
-  width: 1275rem;
-  height: 720rem;
+  width: 100%;
+  height: 100%;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate3d(-50%, -50%, 0);
-  /* background: url(/page1/bg.jpg) no-repeat center center; */
-  /* background-size: 1280rem 720rem; */
+  overflow: hidden;
 }
 .btn-container {
   position: absolute;

src/views/TrainSiteList.vue

@@ -42,14 +42,16 @@ function selectSite(site, i) {
 
 <style scoped>
 .container {
-  width: 1280rem;
-  height: 720rem;
+  width: 100%;
+  height: 100%;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate3d(-50%, -50%, 0);
   background: url(/page2/bg.jpg) no-repeat center center;
   background-size: 1280rem 720rem;
+  overflow-x: hidden;
+  overflow-y: hidden;
 }
 .content {
   position: absolute;