zero/blossom
1
0
Fork 0
mirror of https://github.com/blossom-editor/blossom synced 2024-11-17 22:48:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

补充提示信息

Browse Source
This commit is contained in:
xiaozzzi 2023-10-10 15:34:30 +08:00
parent ce1319726d
commit f26c6d9043
4 changed files with 34 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
blossom-editor/src/renderer/src/components/WebCollect.vue
View File

@ -6,18 +6,18 @@
<div class="iconbl bl-a-closeline-line" @click="closeForm"></div> <div class="iconbl bl-a-closeline-line" @click="closeForm"></div>
</bl-row> </bl-row>
<bl-row> <bl-row>
<el-form label-width="70px" v-model="webForm" style="width: calc(100% - 90px);"> <el-form label-width="70px" v-model="webForm" style="width: calc(100% - 90px)">
<el-form-item label="网站名称"> <el-form-item label="网站名称">
<el-input v-model="webForm.name" style="width: 100%;" /> <el-input v-model="webForm.name" style="width: 100%" />
</el-form-item> </el-form-item>
<el-form-item label="网站地址"> <el-form-item label="网站地址">
<el-input v-model="webForm.url" /> <el-input v-model="webForm.url" placeholder="http://..." />
</el-form-item> </el-form-item>
<el-form-item label="网站图标"> <el-form-item label="网站图标">
<el-input v-model="webForm.icon"> <el-input v-model="webForm.icon" placeholder="wl-">
<template #append> <template #append>
<el-tooltip content="查看所有图标" effect="blossomt" placement="top" :hide-after="0"> <el-tooltip content="查看所有图标" effect="blossomt" placement="top" :hide-after="0">
<div style="cursor: pointer;font-size: 20px;" @click="openNewIconWindow()"> <div style="cursor: pointer; font-size: 20px" @click="openNewIconWindow()">
<svg class="icon" aria-hidden="true"> <svg class="icon" aria-hidden="true">
<use xlink:href="#wl-yanfa"></use> <use xlink:href="#wl-yanfa"></use>
</svg> </svg>
@ -27,26 +27,26 @@
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="图标地址"> <el-form-item label="图标地址">
<el-input v-model="webForm.img" /> <el-input v-model="webForm.img" placeholder="http://..." />
</el-form-item> </el-form-item>
<el-form-item label="网站类型"> <el-form-item label="网站类型">
<el-select v-model="webForm.type" class="m-2" placeholder="选择类型" style="width: 140px;"> <el-select v-model="webForm.type" class="m-2" placeholder="选择类型" style="width: 140px">
<el-option label="日常 - Daily" value="daily" /> <el-option label="日常 - Daily" value="daily" />
<el-option label="工作 - Work" value="work" /> <el-option label="工作 - Work" value="work" />
<el-option label="其他 - Other" value="other" /> <el-option label="其他 - Other" value="other" />
</el-select> </el-select>
<el-input-number v-model="webForm.sort" :min="1" style="width: 80px;margin-left: 10px;" /> <el-input-number v-model="webForm.sort" :min="1" style="width: 80px; margin-left: 10px" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="web-item hover"> <div class="web-item hover">
<img v-if="isNotBlank(webForm.img)" :src="webForm.img" style="width: 40px;height: 40px;object-fit: contain;"> <img v-if="isNotBlank(webForm.img)" :src="webForm.img" style="width: 40px; height: 40px; object-fit: contain" />
<svg v-else style="width: 40px;height: 40px;" aria-hidden="true"> <svg v-else style="width: 40px; height: 40px" aria-hidden="true">
<use :xlink:href="'#' + webForm.icon"></use> <use :xlink:href="'#' + webForm.icon"></use>
</svg> </svg>
<div class="web-name">{{ webForm.name }}</div> <div class="web-name">{{ webForm.name }}</div>
</div> </div>
</bl-row> </bl-row>
<bl-row just="space-between" style="margin-bottom: 10px;padding: 0 20px;"> <bl-row just="space-between" style="margin-bottom: 10px; padding: 0 20px">
<el-button type="danger" @click="delWeb" :disabled="!(webForm.id > 0)">删除</el-button> <el-button type="danger" @click="delWeb" :disabled="!(webForm.id > 0)">删除</el-button>
<el-button type="primary" @click="saveWeb">保存</el-button> <el-button type="primary" @click="saveWeb">保存</el-button>
</bl-row> </bl-row>
@ -54,10 +54,8 @@
<bl-row just="flex-end" class="web-collect-title"> <bl-row just="flex-end" class="web-collect-title">
<span class="title-remind" style="">右键点击卡片修改</span> <span class="title-remind" style="">右键点击卡片修改</span>
<span class="iconbl bl-add-line" style="font-size: 20px;margin-right: 10px;cursor: pointer;" <span class="iconbl bl-add-line" style="font-size: 20px; margin-right: 10px; cursor: pointer" @click="showForm()"></span>
@click="showForm()"></span> <span class="iconbl bl-refresh-smile" style="font-size: 20px; margin-right: 10px; cursor: pointer" @click="getWebAll"></span>
<span class="iconbl bl-refresh-smile" style="font-size: 20px;margin-right: 10px;cursor: pointer;"
@click="getWebAll"></span>
Quick Access Quick Access
</bl-row> </bl-row>
<div v-for="(collect, index) in data" @click="closeForm"> <div v-for="(collect, index) in data" @click="closeForm">
@ -65,10 +63,9 @@
{{ collect.title }} {{ collect.title }}
</bl-row> </bl-row>
<div class="web-collect-content"> <div class="web-collect-content">
<div class="web-item" v-for="web in collect.webs" :key="web.name" @click="openExtenal(web.url)" <div class="web-item" v-for="web in collect.webs" :key="web.name" @click="openExtenal(web.url)" @contextmenu="showForm(web)">
@contextmenu="showForm(web)"> <img v-if="isNotBlank(web.img)" :src="web.img" style="width: 40px; height: 40px; object-fit: contain" />
<img v-if="isNotBlank(web.img)" :src="web.img" style="width: 40px;height: 40px;object-fit: contain;"> <svg v-else style="width: 40px; height: 40px" aria-hidden="true">
<svg v-else style="width: 40px;height: 40px;" aria-hidden="true">
<use :xlink:href="'#' + web.icon"></use> <use :xlink:href="'#' + web.icon"></use>
</svg> </svg>
<div class="web-name">{{ web.name }}</div> <div class="web-name">{{ web.name }}</div>
@ -95,7 +92,7 @@ onActivated(() => {
const data = ref<any>([]) const data = ref<any>([])
const getWebAll = () => { const getWebAll = () => {
webAllApi().then(resp => { webAllApi().then((resp) => {
let webs = [ let webs = [
{ title: 'Daily', webs: resp.data.daily }, { title: 'Daily', webs: resp.data.daily },
{ title: 'Work', webs: resp.data.work }, { title: 'Work', webs: resp.data.work },
@ -117,19 +114,22 @@ const showForm = (updWeb?: any) => {
} }
} }
const closeForm = () => { const closeForm = () => {
saveFormStyle.value = { display: 'none' }; saveFormStyle.value = { display: 'none' }
} }
const saveWeb = () => { const saveWeb = () => {
webSaveApi(webForm.value).then(_resp => { webSaveApi(webForm.value).then((_resp) => {
getWebAll() getWebAll()
closeForm() closeForm()
}) })
} }
const delWeb = () => { const delWeb = () => {
ElMessageBox.confirm(`删除后将不可恢复, 是否确定删除[${webForm.value.name}]?`, { ElMessageBox.confirm(`删除后将不可恢复, 是否确定删除[${webForm.value.name}]?`, {
confirmButtonText: '确定删除', cancelButtonText: '我再想想', type: 'info', draggable: true, confirmButtonText: '确定删除',
cancelButtonText: '我再想想',
type: 'info',
draggable: true
}).then(() => { }).then(() => {
webDelApi(webForm.value).then(_resp => { webDelApi(webForm.value).then((_resp) => {
getWebAll() getWebAll()
closeForm() closeForm()
}) })
@ -140,14 +140,14 @@ const delWeb = () => {
<style scoped lang="scss"> <style scoped lang="scss">
.web-collect-root { .web-collect-root {
@include box(100%, 100%); @include box(100%, 100%);
@include themeBg(#ffffff00, #1E1E1E75); @include themeBg(#ffffff00, #1e1e1e75);
backdrop-filter: blur(4px); backdrop-filter: blur(4px);
padding-left: 10px; padding-left: 10px;
overflow: auto; overflow: auto;
overflow-y: overlay; overflow-y: overlay;
.web-collect-title { .web-collect-title {
@include themeColor(#BDBDBD, #a3a6ad); @include themeColor(#bdbdbd, #a3a6ad);
flex-wrap: wrap-reverse; flex-wrap: wrap-reverse;
align-content: flex-end; align-content: flex-end;
text-shadow: var(--bl-text-shadow); text-shadow: var(--bl-text-shadow);
@ -169,7 +169,7 @@ const delWeb = () => {
} }
.web-collect-group { .web-collect-group {
@include themeColor(#BDBDBD, #a3a6ad); @include themeColor(#bdbdbd, #a3a6ad);
@include font(14px); @include font(14px);
text-shadow: var(--bl-text-shadow); text-shadow: var(--bl-text-shadow);
padding: 10px 20px; padding: 10px 20px;
@ -202,7 +202,7 @@ const delWeb = () => {
.web-name { .web-name {
@include box(100%, 32px); @include box(100%, 32px);
@include themeColor(#A5A5A5, #929292); @include themeColor(#a5a5a5, #929292);
@include themeText(2px 2px 4px rgba(107, 104, 104, 0.7), 2px 3px 5px rgb(0, 0, 0)); @include themeText(2px 2px 4px rgba(107, 104, 104, 0.7), 2px 3px 5px rgb(0, 0, 0));
text-align: center; text-align: center;
font-size: 11px; font-size: 11px;
@ -219,8 +219,8 @@ const delWeb = () => {
.save-form { .save-form {
@include box(100%, 270px); @include box(100%, 270px);
@include absolute(0, 0); @include absolute(0, 0);
@include themeBg(#FFFFFFF1, #000000DD); @include themeBg(#fffffff1, #000000dd);
@include themeShadow(3px 3px 10px 1px #CCCCCC, 3px 3px 10px 1px #000000); @include themeShadow(3px 3px 10px 1px #cccccc, 3px 3px 10px 1px #000000);
z-index: 99999999; z-index: 99999999;
border-top-left-radius: 10px; border-top-left-radius: 10px;
border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;

4
blossom-editor/src/renderer/src/views/article/ArticleInfo.vue
View File

@ -139,7 +139,7 @@
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="图标"> <el-form-item label="图标">
<el-input v-model="docForm.icon" style="width:176px" placeholder="图标"> <el-input v-model="docForm.icon" style="width:176px" placeholder="图标, wl-">
<template #append> <template #append>
<el-tooltip content="查看所有图标" effect="blossomt" placement="top" :hide-after="0"> <el-tooltip content="查看所有图标" effect="blossomt" placement="top" :hide-after="0">
<div style="cursor: pointer;font-size: 20px;" @click="openNewIconWindow()"> <div style="cursor: pointer;font-size: 20px;" @click="openNewIconWindow()">
@ -154,7 +154,7 @@
<!-- --> <!-- -->
<el-form-item label="封面"> <el-form-item label="封面">
<el-input v-model="docForm.cover" style="width:432px" placeholder="封面图片的访问地址"> <el-input v-model="docForm.cover" style="width:432px" placeholder="封面图片的访问地址, http://...">
<template #prefix> <template #prefix>
<el-icon size="15"> <el-icon size="15">
<Picture /> <Picture />

2
blossom-editor/src/renderer/src/views/index/SettingConfigUserinfo.vue
View File

@ -37,7 +37,7 @@
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="头像" prop="avatar"> <el-form-item label="头像" prop="avatar">
<el-input v-model="userinfoForm.avatar" size="default" placeholder="请输入图片地址"> <el-input v-model="userinfoForm.avatar" size="default" placeholder="请输入图片地址, http://...">
<template #prefix> <template #prefix>
<div class="iconbl bl-image--line" style="font-size: 20px;"></div> <div class="iconbl bl-image--line" style="font-size: 20px;"></div>
</template> </template>

2
blossom-editor/src/renderer/src/views/picture/PictureInfo.vue
View File

@ -56,7 +56,7 @@
</el-form-item> </el-form-item>
<el-form-item label="图标"> <el-form-item label="图标">
<el-input v-model="docForm.icon" style="width:176px" placeholder="图标"> <el-input v-model="docForm.icon" style="width:176px" placeholder="图标, wl-">
<template #append> <template #append>
<el-tooltip content="查看所有图标" effect="blossomt" placement="top" :hide-after="0"> <el-tooltip content="查看所有图标" effect="blossomt" placement="top" :hide-after="0">
<div style="cursor: pointer;font-size: 20px;" @click="openNewIconWindow()"> <div style="cursor: pointer;font-size: 20px;" @click="openNewIconWindow()">