index.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>CocoBlockly Pi 帮助文档</title>
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  7. <meta name="description" content="Description">
  8. <meta name="viewport"
  9. content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  10. <!--<link rel="stylesheet" href="https://unpkg.com/docsify-themeable/dist/css/theme-simple.css">-->
  11. <link rel="stylesheet" href="vue.css">
  12. <meta name="theme-color" content="#2C4FCD">
  13. <link rel="apple-touch-icon" sizes="57x57" href="https://cocorobo.cn/cocoblockly/dev/img/apple-icon-57x57.png">
  14. <link rel="apple-touch-icon" sizes="60x60" href="https://cocorobo.cn/cocoblockly/dev/img/apple-icon-60x60.png">
  15. <link rel="apple-touch-icon" sizes="72x72" href="https://cocorobo.cn/cocoblockly/dev/img/apple-icon-72x72.png">
  16. <link rel="apple-touch-icon" sizes="76x76" href="https://cocorobo.cn/cocoblockly/dev/img/apple-icon-76x76.png">
  17. <link rel="apple-touch-icon" sizes="114x114" href="https://cocorobo.cn/cocoblockly/dev/img/apple-icon-114x114.png">
  18. <link rel="apple-touch-icon" sizes="120x120" href="https://cocorobo.cn/cocoblockly/dev/img/apple-icon-120x120.png">
  19. <link rel="apple-touch-icon" sizes="144x144" href="https://cocorobo.cn/cocoblockly/dev/img/apple-icon-144x144.png">
  20. <link rel="apple-touch-icon" sizes="152x152" href="https://cocorobo.cn/cocoblockly/dev/img/apple-icon-152x152.png">
  21. <link rel="apple-touch-icon" sizes="180x180" href="https://cocorobo.cn/cocoblockly/dev/img/apple-icon-180x180.png">
  22. <link rel="icon" type="image/png" sizes="192x192"
  23. href="https://cocorobo.cn/cocoblockly/dev/img/android-icon-192x192.png">
  24. <link rel="icon" type="image/png" sizes="32x32" href="https://cocorobo.cn/cocoblockly/dev/img/favicon-32x32.png">
  25. <link rel="icon" type="image/png" sizes="96x96" href="https://cocorobo.cn/cocoblockly/dev/img/favicon-96x96.png">
  26. <link rel="icon" type="image/png" sizes="16x16" href="https://cocorobo.cn/cocoblockly/dev/img/favicon-16x16.png">
  27. <!-- <link rel="manifest" href="https://cocorobo.cn/cocoblockly/dev/img/manifest.json"> -->
  28. <meta name="msapplication-TileColor" content="#ffffff">
  29. <meta name="msapplication-TileImage" content="https://cocorobo.cn/cocoblockly/dev/img/ms-icon-144x144.png">
  30. <!-- <script type="text/javascript" src="colorpicker.js"></script> -->
  31. <link href="./lightbox.min.css" rel="stylesheet" />
  32. <style type="text/css">
  33. #picker {
  34. width: 200px;
  35. height: 200px
  36. }
  37. #slide {
  38. width: 30px;
  39. height: 200px
  40. }
  41. .headerInProgress {
  42. font-weight: bold;
  43. background-color: rgba(247, 114, 16, .9);
  44. color: white;
  45. padding: 16px 18px;
  46. margin-bottom: 40px;
  47. border-radius: 10px;
  48. border-left: 5px solid rgba(238, 91, 10, 1.0);
  49. }
  50. .Blockly_python {
  51. position: relative;
  52. top: 8px;
  53. left: 620px;
  54. z-index: 10;
  55. }
  56. .Blockly_python div span {
  57. display: inline-block;
  58. padding: 10px 0;
  59. font-size: 20px;
  60. /* background-color: #225dd5; */
  61. color: #000;
  62. cursor: pointer;
  63. font-weight: 500;
  64. }
  65. .Blockly_python div .Blockly_python_active {
  66. /* background-color: #225dd5; */
  67. color: #225dd5;
  68. border-bottom: 5px solid #225dd5;
  69. font-weight: 800;
  70. }
  71. @media screen and (max-width: 1700px) {
  72. .Blockly_python {
  73. left: 550px;
  74. }
  75. }
  76. @media screen and (max-width: 1500px) {
  77. .Blockly_python {
  78. left: 440px;
  79. }
  80. }
  81. @media screen and (max-width: 1300px) {
  82. .Blockly_python {
  83. left: 320px;
  84. }
  85. }
  86. @media screen and (max-width: 1100px) {
  87. .Blockly_python {
  88. left: 310px;
  89. }
  90. }
  91. @media screen and (max-width: 800px) {
  92. .Blockly_python {
  93. left: 10px;
  94. }
  95. }
  96. </style>
  97. </head>
  98. <body>
  99. <div class="Blockly_python">
  100. <div>
  101. <a href="https://pi-help.cocorobo.hk"><span>圖形化</span></a>
  102. &nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
  103. <span class="Blockly_python_active">Python</span>
  104. </div>
  105. </div>
  106. <div class="loading_div" id="loading_div">
  107. <img src="./media/loading.gif" alt="">
  108. </div>
  109. <div id="app">Please wait...</div>
  110. <script>
  111. window.$docsify = {
  112. // alias:{
  113. // '/.*/_navbar.md': '/_navbar.md',
  114. // },
  115. name: 'CocoBlockly X Help',
  116. // repo: '',
  117. logo: '/media/help-logo.png',
  118. themeColor: '#225dd5',
  119. homepage: 'index.md',
  120. loadNavbar: true,
  121. search: {
  122. maxAge: 86400000, // Expiration time, the default one day
  123. paths: 'auto', // or 'auto'
  124. placeholder: '點此處搜尋内容',
  125. // Localization
  126. placeholder: {
  127. '/': '點此處搜尋内容'
  128. },
  129. noData: '沒有搜尋到結果',
  130. // Localization
  131. noData: {
  132. '/': '沒有搜尋到結果'
  133. },
  134. // Headline depth, 1 - 6
  135. depth: 6
  136. },
  137. ga: 'UA-110081781-1',
  138. // count: {
  139. // countable: true,
  140. // fontsize: '0.9em',
  141. // color: 'rgb(90,90,90)',
  142. // language: 'chinese'
  143. // },
  144. auto2top: true,
  145. coverpage: true,
  146. loadSidebar: true,// 加载侧边栏
  147. subMaxLevel: 2,
  148. // maxLevel: 4,
  149. plugins: [
  150. function (hook, vm) {
  151. hook.doneEach(function () {
  152. // 每次路由切换时数据全部加载完成后调用,没有参数。
  153. // ...
  154. document.getElementById('loading_div').classList.remove('hidden');
  155. let imgList = document.getElementsByTagName('img')
  156. let count = 0
  157. for (let i = 0; i <= imgList.length - 1; i++) {
  158. let num = imgList[i].onload = function () {
  159. return i;
  160. }
  161. count = num()
  162. }
  163. if (count === imgList.length - 1) {
  164. document.getElementById('loading_div').classList.add('hidden');
  165. }
  166. });
  167. }
  168. ]
  169. }
  170. </script>
  171. <!-- Docsify v4 -->
  172. </body>
  173. </html>
  174. <style src="./docsify-sidebar-collapse.min.js"></style>
  175. <script src="./docsify.min.js"></script>
  176. <script src="./search.min.js"></script>
  177. <script src="./zoom-image.min.js"></script>
  178. <script src="./copyCode.js"></script>
  179. <!-- <script src="./countable.js"></script> -->