CocosPlugin/ccc-devtools
1
0
Fork 0
mirror of https://github.com/potato47/ccc-devtools.git synced 2024-12-26 03:39:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

修改样式

Browse Source
This commit is contained in:
Next 2022-07-17 18:06:04 +08:00
parent 6996762b68
commit f275405307
6 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
release/preview-template.zip
View File

Binary file not shown.

2
release/preview-template/dist/assets/index.7eaa14f5.js → release/preview-template/dist/assets/index.02b86726.js vendored
View File

File diff suppressed because one or more lines are too long

2
release/preview-template/dist/assets/index.0ba83c26.css → release/preview-template/dist/assets/index.1d01bced.css vendored
View File

File diff suppressed because one or more lines are too long

4
release/preview-template/dist/index.html vendored
View File

@ -1,3 +1,3 @@
<script type="module" crossorigin src="/dist/assets/index.7eaa14f5.js"></script> <script type="module" crossorigin src="/dist/assets/index.02b86726.js"></script>
<link rel="stylesheet" href="/dist/assets/index.0ba83c26.css"> <link rel="stylesheet" href="/dist/assets/index.1d01bced.css">
<div id="app"></div> <div id="app"></div>

3
src/App.vue
View File

@ -27,8 +27,7 @@ let showTree = ref(false);
flex-direction: column; flex-direction: column;
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 1px solid #e2e8f0; border: 1px solid cadetblue;
border-radius: 0.25rem;
background: #171920; background: #171920;
min-width: 400px; min-width: 400px;
height: 80%; height: 80%;

17
src/components/TreePanel.vue
View File

@ -1,16 +1,19 @@
<template> <template>
<div style="width: 100%;height: 30px;background-color: #26282f;display: flex;align-items: center;justify-content: center;color: white;" class="modal-drag"> <div
style="width: 100%;height: 30px;background-color: #26282f;display: flex;align-items: center;justify-content: center;color: white;"
class="modal-drag">
节点树 节点树
</div> </div>
<div style="width: 100%;overflow: auto;" :style="{ height: treeViewHeight + 10 }"> <!-- <div style="width: 100%;" :style="{ height: treeViewHeight }">
<el-tree-v2 ref="treeView" :props="defaultProps" empty-text="正在加载场景" :highlight-current="true"
</div> -->
<el-tree-v2 ref="treeView" :props="defaultProps" empty-text="正在加载场景" :highlight-current="true"
:expand-on-click-node="false" :default-expanded-keys="expandedKeys" @current-change="handleCurrentNodeChange" :expand-on-click-node="false" :default-expanded-keys="expandedKeys" @current-change="handleCurrentNodeChange"
@node-expand="handleNodeExpand" @node-collapse="handleNodeCollapse" :height="treeViewHeight"> @node-expand="handleNodeExpand" @node-collapse="handleNodeCollapse" :height="treeViewHeight">
<template #default="{ node }"> <template #default="{ node }">
<span :class="{ 'node-hide': !node.data.active }">{{ node.label }}</span> <span :class="{ 'node-hide': !node.data.active }">{{ node.label }}</span>
</template> </template>
</el-tree-v2> </el-tree-v2>
</div>
<div style="width: 100%;border-top: 2px solid #1d1e21;overflow: auto;flex: 1;"> <div style="width: 100%;border-top: 2px solid #1d1e21;overflow: auto;flex: 1;">
<template v-if="updateKey !== 0 && Utils.checkNodeValid(currentNode)"> <template v-if="updateKey !== 0 && Utils.checkNodeValid(currentNode)">
<el-scrollbar> <el-scrollbar>
@ -37,7 +40,7 @@ import CCComponent from './CCComponent.vue';
import UserComponent from './UserComponent.vue'; import UserComponent from './UserComponent.vue';
const props = defineProps({ const props = defineProps({
show: Boolean, show: Boolean,
}); });
interface TreeNode { interface TreeNode {
@ -159,6 +162,10 @@ const intervalId = setInterval(() => {
width: 100% !important; width: 100% !important;
} }
.el-tree-virtual-list {
overflow-y: hidden !important;
}
span { span {
color: #cfd3dc; color: #cfd3dc;
} }