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. display: inline-block;
  52. position: relative;
  53. top: 8px;
  54. left: 600px;
  55. z-index: 10;
  56. }
  57. .Blockly_python div span {
  58. display: inline-block;
  59. padding: 10px 0;
  60. font-size: 20px;
  61. /* background-color: #225dd5; */
  62. color: #000;
  63. cursor: pointer;
  64. font-weight: 500;
  65. }
  66. .Blockly_python div .Blockly_python_active {
  67. /* background-color: #225dd5; */
  68. color: #225dd5;
  69. border-bottom: 5px solid #225dd5;
  70. font-weight: 800;
  71. }
  72. @media screen and (max-width: 1700px) {
  73. .Blockly_python {
  74. left: 550px;
  75. }
  76. }
  77. @media screen and (max-width: 1500px) {
  78. .Blockly_python {
  79. left: 440px;
  80. }
  81. }
  82. @media screen and (max-width: 1300px) {
  83. .Blockly_python {
  84. left: 320px;
  85. }
  86. }
  87. @media screen and (max-width: 1100px) {
  88. .Blockly_python {
  89. left: 310px;
  90. }
  91. }
  92. @media screen and (max-width: 800px) {
  93. .Blockly_python {
  94. left: 10px;
  95. }
  96. }
  97. </style>
  98. </head>
  99. <body>
  100. <div class="Blockly_python">
  101. <div>
  102. <a href="https://pi-help.cocorobo.cn"><span>图形化</span></a>
  103. &nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
  104. <span class="Blockly_python_active">Python</span>
  105. </div>
  106. </div>
  107. <div class="loading_div" id="loading_div">
  108. <img src="./media/loading.gif" alt="">
  109. </div>
  110. <div id="app">Please wait...</div>
  111. <script>
  112. window.$docsify = {
  113. // alias:{
  114. // '/.*/_navbar.md': '/_navbar.md',
  115. // },
  116. name: 'CocoBlockly X Help',
  117. // repo: '',
  118. logo: '/media/help-logo.png',
  119. themeColor: '#225dd5',
  120. homepage: 'index.md',
  121. loadNavbar: true,
  122. search: {
  123. maxAge: 86400000, // Expiration time, the default one day
  124. paths: 'auto', // or 'auto'
  125. placeholder: '点击此处搜寻内容',
  126. // Localization
  127. placeholder: {
  128. '/': '点此处搜寻内容'
  129. },
  130. noData: '沒有搜寻到结果',
  131. // Localization
  132. noData: {
  133. '/': '沒有搜寻到结果'
  134. },
  135. // Headline depth, 1 - 6
  136. depth: 6
  137. },
  138. ga: 'UA-110081781-1',
  139. // count: {
  140. // countable: true,
  141. // fontsize: '0.9em',
  142. // color: 'rgb(90,90,90)',
  143. // language: 'chinese'
  144. // },
  145. auto2top: true,
  146. coverpage: true,
  147. loadSidebar: true,// 加载侧边栏
  148. subMaxLevel: 2,
  149. // maxLevel: 4,
  150. plugins: [
  151. function (hook, vm) {
  152. hook.doneEach(function () {
  153. // 每次路由切换时数据全部加载完成后调用,没有参数。
  154. // ...
  155. document.getElementById('loading_div').classList.remove('hidden');
  156. let imgList = document.getElementsByTagName('img')
  157. let count = 0
  158. for (let i = 0; i <= imgList.length - 1; i++) {
  159. let num = imgList[i].onload = function () {
  160. return i;
  161. }
  162. count = num()
  163. }
  164. if (count === imgList.length - 1) {
  165. document.getElementById('loading_div').classList.add('hidden');
  166. }
  167. });
  168. }
  169. ]
  170. }
  171. </script>
  172. <!-- Docsify v4 -->
  173. </body>
  174. </html>
  175. <style src="./docsify-sidebar-collapse.min.js"></style>
  176. <script src="./docsify.min.js"></script>
  177. <script src="./search.min.js"></script>
  178. <script src="./zoom-image.min.js"></script>
  179. <script src="./copyCode.js"></script>
  180. <!-- <script src="./countable.js"></script> -->