index.js 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. import viewTpl from './view'
  2. import colorTpl from '@/views/components/PictureEditor/mixin//color/tpl'
  3. import editTpl from './edit'
  4. import add from "./add";
  5. import header from "./header";
  6. export default function tpl(){
  7. return `
  8. <transition name="fade">
  9. <div ref="wrap" class="picture-editor-wrap flex">
  10. <!--头部-->
  11. ${header()}
  12. <!--头部-->
  13. <template v-if="isEmpty">
  14. <div> 数据为空,请点击右上角新增画布按钮新增数据。</div>
  15. </template>
  16. <template v-else>
  17. <!--新增-->
  18. ${add()}
  19. <!--新增-->
  20. <div
  21. class="picture-editor-wrap_canvas"
  22. >
  23. <!--视图-->
  24. ${viewTpl()}
  25. <!--视图-->
  26. </div>
  27. <!--颜色图-->
  28. ${colorTpl()}
  29. <!--颜色图-->
  30. <!--图层-->
  31. ${editTpl()}
  32. <!--图层-->
  33. </template>
  34. </div>
  35. </transition>
  36. `
  37. }