样式优化

blossom-editor/src/renderer/src/views/article/ArticleIndex.vue

@@ -3,17 +3,13 @@
 
     <!-- folder menu -->
     <div class="doc-container" :style="{ width: docEditorStyle.docs }" v-show="docsExpand">
-
       <div class="doc-tree-menu-container" :style="tempTextareaStyle.docTree">
         <ArticleTreeDocs @click-doc="clickCurDoc" ref="ArticleTreeDocsRef"></ArticleTreeDocs>
       </div>
 
       <div class="doc-temp-textarea">
         <bl-row just="space-between" height="28px" class="doc-temp-textarea-workbench">
-          <bl-row style="font-size: 10px;">
+          <bl-row><img src="@renderer/assets/imgs/note/cd.png">临时内容(可从便签快速设置)</bl-row>
-            <img src="@renderer/assets/imgs/note/cd.png" style="width: 15px;margin-right: 5px;">
-            临时内容(可从便签快速设置)
-          </bl-row>
           <div class="iconbl bl-subtract-line" @click="tempTextareaExpand = !tempTextareaExpand"></div>
         </bl-row>
         <bl-row class="doc-temp-textarea-input" :style="tempTextareaStyle.tempTextarea">
@@ -274,7 +270,6 @@ const exitView = () => {
 
 //#endregion
 
-
 //#region ----------------------------------------< 图片管理 >--------------------------------------
 const PictureViewerInfoRef = ref()
 const showPicInfo = (url: string) => {

blossom-editor/src/renderer/src/views/article/styles/bl-preview-toc.scss

@@ -157,7 +157,7 @@
   .img-content {
     @include box(100%, auto);
     @include flex(row, flex-start, flex-start);
-    min-height: 60px;
+    // min-height: 60px;
     max-height: 130px;
     align-content: flex-start;
     flex-wrap: wrap;

blossom-editor/src/renderer/src/views/home/ArticleStars.vue

@@ -84,16 +84,6 @@ defineExpose({ reload })
   }
 }
 
-
-// .article-stars-root {
-//   @include box(100%, 100%);
-//   @include flex(row, flex-start, flex-start);
-//   flex-wrap: wrap;
-//   align-content: flex-start;
-//   overflow: auto;
-//   overflow-y: overlay;
-// }
-
 .placeholder {
   padding: 20px 0 0 20px;
   color: var(--bl-text-color-light);
@@ -102,7 +92,7 @@ defineExpose({ reload })
 .star-item {
   @include box(210px, 70px, 210px, 210px);
   position: relative;
-  margin: 10px 15px;
+  margin: 10px 10px;
   filter: drop-shadow(2px 2px 2px rgb(180, 180, 180));
 
   [class="dark"] & {

blossom-editor/src/renderer/src/views/home/ArticleSubjects.vue

@@ -121,7 +121,7 @@ $width-item: 210px;
   @include themeBg(linear-gradient(155deg, #ffffff00 0%, #F0F0F0 60%, var(--bl-subject-color1) 100%),
     linear-gradient(155deg, var(--bl-html-color) 0%, var(--el-color-primary-light-9) 60%, var(--bl-subject-color1) 100%));
   border-radius: 5px;
-  margin: 15px;
+  margin: 15px 10px;
   transition: 0.3s;
   position: relative;
   overflow: hidden;

blossom-editor/src/renderer/src/views/picture/PictureIndex.vue

@@ -80,10 +80,10 @@
             <el-tooltip placement="bottom" trigger="click" :hide-after="0">
               <template #content>
                 <div style="max-width: 300px;white-space:break-spaces;word-wrap: break-word;word-break:break-all;">
-                  <bl-row style="word-wrap: break-word;">图片名称: {{ pic.name }}</bl-row>
+                  <bl-row>图片名称: {{ pic.name }}</bl-row>
                   <bl-row>图片大小: {{ formatFileSize(pic.size) }}</bl-row>
-                  <bl-row style="word-wrap: break-word;">上传时间: {{ pic.creTime }}</bl-row>
+                  <bl-row>上传时间: {{ pic.creTime }}</bl-row>
-                  <bl-row style="word-wrap: break-word;">图片路径: {{ pic.pathName }}</bl-row>
+                  <bl-row>图片路径: {{ pic.pathName }}</bl-row>
                   <bl-row v-if="!isEmpty(pic.articleNames)" align="flex-start">引用文章:
                     <div>
                       <div v-for="aname in articleNamesToArray(pic.articleNames)" style="margin-left: -13px;">
@@ -95,7 +95,7 @@
               </template>
               <div class="item iconbl bl-problem-line"></div>
             </el-tooltip>
-            <div class="item iconbl bl-copy-line" @click="copyUrl(pic.url)"></div>
+            <div class="item iconbl bl-copy-line" @click="copyUrl(pic.url)" @click.right="copyMarkdownUrl(pic.url)"></div>
             <div class="item iconbl bl-a-clouddownload-line" @click="download(pic.url)"></div>
             <div v-if="pic.starStatus == 0" class="item iconbl bl-star-line" @click="starPicture(pic)"></div>
             <div v-else-if="pic.starStatus == 1" class="item iconbl bl-star-fill" @click="starPicture(pic)"></div>
@@ -192,6 +192,7 @@ const clickCurFolder = (tree: DocTree) => {
   curFolder.value = treeToInfo(tree)
   picuturePageParam.value.pageNum = 1
   picuturePageParam.value.pid = curFolder.value.id
+  picturePages.value = []
   picturePageApi(picuturePageParam.value).then(resp => {
     picturePages.value = resp.data.datas
   })