Skip to content

Commit

Permalink
为标题添加字体
Browse files Browse the repository at this point in the history
  • Loading branch information
memset0 committed Sep 25, 2024
1 parent 480a173 commit 5682254
Show file tree
Hide file tree
Showing 2 changed files with 20 additions and 8 deletions.
7 changes: 7 additions & 0 deletions src/App.vue
Original file line number Diff line number Diff line change
Expand Up @@ -49,14 +49,21 @@ const handleDrawerOpenChange = (event) => {
</template>

<style scoped>
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
.appbar-title {
text-align: right;
padding-right: 1rem;
letter-spacing: 1px;
font-size: 2rem;
/* font-weight: 400; */
font-family: 'Roboto Slab', serif;
}
@media (max-width: 840px) {
.appbar-title {
text-align: center;
font-size: 1.6rem;
padding-right: calc(40px + 0.5rem);
}
}
Expand Down
21 changes: 13 additions & 8 deletions src/components/Main.vue
Original file line number Diff line number Diff line change
Expand Up @@ -12,15 +12,15 @@ const prompt = ref("请帮我设计一款香水【默认提示词】");
placeholder="在这里键入提示词来得到你想要的香水哦..." rows="3" maxlength="200" counter></mdui-text-field>

<mdui-list>
<!-- <mdui-collapse-item>
<mdui-list-item slot="header">Item 1</mdui-list-item>
<div style="margin-left: 2.5rem">
<mdui-list-item>Item 1 - subitem</mdui-list-item>
<mdui-list-item>Item 1 - subitem</mdui-list-item>
<mdui-list-item>Item 1 - subitem</mdui-list-item>
</div>
</mdui-collapse-item> -->
<mdui-collapse accordion>
<mdui-collapse-item>
<mdui-list-item slot="header">Item 1</mdui-list-item>
<div style="margin-left: 2.5rem">
<mdui-list-item>Item 1 - subitem</mdui-list-item>
<mdui-list-item>Item 1 - subitem</mdui-list-item>
<mdui-list-item>Item 1 - subitem</mdui-list-item>
</div>
</mdui-collapse-item>
<mdui-collapse-item>
<mdui-list-item slot="header">
<mdui-icon-insights slot="icon"></mdui-icon-insights>
Expand Down Expand Up @@ -107,4 +107,9 @@ const prompt = ref("请帮我设计一款香水【默认提示词】");
margin: 3em 0;
}
}
mdui-list-item {
border-radius: var(--shape-corner) !important;
overflow: hidden;
}
</style>

0 comments on commit 5682254

Please sign in to comment.