index.vue 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <template>
  2. <div class="main-box">
  3. <div class="mian-icon">
  4. <img src="@/assets/image/uncultivated.svg">
  5. </div>
  6. <div class="main-text">
  7. <div class="main-content">
  8. <h1>功能设计中。。。</h1>
  9. <p class="time"><b>计划完成:</b><slot name="plan"></slot><b>开发完成:</b><slot name="finish"></slot></p>
  10. <p><b>上线时间:</b><slot name="onLine"></slot></p>
  11. <p class="explain">业务功能说明:</p>
  12. <div><slot name="explain"></slot></div>
  13. </div>
  14. </div>
  15. </div>
  16. <!-- <h4>开发中...</h4> -->
  17. <!-- <button v-if="hasPermission('system:role:query')">测试权限 </button> -->
  18. </template>
  19. <script>
  20. export default {
  21. name: 'Dasboard',
  22. props: [],
  23. data() {
  24. return {}
  25. },
  26. computed: {},
  27. methods: {},
  28. created() {
  29. // console.log('--------------------- index created')
  30. },
  31. mounted() {},
  32. components: {}
  33. }
  34. </script>
  35. <style lang='scss' scoped>
  36. .main-box{
  37. width: 100%;
  38. height: 100%;
  39. display: flex;
  40. }
  41. .mian-icon{
  42. flex: 2;
  43. text-align: center;
  44. position: relative;
  45. img{
  46. position: absolute;
  47. top: 25%;
  48. }
  49. }
  50. .main-text{
  51. flex: 3;
  52. position: relative;
  53. .main-content{
  54. position: absolute;
  55. padding-right: 200px;
  56. top: 20%;
  57. .time{
  58. margin-top: 10px;
  59. }
  60. .explain{
  61. margin-top: 20px;
  62. }
  63. p{
  64. font-weight: bold;
  65. span{
  66. margin-right: 20px;
  67. }
  68. }
  69. }
  70. }
  71. </style>