mirror of
https://github.com/tidys/cc-inspector-chrome
synced 2025-04-20 00:48:43 +00:00
样式
This commit is contained in:
parent
08a055fe27
commit
ef1346916f
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user