cloud/flexbox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化CSS输出

Browse Source
This commit is contained in:
cloud 2022-11-03 06:05:39 +08:00
parent a74a2b7e61
commit 03958117b2
4 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/assets/index.94290b29.css → dist/assets/index.17ce6544.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/assets/index.615a712c.js → dist/assets/index.a7dc6faf.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" /> <link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CSS3 Flexbox 在线演示---语言爱好网</title> <title>CSS3 Flexbox 在线演示---语言爱好网</title>
<script type="module" crossorigin src="/assets/index.615a712c.js"></script> <script type="module" crossorigin src="/assets/index.a7dc6faf.js"></script>
<link rel="stylesheet" href="/assets/index.94290b29.css"> <link rel="stylesheet" href="/assets/index.17ce6544.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

8
src/App.vue
View File

@ -111,6 +111,9 @@ const flexContainerFormStyleFun = () => {
Object.keys(flexContainerForm).forEach((key) => { Object.keys(flexContainerForm).forEach((key) => {
flexContainerFormStyle["display"] = "flex"; flexContainerFormStyle["display"] = "flex";
flexContainerFormStyle["height"] = "95%"; flexContainerFormStyle["height"] = "95%";
flexContainerFormStyle["minHeight"] = "160px";
flexContainerFormStyle["padding"] = "10px";
flexContainerFormStyle["backgroundColor"] = "goldenrod";
flexContainerFormStyle[toUp(key)] = flexContainerForm[key]; flexContainerFormStyle[toUp(key)] = flexContainerForm[key];
}); });
}; };
@ -430,11 +433,6 @@ h3 {
/** /**
效果实现 效果实现
*/ */
.flexbox {
padding: 10px;
background-color: goldenrod;
}
.flexbox :deep(.arco-card-size-medium .arco-card-body) { .flexbox :deep(.arco-card-size-medium .arco-card-body) {
padding: 5px; padding: 5px;
} }