@lambo-design/pro-layout 1.0.0-beta.7 → 1.0.0-beta.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/pro-layout",
-  "version": "1.0.0-beta.7",
+  "version": "1.0.0-beta.8",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/components/pro-layout-header.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pro-layout-header">
+  <div class="pro-layout-header-wrapper">
     <div class="trigger-box">
       <LamboProTrigger></LamboProTrigger>
     </div>
@@ -32,7 +32,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-.pro-layout-header{
+.pro-layout-header-wrapper{
   width: auto;
   height: 64px;
   .trigger-box{

package/src/components/pro-layout-logo.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pro-layout-logo">
+  <div class="pro-layout-logo-wrapper">
     <div class="logo"></div>
     <div class="divider"></div>
     <div class="system-name">{{systemName}}</div>
@@ -38,7 +38,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-.pro-layout-logo{
+.pro-layout-logo-wrapper{
   overflow: hidden;
   border-bottom: 1px solid #000000;
   .logo{

package/src/components/pro-layout-nav.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pro-layout-nav">
+  <div class="pro-layout-nav-wrapper">
     <Menu ref="topNav" mode="horizontal" theme="dark" :active-name="activeName" @on-select="selectApp">
       <MenuItem :name="item.appId" v-for="item in topMenList" :key="item.appId">
         {{item.name}}
@@ -104,7 +104,7 @@ export default {
 
 <style scoped lang="less">
 @import '@lambo-design/core/src/styles/default.less';
-.pro-layout-nav{
+.pro-layout-nav-wrapper{
   .ivu-menu{
     .ivu-menu-item{
       &:hover{

package/src/components/pro-layout-sider.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pro-layout-sider">
+  <div class="pro-layout-sider-wrapper">
     <Menu v-show="!collapsed" ref="menu"
           :accordion="accordion" :active-name="activeName"
           :open-names="openedNames" theme="dark"
@@ -204,10 +204,7 @@ export default {
 
 <style scoped lang="less">
 @import "@lambo-design/core/src/styles/default";
-.pro-layout-sider{
-  overflow-y: scroll;
-  overflow-x: hidden;
-  margin-right: -18px;
+.pro-layout-sider-wrapper{
   /deep/.ivu-menu-submenu{
     .ivu-menu{
       background: #1A1A1A;

package/src/components/pro-layout-tabs.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pro-layout-tabs">
+  <div class="pro-layout-tabs-wrapper">
     <div class="close-con">
       <Dropdown transfer @on-click="handleTagsOption">
         <Icon :size="24" type="ios-close-circle-outline" class="btn-close"/>
@@ -278,7 +278,7 @@ export default {
   user-select: none;
 }
 
-.pro-layout-tabs {
+.pro-layout-tabs-wrapper {
   position: relative;
   border-top: 1px solid #F0F0F0;
   border-bottom: 1px solid #F0F0F0;

package/src/components/pro-layout-tools.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pro-layout-tools">
+  <div class="pro-layout-tools-wrapper">
     <LamboProLayoutToolsUser></LamboProLayoutToolsUser>
   </div>
 </template>
@@ -15,7 +15,7 @@ export default {
 </script>
 
 <style scoped lang="less">
-  .pro-layout-tools{
+  .pro-layout-tools-wrapper{
     margin-right: 15px;
   }
 </style>

package/src/index.vue

@@ -1,6 +1,6 @@
 <template>
   <i-layout class="pro-layout">
-    <i-header>
+    <i-header class="pro-layout-header">
       <LamboProLayoutHeader></LamboProLayoutHeader>
     </i-header>
     <i-layout>
@@ -207,6 +207,11 @@ export default {
   }
   .pro-layout-sider{
     overflow: hidden;
+    /deep/.ivu-layout-sider-children{
+      height: ~"calc(100vh - 65px)";
+      overflow-y: scroll;
+      margin-right: -18px;
+    }
   }
   .pro-layout-content{
     .pro-layout-content-layout{