add view-source buttons

demos/calendar.html

@@ -16,6 +16,7 @@ <h1 class="date"></h1>
     <div class="calendar"></div>
   </div>
   <script src="../lib/dom/index.js"></script>
+  <script src="view-source.js"></script>
   <script src="../lib/date2/index.js"></script>
   <script src="../lib/calendar/index.js"></script>
   <style>

demos/fullpage.html

@@ -19,6 +19,7 @@
   </div>
 
   <script src="../lib/dom/index.js"></script>
+  <script src="view-source.js"></script>
   <script src="../lib/fullpage/index.js"></script>
   <style>
     body{ margin:0; color: #0F0E0D; }

demos/image-picker.html

@@ -17,6 +17,7 @@
     </div>
   </div>
   <script src="../lib/dom/index.js"></script>
+  <script src="view-source.js"></script>
   <script src="../lib/image-picker/index.js"></script>
   <style>
     .image-picker{ width: 100px; height: 100px; border-radius: 50%; overflow: hidden; position: relative; }

demos/pager.html

@@ -18,6 +18,7 @@
     <div class="pager"> </div>
   </div>
   <script src="../lib/dom/index.js"></script>
+  <script src="view-source.js"></script>
   <script src="../lib/bom/index.js"></script>
   <script src="../lib/pager/index.js"></script>
   <style>

demos/tabs.html

@@ -26,6 +26,7 @@
   </div>
 
   <script src="../lib/dom/index.js"></script>
+  <script src="view-source.js"></script>
   <script src="../lib/tabs/index.js"></script>
   <style>
     body{ background: #E2DED2; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; }

demos/view-source.js

@@ -0,0 +1,13 @@
+{
+  let parts = location.pathname.split(/\/|\./)
+  let name = parts[parts.length - 1 - 1]
+  let a = dom.create(`<a id="viewSource" href="https://github.com/FrankFang/wheels#如何阅读源代码">查看源码</a>`)
+  a.style.position = 'fixed'
+  a.style.top = '.2em'
+  a.style.right = '.2em'
+  a.style.background = 'black'
+  a.style.border = '1px solid white'
+  a.style.color = 'white'
+  a.style.padding = '.2em'
+  document.body.appendChild(a)
+}