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

8
src/App.vue
View File

@ -111,6 +111,9 @@ const flexContainerFormStyleFun = () => {
Object.keys(flexContainerForm).forEach((key) => {
flexContainerFormStyle["display"] = "flex";
flexContainerFormStyle["height"] = "95%";
flexContainerFormStyle["minHeight"] = "160px";
flexContainerFormStyle["padding"] = "10px";
flexContainerFormStyle["backgroundColor"] = "goldenrod";
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) {
padding: 5px;
}