18 lines
319 B
TypeScript
18 lines
319 B
TypeScript
|
interface AttrType {
|
||
|
|
x: number
|
||
|
|
y: number
|
||
|
|
w: number
|
||
|
|
h: number
|
||
|
|
}
|
||
|
|
|
||
|
|
export const useComponentStyle = (attr: AttrType, index: number) => {
|
||
|
|
const componentStyle = {
|
||
|
|
zIndex: index,
|
||
|
|
left: `${attr.x}px`,
|
||
|
|
top: `${attr.y}px`,
|
||
|
|
width: `${attr.w}px`,
|
||
|
|
height: `${attr.h}px`
|
||
|
|
}
|
||
|
|
return componentStyle
|
||
|
|
}
|