|
@@ -1,8 +1,18 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
- <h4>开发中...</h4>
|
|
|
- <!-- <button v-if="hasPermission('system:role:query')">测试权限 </button> -->
|
|
|
+ <div class="main-box">
|
|
|
+ <div class="mian-icon">
|
|
|
+ <img src="@/assets/image/uncultivated.svg">
|
|
|
+ </div>
|
|
|
+ <div class="main-text">
|
|
|
+ <div class="main-content">
|
|
|
+ <h1>功能设计中。。。</h1>
|
|
|
+ <p><b>功能设计说明:</b><slot name="explain"></slot></p>
|
|
|
+ <p><b>计划可查看时间:</b><slot name="time"></slot></p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <!-- <h4>开发中...</h4> -->
|
|
|
+ <!-- <button v-if="hasPermission('system:role:query')">测试权限 </button> -->
|
|
|
</template>
|
|
|
<script>
|
|
|
export default {
|
|
@@ -21,4 +31,30 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
<style lang='scss' scoped>
|
|
|
+.main-box{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.mian-icon{
|
|
|
+ flex: 2;
|
|
|
+ text-align: center;
|
|
|
+ position: relative;
|
|
|
+ img{
|
|
|
+ position: absolute;
|
|
|
+ top: 25%;
|
|
|
+ }
|
|
|
+}
|
|
|
+.main-text{
|
|
|
+ flex: 3;
|
|
|
+ position: relative;
|
|
|
+ .main-content{
|
|
|
+ position: absolute;
|
|
|
+ padding-right: 200px;
|
|
|
+ top: 20%;
|
|
|
+ p{
|
|
|
+ padding: 20px 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|