This commit is contained in:
xuyanfeng 2021-04-06 19:00:38 +08:00
parent 08a055fe27
commit ef1346916f

View File

@ -45,6 +45,7 @@ import {Component, Prop} from "vue-property-decorator";
import SceneProperty from "@/devtools/ccType/SceneProperty.vue"; import SceneProperty from "@/devtools/ccType/SceneProperty.vue";
import ComponentsProperty from "@/devtools/ccType/ComponentsProperty.vue"; import ComponentsProperty from "@/devtools/ccType/ComponentsProperty.vue";
import NodeBaseProperty from "@/devtools/ccType/NodeBaseProperty.vue"; import NodeBaseProperty from "@/devtools/ccType/NodeBaseProperty.vue";
import {DataType, testData} from "./data"
const PluginMsg = require("../core/plugin-msg"); const PluginMsg = require("../core/plugin-msg");
@Component({ @Component({
@ -53,7 +54,7 @@ const PluginMsg = require("../core/plugin-msg");
} }
}) })
export default class Index extends Vue { export default class Index extends Vue {
private isShowDebug: boolean = false; private isShowDebug: boolean = true;
treeItemData: Array<Record<string, any>> = []; treeItemData: Array<Record<string, any>> = [];
treeData: Array<Record<string, any>> = [] treeData: Array<Record<string, any>> = []
bgConn: chrome.runtime.Port | null = null// background.js bgConn: chrome.runtime.Port | null = null// background.js
@ -118,6 +119,7 @@ export default class Index extends Vue {
for (let i = 0; i < 40; i++) { for (let i = 0; i < 40; i++) {
this.treeData.push({name: `node${i}`, children: [{name: `children11111111111111111111111111111111111111${i}`}]}) this.treeData.push({name: `node${i}`, children: [{name: `children11111111111111111111111111111111111111${i}`}]})
} }
this.treeItemData = testData;
} }
handleNodeClick(data: any) { handleNodeClick(data: any) {
@ -214,7 +216,6 @@ export default class Index extends Vue {
.left { .left {
display: flex; display: flex;
flex: 1;
flex-direction: column; flex-direction: column;
.tool-btn { .tool-btn {
@ -226,7 +227,6 @@ export default class Index extends Vue {
.treeList { .treeList {
margin-top: 3px; margin-top: 3px;
flex: 1;
height: 100%; height: 100%;
border-radius: 4px; border-radius: 4px;
min-height: 20px; min-height: 20px;
@ -249,7 +249,7 @@ export default class Index extends Vue {
} }
.right { .right {
flex: 2; flex: 1;
background: #e5e9f2; background: #e5e9f2;
overflow: scroll; overflow: scroll;
} }