github/PPTist
1
0
Fork 0
mirror of https://github.com/pipipi-pikachu/PPTist.git synced 2025-04-15 02:20:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: 增加模板、UI调整

Browse Source
This commit is contained in:
zxc 2025-03-02 16:24:13 +08:00
parent f0127686a2
commit 8ff505c884
3 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/store/slides.ts
View File

@ -53,8 +53,10 @@ export const useSlidesStore = defineStore('slides', {
viewportSize: 1000, // 可视区域宽度基数 viewportSize: 1000, // 可视区域宽度基数
viewportRatio: 0.5625, // 可视区域比例，默认16:9 viewportRatio: 0.5625, // 可视区域比例，默认16:9
templates: [ templates: [
{ name: '红色通用模板', id: 'template_1', cover: 'https://asset.pptist.cn/img/template_1.jpg' }, { name: '红色通用', id: 'template_1', cover: 'https://asset.pptist.cn/img/template_1.jpg' },
{ name: '蓝色通用模板', id: 'template_2', cover: 'https://asset.pptist.cn/img/template_2.jpg' }, { name: '蓝色通用', id: 'template_2', cover: 'https://asset.pptist.cn/img/template_2.jpg' },
{ name: '紫色通用', id: 'template_3', cover: 'https://asset.pptist.cn/img/template_3.jpg' },
{ name: '莫兰迪配色', id: 'template_4', cover: 'https://asset.pptist.cn/img/template_4.jpg' },
], // 模板 ], // 模板
}), }),

14
src/views/Editor/AIPPTDialog.vue
View File

@ -22,7 +22,7 @@
</template> </template>
</Input> </Input>
<div class="recommends"> <div class="recommends">
<div class="recommend" v-for="(item, index) in recommends" :key="index" @click="keyword = item">{{ item }}</div> <div class="recommend" v-for="(item, index) in recommends" :key="index" @click="setKeyword(item)">{{ item }}</div>
</div> </div>
<div class="model-selector"> <div class="model-selector">
<div class="label">选择AI模型：</div> <div class="label">选择AI模型：</div>
@ -116,6 +116,11 @@ onMounted(() => {
}, 500) }, 500)
}) })
const setKeyword = (value: string) => {
keyword.value = value
inputRef.value!.focus()
}
const createOutline = async () => { const createOutline = async () => {
if (!keyword.value) return message.error('请先输入PPT主题') if (!keyword.value) return message.error('请先输入PPT主题')
@ -194,8 +199,13 @@ const createPPT = async () => {
.title { .title {
font-weight: 700; font-weight: 700;
font-size: 18px; font-size: 20px;
margin-right: 8px; margin-right: 8px;
background: linear-gradient(270deg, #d897fd, #33bcfc);
background-clip: text;
color: transparent;
vertical-align: text-bottom;
line-height: 1.1;
} }
.subtite { .subtite {
color: #888; color: #888;

10
src/views/Editor/EditorHeader/index.vue
View File

@ -57,7 +57,7 @@
</Popover> </Popover>
</div> </div>
<div class="menu-item" v-tooltip="'AI生成PPT'" @click="openAIPPTDialog(); mainMenuVisible = false"> <div class="menu-item" v-tooltip="'AI生成PPT'" @click="openAIPPTDialog(); mainMenuVisible = false">
<span class="text">AI</span> <span class="text ai">AI</span>
</div> </div>
<div class="menu-item" v-tooltip="'导出'" @click="setDialogForExport('pptx')"> <div class="menu-item" v-tooltip="'导出'" @click="setDialogForExport('pptx')">
<IconDownload class="icon" /> <IconDownload class="icon" />
@ -171,7 +171,13 @@ const openAIPPTDialog = () => {
.text { .text {
width: 18px; width: 18px;
text-align: center; text-align: center;
font-size: 16px; font-size: 17px;
}
.ai {
background: linear-gradient(270deg, #d897fd, #33bcfc);
background-clip: text;
color: transparent;
font-weight: 700;
} }
&:hover { &:hover {