<div class="flex-1 m-1 flex flex-wrap"> {#each font_list as font, i} <div on:click={e => (font.selected = !font.selected)} class="c-label {font.selected ? 'c-label-selected' : ''}"> {font.name} </div> {/each} </div> </div> <div on:click={generate_font}>生成字体</div> {#each selected_font as font, i} <div class={font.name}> <div style="font-family:{font.family};font-size:2rem">{text}</div> <div style="font-size:.6rem;text-align: right;">{font.name}</div> </div> {/each} {#each font_list as font, i} {@html `<style>${font.css}</style>`} {/each}