2021-05-09 14:21:31

dbe1238a · wizardforcel · 5a14c529 · dbe1238a · dbe1238a · dbe1238a
隐藏空白更改
内联并排

Showing with 51 addition and 0 deletion

asset/share.css asset/share.css +15 -0

asset/share.js asset/share.js +24 -0

asset/share.svg asset/share.svg +10 -0

index.html index.html +2 -0

未找到文件。
--- a/asset/share.css
+++ b/asset/share.css
+#share-btn {
+	position: fixed;
+	right: 15px;
+	top: 220px;
+	width: 35px;
+	height: 35px;
+	background-repeat: no-repeat;
+	background-size: cover;
+	cursor: pointer;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	background-image: url('share.svg');
+}
\ No newline at end of file
--- a/asset/share.js
+++ b/asset/share.js
+document.addEventListener('DOMContentLoaded', function() {
+    var shareBtn = document.createElement('a')
+    shareBtn.id = 'share-btn'
+    shareBtn.className = 'bdsharebuttonbox'
+    shareBtn.setAttribute('data-cmd', 'more')
+    document.body.append(shareBtn)
+    
+    window._bd_share_config = {
+        "common":{
+            "bdSnsKey":{},
+            "bdText":"",
+            "bdMini":"1",
+            "bdMiniList":false,
+            "bdPic":"",
+            "bdStyle":"2",
+            "bdSize":"16"
+        },
+        "share":{}
+    }
+    var sc = document.createElement('script')
+    sc.src = 'http://bdimg.share.baidu.com/static/api/js/share.js' + 
+        '?v=89860593.js?cdnversion=' + ~(-new Date()/36e5)
+    document.body.append(sc)
+})
\ No newline at end of file
--- a/asset/share.svg
+++ b/asset/share.svg
+<!--?xml version="1.0" encoding="UTF-8" standalone="no"?-->
+<svg viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="si-glyph si-glyph-share-1">
+    <!-- Generator: Sketch 3.0.3 (7891) - http://www.bohemiancoding.com/sketch -->
+    <title>Share-1</title>
+    
+    <defs></defs>
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M12.969,10.062 C12.139,10.062 11.391,10.404 10.852,10.953 L5.893,8.474 C5.915,8.328 5.938,8.183 5.938,8.032 C5.938,7.826 5.917,7.625 5.878,7.43 L10.755,4.991 C11.299,5.606 12.085,6.001 12.97,6.001 C14.61,6.001 15.939,4.672 15.939,3.032 C15.939,1.392 14.61,0.063 12.97,0.063 C11.33,0.063 10.001,1.392 10.001,3.032 C10.001,3.061 10.009,3.09 10.01,3.119 L4.81,5.72 C4.302,5.316 3.669,5.064 2.97,5.064 C1.33,5.064 0.000999999931,6.393 0.000999999931,8.033 C0.000999999931,9.673 1.33,11.002 2.97,11.002 C3.728,11.002 4.412,10.709 4.937,10.241 L10.027,12.786 C10.019,12.869 10.002,12.949 10.002,13.033 C10.002,14.673 11.331,16.002 12.971,16.002 C14.611,16.002 15.94,14.673 15.94,13.033 C15.94,11.393 14.608,10.062 12.969,10.062 L12.969,10.062 Z M13.031,1.656 C13.774,1.656 14.375,2.258 14.375,3 C14.375,3.742 13.774,4.344 13.031,4.344 C12.288,4.344 11.687,3.742 11.687,3 C11.687,2.258 12.288,1.656 13.031,1.656 L13.031,1.656 Z M3.031,9.406 C2.254,9.406 1.625,8.777 1.625,8 C1.625,7.224 2.254,6.594 3.031,6.594 C3.808,6.594 4.437,7.224 4.437,8 C4.438,8.777 3.809,9.406 3.031,9.406 L3.031,9.406 Z M13.031,14.406 C12.254,14.406 11.625,13.777 11.625,13 C11.625,12.223 12.254,11.594 13.031,11.594 C13.808,11.594 14.437,12.223 14.437,13 C14.437,13.777 13.809,14.406 13.031,14.406 L13.031,14.406 Z" fill="#434343" class="si-glyph-fill"></path>
+    </g>
+</svg>
\ No newline at end of file
--- a/index.html
+++ b/index.html
@@ -18,6 +18,8 @@

  <link rel="stylesheet" href="asset/dark-mode.css">
  <script src="asset/dark-mode.js"></script>
+  <link rel="stylesheet" href="asset/share.css">
+  <script src="asset/share.js"></script>
 </head>
 <body>
  <div id="app">now loading...</div>