Explorar el Código

fix: 不同布局设置不同的minWidth

Darkhorsedamon hace 2 años
padre
commit
435cd880b7
Se han modificado 5 ficheros con 13 adiciones y 10 borrados
  1. 0 1
      assets/main.scss
  2. 2 5
      layouts/components/navbar2.vue
  3. 2 2
      layouts/default.vue
  4. 8 1
      layouts/downnav.vue
  5. 1 1
      pages/question.vue

+ 0 - 1
assets/main.scss

@@ -5,7 +5,6 @@ html {
 }
 
 body {
-  min-width: 1200px;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }

+ 2 - 5
layouts/components/navbar2.vue

@@ -3,10 +3,10 @@
  * @Author: 李阳滨
  * @LastEditors: 欧阳承珺
  * @Date: 2022-10-31 11:32:24
- * @LastEditTime: 2022-11-03 15:33:53
+ * @LastEditTime: 2022-11-11 15:34:02
 -->
 <template>
-  <div>
+  <div class="min-w-0px">
     <div
       class="navbar navbar-default header relative min-h-50px z-3 m-0 bg-transparent tiny:rounded-4px tiny:h-80px <tiny:z-112 <tiny:border-none bg-[#f8f8f8] border-gray-[#e7e7e7]"
     >
@@ -169,9 +169,6 @@ export default {
 </script>
 
 <style>
-body {
-  min-width: 0px;
-}
 
 @media screen and (max-width: 959px) {
   .nav-header.active {

+ 2 - 2
layouts/default.vue

@@ -3,10 +3,10 @@
  * @Author: 欧阳承珺
  * @LastEditors: 欧阳承珺
  * @Date: 2022-10-17 15:11:18
- * @LastEditTime: 2022-11-10 15:20:31
+ * @LastEditTime: 2022-11-11 15:37:15
 -->
 <template>
-  <div class="font-primary">
+  <div class="font-primary min-w-1200px">
     <Navbar></Navbar>
     <Nuxt></Nuxt>
     <FooterBar></FooterBar>

+ 8 - 1
layouts/downnav.vue

@@ -1,5 +1,12 @@
+<!--
+ * @Description: 
+ * @Author: 欧阳承珺
+ * @LastEditors: 欧阳承珺
+ * @Date: 2022-11-10 15:14:20
+ * @LastEditTime: 2022-11-11 15:38:50
+-->
 <template>
-    <div>
+    <div class="min-w-0px">
       <Navbar2></Navbar2>
       <Nuxt></Nuxt>
       <footerBar2></footerBar2>

+ 1 - 1
pages/question.vue

@@ -95,7 +95,7 @@ class=" w-192px h-48px leading-[48px] text-center text-[#333] text-[16px] bg-[fa
                     </div>
                 </div>
                 <!-- 文件注释 -->
-                <div class="list note hidden" :class="{active: '#note' == ins.hash}">
+                <div class="list hidden" :class="{active: '#note' == ins.hash}">
                     <div class="item mb-30px">
                         <h3 class="text-[20px] text-[1.1] mb-18px font-bold">1.如何使用手绘&amp;手写?</h3>
                         <p class="text-[16px] leading-[30px]">