cloud
/
flexbox
1
0
Fork 0
Code Pull Requests Projects Releases 1 Activity

调整高度、默认宽度

This commit is contained in:
cloud 2022-11-03 05:42:03 +08:00
parent 670ce1fca3
commit 53723eb074
5 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
dist/assets/index.1ec5069b.css vendored
View File

File diff suppressed because one or more lines are too long

1
dist/assets/index.ee16b107.js vendored
View File

File diff suppressed because one or more lines are too long

4
dist/index.html vendored
View File

@ -5,8 +5,8 @@
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CSS3 Flexbox 在线演示---语言爱好网</title>
<script type="module" crossorigin src="/assets/index.ee16b107.js"></script>
<link rel="stylesheet" href="/assets/index.1ec5069b.css">
<script type="module" crossorigin src="/assets/index.3a64a33e.js"></script>
<link rel="stylesheet" href="/assets/index.07384e15.css">
</head>
<body>
<div id="app"></div>

4
src/App.vue
View File

@ -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%' }"

2
src/assets/main.css
View File

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