修复echarts ueditor demo弹窗zIndex层级

renrenio · May 25, 2018 · 9a591ab · 9a591ab
1 parent dfff102
commit 9a591ab
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 7 deletions.
diff --git a/src/assets/scss/_base.scss b/src/assets/scss/_base.scss
@@ -337,8 +337,6 @@ img {
       }
     }
     > .el-tabs__content {
-      position: relative;
-      z-index: 920;
       padding: 0 15px 15px;
       > .site-tabs__tools {
         position: fixed;

diff --git a/src/views/demo/echarts.vue b/src/views/demo/echarts.vue
@@ -3,9 +3,10 @@
     <el-alert
       title="提示："
       type="warning"
-      description="1. 此Demo只提供ECharts官方使用文档，入门部署和体验功能。具体使用请参考：http://echarts.baidu.com/index.html"
-      :closable="false"
-      style="margin-bottom: 10px;">
+      :closable="false">
+      <div slot-scope="description">
+        <p class="el-alert__description">1. 此Demo只提供ECharts官方使用文档，入门部署和体验功能。具体使用请参考：http://echarts.baidu.com/index.html</p>
+      </div>
     </el-alert>
 
     <el-row :gutter="20">
@@ -453,6 +454,9 @@
 
 <style lang="scss">
   .mod-demo-echarts {
+    > .el-alert {
+      margin-bottom: 10px;
+    }
     > .el-row {
       margin-top: -10px;
       margin-bottom: -10px;

diff --git a/src/views/demo/ueditor.vue b/src/views/demo/ueditor.vue
@@ -3,8 +3,7 @@
     <el-alert
       title="提示："
       type="warning"
-      :closable="false"
-      style="margin-bottom: 10px;">
+      :closable="false">
       <div slot-scope="description">
         <p class="el-alert__description">1. 此Demo只提供UEditor官方使用文档，入门部署和体验功能。具体使用请参考：http://fex.baidu.com/ueditor/</p>
         <p class="el-alert__description">2. 浏览器控制台报错“请求后台配置项http错误，上传功能将不能正常使用！”，此错需要后台提供上传接口方法（赋值给serverUrl属性）</p>
@@ -53,3 +52,13 @@
     }
   }
 </script>
+
+<style lang="scss">
+  .mod-demo-ueditor {
+    position: relative;
+    z-index: 510;
+    > .el-alert {
+      margin-bottom: 10px;
+    }
+  }
+</style>