screenJxdxqk.vue 675 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <template>
  2. <div class="common-warp">
  3. <div class="left">
  4. <div class="c-w">
  5. <Jxdxqk></Jxdxqk>
  6. </div>
  7. </div>
  8. <div class="right">
  9. 123
  10. </div>
  11. </div>
  12. </template>
  13. <script>
  14. import Jxdxqk from "@/views/dashboard-screen/jxdxqk/index.vue";
  15. export default {
  16. name: 'ScreenJxdxqk',
  17. components: {Jxdxqk}
  18. }
  19. </script>
  20. <style scoped lang="scss">
  21. .common-warp {
  22. width: 100%;
  23. height: 100%;
  24. display: flex;
  25. .left, .right {
  26. flex: 1;
  27. flex-shrink: 0;
  28. height: 100%;
  29. display: flex;
  30. align-items: center;
  31. justify-content: center;
  32. }
  33. .left {
  34. .c-w {
  35. width: 30vw;
  36. height: 30vw;
  37. }
  38. }
  39. }
  40. </style>