index.html 6.1 KB

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