index.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>FeHelper脑图工具</title>
  6. <link rel="shortcut icon" href="../static/img/favicon.ico">
  7. <link rel="stylesheet" href="../static/css/bootstrap.min.css" />
  8. <link rel="stylesheet" href="index.css">
  9. </head>
  10. <body>
  11. <div id="mainContainer">
  12. <h1 class="editor-title"><a href="https://fehelper.com" target="_blank" class="x-a-high">
  13. <img src="../static/img/fe-16.png" alt="fehelper"/> FeHelper</a>:脑图工具
  14. </h1>
  15. <kityminder-editor on-init="initEditor(editor, minder)"></kityminder-editor>
  16. <div class="my-naotu-list">
  17. <div class="mm-tips">
  18. 很抱歉,按Google Chrome Extension的平台要求,必须升级到MV3;因此脑图功能基本无法在Extension中使用!<br/>
  19. 你可以选择将内容<a href="#" @click="exportNaotu('json')" class="x-tool">全部导出为JSON</a>,然后到FeHelper的官网上,
  20. 通过<a href="https://fehelper.com/v1/naotu/index.html" target="_blank">在线版脑图工具</a>继续使用!
  21. </div>
  22. <div class="x-y">下面是你之前存储的文件
  23. <span class="x-toolbox">
  24. <a href="#" @click="exportNaotu('json')" class="x-tool">全部导出为JSON</a>
  25. </span>
  26. </div>
  27. <table class="table table-bordered table-hover table-condensed">
  28. <thead>
  29. <tr>
  30. <th>序号</th>
  31. <th>标题</th>
  32. <th>最近更新</th>
  33. </tr>
  34. </thead>
  35. <tbody>
  36. <tr v-for="(naotu,index) in mySavedNaotuList">
  37. <td>{{index+1}}</td>
  38. <td>{{naotu.title}}</td>
  39. <td>{{ dateFormat(naotu.updated_at)}}</td>
  40. </tr>
  41. </tbody>
  42. </table>
  43. </div>
  44. </div>
  45. </body>
  46. <script type="text/javascript" src="../static/vendor/evalCore.min.js"></script>
  47. <script type="text/javascript" src="../static/vendor/vue/vue.js"></script>
  48. <script src="index.js"></script>
  49. </html>