App.vue 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <template>
  2. <div class="container-fluid bs-docs-container">
  3. <div class="row">
  4. <div class="col-md-2">
  5. <ul class="nav nav-pills nav-stacked">
  6. <li>
  7. <router-link :to="{ path: '/desktop/input-number-example'}">数字输入</router-link>
  8. </li>
  9. <li>
  10. <router-link :to="{ path: '/desktop/date-example'}">日期控件</router-link>
  11. </li>
  12. <li>
  13. <router-link :to="{ path: '/desktop/date-time-example'}">日期时间控件</router-link>
  14. </li>
  15. <li>
  16. <router-link :to="{ path: '/desktop/image-preview-example'}">图片预览</router-link>
  17. </li>
  18. <li>
  19. <router-link :to="{ path: '/desktop/loading-example'}">加载中</router-link>
  20. </li>
  21. <li>
  22. <router-link :to="{ path: '/desktop/navbar-example'}">页面导航</router-link>
  23. </li>
  24. <li>
  25. <router-link :to="{ path: '/desktop/page-size-select-example'}">页面大小控件</router-link>
  26. </li>
  27. <li>
  28. <router-link :to="{ path: '/desktop/print-example'}">打印控件</router-link>
  29. </li>
  30. <li>
  31. <router-link :to="{ path: '/desktop/scanner-example'}">扫描仪控件</router-link>
  32. </li>
  33. <li>
  34. <router-link :to="{ path: '/desktop/switches-example'}">开关控件</router-link>
  35. </li>
  36. <li>
  37. <router-link :to="{ path: '/desktop/time-example'}">时间控件</router-link>
  38. </li>
  39. <li>
  40. <router-link :to="{ path: '/desktop/tree-example'}">树控件</router-link>
  41. </li>
  42. <li>
  43. <router-link :to="{ path: '/desktop/update-widget-example'}">上传控件</router-link>
  44. </li>
  45. <li>
  46. <router-link :to="{ path: '/desktop/pagination-example'}">分页控件</router-link>
  47. </li>
  48. <li>
  49. <router-link :to="{ path: '/desktop/vue-monthly-picker-example'}">月份控件</router-link>
  50. </li>
  51. <li>
  52. <router-link :to="{ path: '/desktop/year-picker-example'}">年份控件</router-link>
  53. </li>
  54. <li>
  55. <router-link :to="{ path: '/desktop/search-widget-example'}">搜索框控件</router-link>
  56. </li>
  57. <li>
  58. <router-link :to="{ path: '/desktop/search-input-example'}">搜索输入框控件</router-link>
  59. </li>
  60. <li>
  61. <router-link :to="{ path: '/desktop/modal-example'}">模态框</router-link>
  62. </li>
  63. <li>
  64. <a href="#/desktop/process-report/123456">流程报表</a>
  65. </li>
  66. <li>
  67. <a href="#/desktop/info/040602">查询窗口</a>
  68. </li>
  69. <li>
  70. <a href="#/doc-generator-selected">生单界面</a>
  71. </li>
  72. </ul>
  73. </div>
  74. <div class="col-md-10">
  75. <router-view />
  76. </div>
  77. </div>
  78. </div>
  79. </template>
  80. <script>
  81. export default {
  82. name: 'App',
  83. components: {
  84. },
  85. data() {
  86. return {
  87. };
  88. },
  89. methods: {
  90. },
  91. };
  92. </script>