🐛 Fix: 分享按钮只能复制uri

#298
xzhuz · Aug 28, 2022 · f9a9470 · f9a9470
1 parent e696553
commit f9a9470
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 10 deletions.
diff --git a/dist/style.css b/dist/style.css
diff --git a/post.ftl b/post.ftl
@@ -55,7 +55,7 @@
           </div>
           <#if settings.allow_share!true>
             <div class="share-items">
-              <a class="share-link" href="javascript:;" data-clipboard-text="${post.fullPath!}"
+              <a class="share-link share-item" href="javascript:;" data-clipboard-text="${post.fullPath!}"
                  rel="noopener noreferrer" title="复制文章链接">
                 <span class="iconfont icon-round_link_fill text-3xl"></span>
               </a>

diff --git a/source/js/main.js b/source/js/main.js
@@ -367,6 +367,7 @@ const xueContext = {
   shareBtn: function () {
     var clipboard = new ClipboardJS('.share-link');
     clipboard.on('success', function (e) {
+      console.log(111)
       Qmsg.success('Copy article link success.');
       e.clearSelection();
     });
@@ -379,6 +380,12 @@ const xueContext = {
         var $e = $(e)
         var href = $e.attr('href')
         $e.attr('href', href.replace('{url}', url))
+
+        var text = $e.attr('data-clipboard-text')
+
+        if (text) {
+          $e.attr('data-clipboard-text', url)
+        }
       });
 
   },

diff --git a/src/styles/photos.less b/src/styles/photos.less
@@ -41,6 +41,7 @@
   position: relative;
   display: block;
   width: auto;
+  cursor: pointer;
 }
 
 .masonry-gallery .gallery-item {
@@ -51,12 +52,6 @@
   margin-bottom: 10px;
 }
 
-
-//.gallery-icon img {
-//  width: 100%;
-//  height: auto;
-//}
-
 .gallery-caption {
   position: absolute;
   left: 0;
@@ -80,9 +75,10 @@
 .masonry-gallery .gallery-caption .entry-summary {
   text-align: center;
   bottom: 0;
-  padding: 1em;
+  padding: .8rem;
   font-size: .8em;
   color: #f7f6f5;
+  background-color: #ffffff;
 }
 
 .gallery-caption h3, .gallery-caption p {
@@ -105,7 +101,7 @@
 }
 
 .masonry-gallery .gallery-item:hover .gallery-icon {
-  opacity: .3;
+  opacity: .7;
 }
 
 .gallery-item:hover .gallery-caption h3, .gallery-item:hover .gallery-caption p {