CocosPlugin/cc-inspector-chrome
1
0
Fork 0
mirror of https://github.com/tidys/cc-inspector-chrome synced 2025-04-18 07:58:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

调整搜索框不跟随滚动

Browse Source
This commit is contained in:
xyf-mac 2021-11-12 22:30:08 +08:00
parent 6a3f3d7592
commit 5e66833905
1 changed files with 20 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
source/src/devtools/ui/index.vue
View File

@ -16,17 +16,17 @@
<div class="flex1"></div>
<el-button type="success" class="el-icon-refresh" @click="onBtnClickUpdateTree"></el-button>
</div>
<div class="treeList">
<el-input placeholder="输入关键字进行过滤" v-model="filterText">
<template slot="append">
<div class="matchCase ">
<div class="iconfont el-icon-third-font-size" @click.stop="onChangeCase"
title="匹配大小写"
:style="{'color':matchCase?'red':''}">
</div>
<el-input placeholder="输入关键字进行过滤" v-model="filterText">
<template slot="append">
<div class="matchCase ">
<div class="iconfont el-icon-third-font-size" @click.stop="onChangeCase"
title="匹配大小写"
:style="{'color':matchCase?'red':''}">
</div>
</template>
</el-input>
</div>
</template>
</el-input>
<div class="treeList">
<el-tree :data="treeData"
ref="tree"
style="display: inline-block;"
@ -407,7 +407,8 @@ export default class Index extends Vue {
display: flex;
flex: 1;
flex-direction: row;
overflow: hidden;
overflow-x: hidden;
overflow-y: auto;
.left {
display: flex;
@ -420,6 +421,14 @@ export default class Index extends Vue {
justify-content: center;
}
.matchCase {
width: 30px;
height: 26px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.treeList {
margin-top: 3px;
height: 100%;
@ -441,16 +450,6 @@ export default class Index extends Vue {
text-decoration: line-through;
}
.matchCase {
width: 30px;
height: 26px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
&::-webkit-scrollbar {
width: 6px;
height: 6px;