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

优化html输出

Browse Source
This commit is contained in:
cloud 2022-11-03 05:52:41 +08:00
parent 2239c9ded3
commit a74a2b7e61
4 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/assets/index.3a64a33e.js → dist/assets/index.615a712c.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/assets/index.07384e15.css → dist/assets/index.94290b29.css 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.3a64a33e.js"></script> <script type="module" crossorigin src="/assets/index.615a712c.js"></script>
<link rel="stylesheet" href="/assets/index.07384e15.css"> <link rel="stylesheet" href="/assets/index.94290b29.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

4
src/App.vue
View File

@ -167,8 +167,8 @@ const fiexSubmitHtml = () => {
let html = `<div class="flexbox">`; let html = `<div class="flexbox">`;
// 获取所有子项 // 获取所有子项
Object.keys(flexItemForm).forEach((ikey, index) => { Object.keys(flexItemForm).forEach((ikey, index) => {
const itemClass = "flex-item item-" + (index + 1); const itemClass = "item-" + (index + 1);
html += `<div class="${itemClass}">${itemClass}</div>`; html += `<div class="flex-item ${itemClass}">${itemClass}</div>`;
}); });
html += `</div>`; html += `</div>`;
fiexBoxDomHtml.value = html; fiexBoxDomHtml.value = html;