左侧栏拉伸宽度自适应

hanbaoshan

2020-07-30 824ee032fe8994759080253eca856ff091a7c5b1

左侧栏拉伸宽度自适应

 src/components/LeftNav.vue

@@ -27,7 +27,7 @@
              <el-select
                v-model="TreeDataPool.searchCamType"
                placeholder="请选择"
                style="width: 134px;height: 34px;margin-left: 10px;"
                
                @change="searchAreaData"
              >
                <el-option
@@ -43,7 +43,7 @@
                placeholder="搜索"
                clearable
                @input="querySearchAsync('camera')"
                style="width: 103px;"
                
              >
                <i
                  class="el-icon-search el-input__icon"
@@ -535,7 +535,7 @@
<style lang="scss">
.left-tree-box {
  float: left;
  width: 300px;
  width: 100%;
  .el-tabs--border-card {
    border: none;
    box-shadow: none;
@@ -545,6 +545,7 @@
    }
    .el-tabs__content {
      padding: 0;
      width: 100%;
    }
  }
  ul {
@@ -563,8 +564,8 @@
      .el-submenu__icon-arrow {
        font-size: 12px !important;
        padding-right: 2px !important;
        left: 270px !important;
        right: unset;
        right: 0;
        //right: unset;
      }
      i {
        padding-right: 10px !important;
@@ -574,7 +575,9 @@
    }
  }
  .navTopSelect {
    display: flex;
    text-align: left;
    
    .el-input__icon {
      line-height: 34px;
    }