From 824ee032fe8994759080253eca856ff091a7c5b1 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期四, 30 七月 2020 14:14:49 +0800
Subject: [PATCH] 左侧栏拉伸宽度自适应
---
src/components/LeftNav.vue | 13 ++++++++-----
1 files changed, 8 insertions(+), 5 deletions(-)
diff --git a/src/components/LeftNav.vue b/src/components/LeftNav.vue
index a3d4812..90ad872 100644
--- a/src/components/LeftNav.vue
+++ b/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;
}
--
Gitblit v1.8.0