page mobile compatible

src/views/balance/Balance.vue

@@ -54,15 +54,12 @@ import { calculateTotalAmount } from './log'
   height: 100vh;
   display: flex;
   flex-direction: column;
-  min-width: 1100px;
-  min-height: 600px;
+  min-height: 800px;
   color: var(--kungalgame-font-color-3);
 }
 /* 文章部分 */
 .article {
-  /* 固定宽高 */
-  width: 1000px;
-  height: 500px;
+  min-height: 500px;
   /* 居中 */
   margin: auto;
   background-color: var(--kungalgame-trans-white-5);
@@ -136,4 +133,11 @@ import { calculateTotalAmount } from './log'
     background-color: var(--kungalgame-green-4);
   }
 }
+
+@media (max-width: 1000px) {
+  .content {
+    flex-direction: column;
+    width: 100%;
+  }
+}
 </style>

src/views/bylaw/Bylaw.vue

@@ -91,7 +91,6 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
   height: 100vh;
   display: flex;
   flex-direction: column;
-  min-width: 800px;
   min-height: 1100px;
 }
 /* 总容器 */
@@ -175,4 +174,11 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
 .topic > ul li {
   margin: 5px 0;
 }
+
+@media (max-width: 1000px) {
+  .container {
+    width: 100%;
+    padding: 0;
+  }
+}
 </style>

src/views/edit/Edit.vue

@@ -39,7 +39,7 @@ const submit = () => {
           </div>
         </div>
         <!-- 编辑器 -->
-        <WangEditor class="editor" @html="" />
+        <WangEditor class="editor" />
       </div>
 
       <!-- 内容区的底部 -->
@@ -64,8 +64,7 @@ const submit = () => {
 
 .root {
   height: 100vh;
-  min-height: 1100px;
-  min-width: 900px;
+  min-height: 1200px;
   display: flex;
   flex-direction: column;
 }
@@ -123,4 +122,10 @@ const submit = () => {
   flex-direction: column;
   align-items: center;
 }
+
+@media (max-width: 1000px) {
+  .container {
+    width: 100%;
+  }
+}
 </style>

src/views/kungalgame/KUNGalgame.vue

@@ -268,4 +268,11 @@ a {
   list-style: inside;
   text-indent: 4em;
 }
+
+@media (max-width: 1000px) {
+  .content-container {
+    width: 100%;
+    padding: 0;
+  }
+}
 </style>

src/views/non-moe/NonMoe.vue

@@ -32,14 +32,13 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
   height: 100vh;
   display: flex;
   flex-direction: column;
-  min-width: 800px;
   min-height: 750px;
 }
 /* 根容器 */
 .container {
   /* 固定宽高 */
   height: 600px;
-  width: 700px;
+  max-width: 800px;
   /* 居中 */
   margin: auto;
   background-color: var(--kungalgame-trans-white-5);
@@ -69,8 +68,6 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
 }
 /* 文章部分 */
 .article {
-  width: 600px;
-  flex-shrink: 0;
   background-color: var(--kungalgame-trans-white-5);
   border-left: 1px solid var(--kungalgame-red-4);
   display: flex;
@@ -80,6 +77,7 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
 /* 文章标题 */
 .article-title {
   margin: 20px 0;
+  padding: 0 20px;
   font-size: 20px;
 }
 /* 内容区容器 */

src/views/privacy/Privacy.vue

@@ -35,7 +35,7 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
         <BackToPrevious />
       </div>
       <!-- 版权 -->
-      <KUNGalgameFooter style="position: absolute; bottom: -40px" />
+      <KUNGalgameFooter style="position: absolute; bottom: -60px" />
     </div>
   </div>
 </template>
@@ -44,8 +44,6 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
 .root {
   height: 100vh;
   width: 100vw;
-  min-width: 700px;
-  min-height: 600px;
   background: linear-gradient(
     var(--kungalgame-trans-pink-1),
     var(--kungalgame-trans-blue-1)
@@ -58,8 +56,8 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
 /* 内容区容器 */
 .container {
   /* 固定宽高 */
-  width: 600px;
-  height: 500px;
+  max-width: 600px;
+  max-height: 500px;
   /* 居中 */
   margin: auto;
   position: relative;
@@ -85,7 +83,7 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
 }
 /* 单个项目之间的距离 */
 .list > li {
-  margin: 7px 0;
+  margin-bottom: 30px;
   list-style: inside;
 }
 /* 页面的标题 */

src/views/thanks-list/ThanksList.vue

@@ -93,7 +93,7 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
 }
 .container {
   /* 固定宽高 */
-  width: 900px;
+  max-width: 900px;
   height: 1300px;
   /* 居中 */
   margin: auto;