index.vue 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  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><b>功能设计说明:</b><slot name="explain"></slot></p>
  10. <p><b>计划可查看时间:</b><slot name="time"></slot></p>
  11. </div>
  12. </div>
  13. </div>
  14. <!-- <h4>开发中...</h4> -->
  15. <!-- <button v-if="hasPermission('system:role:query')">测试权限 </button> -->
  16. </template>
  17. <script>
  18. export default {
  19. name: 'Dasboard',
  20. props: [],
  21. data() {
  22. return {}
  23. },
  24. computed: {},
  25. methods: {},
  26. created() {
  27. // console.log('--------------------- index created')
  28. },
  29. mounted() {},
  30. components: {}
  31. }
  32. </script>
  33. <style lang='scss' scoped>
  34. .main-box{
  35. width: 100%;
  36. height: 100%;
  37. display: flex;
  38. }
  39. .mian-icon{
  40. flex: 2;
  41. text-align: center;
  42. position: relative;
  43. img{
  44. position: absolute;
  45. top: 25%;
  46. }
  47. }
  48. .main-text{
  49. flex: 3;
  50. position: relative;
  51. .main-content{
  52. position: absolute;
  53. padding-right: 200px;
  54. top: 20%;
  55. p{
  56. padding: 20px 0;
  57. }
  58. }
  59. }
  60. </style>