Browse Source

添加‘操作提示’功能

shaun-sheep 4 years ago
parent
commit
3ea9a3c070
1 changed files with 18 additions and 6 deletions
  1. 18 6
      src/components/edit/top_toolbar.vue

+ 18 - 6
src/components/edit/top_toolbar.vue

@@ -101,10 +101,15 @@
           <span>删除</span>
         </li>
         <li @click="showDrawer">
-          <img class="lock" :src="require(`./../../assets/images/help.png`)" alt/>
-          <el-popover placement="top" trigger="click" width="900">
-            <img style="width: 100%;" :src="require(`./../../assets/images/help_tips.png`)" alt/>
-            <span slot="reference">操作提示</span>
+          <el-popover placement="top" trigger="click" width="900" popper-class="reset-popover"
+                      style=" margin-top: -5px;display: inline-block;">
+         <span style="height: 570px;display: inline-block;overflow: auto">
+              <img style="width: 100%;height: 100%" :src="require(`./../../assets/images/help_tips.png`)" alt/>
+         </span>
+            <span slot="reference">
+              <img class="lock" :src="require(`./../../assets/images/help.png`)" alt/>
+              <div>操作提示</div>
+            </span>
           </el-popover>
         </li>
       </ul>
@@ -503,12 +508,19 @@ li {
     border-radius: 2px;
   }
 
-  .drawer {
 
-  }
 }
+
 /deep/ .ant-dropdown-menu-item {
   display: flex;
   align-items: center;
 }
+
+</style>
+
+<style>
+  .reset-popover {
+    max-height: 570px;
+    overflow: auto;
+  }
 </style>