调整高度、默认宽度

src/App.vue

@@ -2,7 +2,7 @@
 import {ref, watch, onMounted, reactive} from "vue";
 
 /** 子项默认宽度 */
-const itemWidth = ref(18);
+const itemWidth = ref(10);
 /** 父Flex属性–Flex容器 默认值 */
 const flexContainerForm: { [key: string]: any } = reactive({
   "flex-direction": "row",
@@ -252,7 +252,7 @@ setInterval(() => {
               <span>Width：{{ itemWidth }}</span>
               <a-slider
                   v-model="itemWidth"
-                  :min="18"
+                  :min="10"
                   :max="100"
                   :step="1"
                   :style="{ paddingLeft: '10px', width: '90%' }"

src/assets/main.css

@@ -11,7 +11,7 @@ body {
     margin: 0 auto;
     /*padding: 0 2rem;*/
     font-weight: normal;
-    overflow: hidden;
+    overflow-x: hidden;
 }
 
 a {