com-intro.vue 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <template>
  2. <div>
  3. <el-alert type="success" :closable="false" title="基础">
  4. 架构:基于iframe,无后台代码,纯html模板,可方便的适配任何后端语言 <br/>
  5. 模板:提供大量常见示例,以及各种表单的书写方式,助你快速CRUD <br/>
  6. 菜单:支持一、二、三级菜单,并开放一系列接口方便的使用js操作菜单 <br/>
  7. 折叠:折叠或收缩菜单,并且监听窗口大小变化,在拉伸窗口时自动折叠或收缩菜单,自动响应式 <br/>
  8. 搜索:智能索引,快捷搜索打开某个菜单 <br/>
  9. 切换:集成swiper动画,滑动、淡入、方块、3D流、3D翻转,五种高大上切换动画,任你选择! <br/>
  10. 主题:目前保留八种主题:蓝色、绿色、白色、灰色、灰色-展开、pro钛合金、沉淀式黑蓝、简约式灰蓝(切换主题时,可自动保存你的喜好,下次打开时仍然有效) <br/>
  11. 便签:弹出窗口便签,一个临时小便签,可记录一些临时资料 <br/>
  12. 全屏:可以在全屏/非全屏之间自由切换 <br/>
  13. </el-alert>
  14. <el-alert type="warning" :closable="false" title="tabbar栏">
  15. 卡片堆积:多卡片自动堆积,与菜单双向关联,切换tab卡时自动显示左侧菜单 <br/>
  16. 拖动手势:tab卡支持拖拽手势,上拖新窗口打开、下拽悬浮打开、左拽快速关闭 <br/>
  17. 双击全屏:当卡片属于悬浮状态时,双击标题区域可以快速全屏,再次双击取消全屏 <br/>
  18. 右键菜单:在tab上右击,可以:刷新、复制、关闭、关闭其它、关闭所有、悬浮打开、新窗口打开、取消 <br/>
  19. 双击菜单:双击tabbar空白处,可以显示添加新tab窗口 <br/>
  20. 保留高度:切换卡片时,可自动保留上个卡片的滚动条高度 <br/>
  21. </el-alert>
  22. <el-alert type="info" :closable="false" title="开放接口">
  23. 开放一系列api,助你方便的使用js操作tabbar栏,具体请查看集成文档 <br/>
  24. 锚链:tab切换自动更改hash锚链,同时监听锚链改变tab,可灵活的用鼠标前后键切换tab窗口 (如不需要此功能可在初始化时关闭) <br/>
  25. 窗口:可在初始化时,设置是否显示tabbar栏,来控制它是多窗口还是单窗口,具体见使用文档 <br/>
  26. 更新:功能不断更新中... 你有好的想法也可以告诉我,加群一起交流吧 <br/>
  27. 文档:使用说明,见文档 <br/>
  28. </el-alert>
  29. </div>
  30. </template>
  31. <script>
  32. module.exports = {
  33. data() {
  34. return {
  35. }
  36. },
  37. methods: {
  38. },
  39. created() {
  40. }
  41. }
  42. </script>
  43. <style scoped>
  44. </style>