🧿
LavaNotes
CS笔记
CS笔记
  • Lavachen Doc
  • ELECTRON
    • ELECTRON介绍
  • 组件
    • 可拖动header
    • button组件
    • sidebar组件
  • REACT
    • REACT介绍
  • CS61B 课程系列笔记
    • CS 61B 列表
    • CS 61B 数组
    • CS 61B 继承
    • CS 61B 渐进论
    • CS 61B 渐进论 2
    • CS 61B 不相交集
    • CS 61B ADT&BST
    • CS 61B B 树
    • CS 61B 红黑树
    • CS 61B 哈希表
Powered by GitBook
On this page
  1. 组件

可拖动header

创建DraggableTopBar

  1. 在全局css中添加

header {

-webkit-app-region: drag;

}
  1. 创建component

export const DraggableTopBar = () => {

return <header className="absolute inset-0 h-8 bg-transparent" />

}
.absolute {  
	position: absolute;  
}
  
.inset-0 {  
	top: 0px;  
	right: 0px;  
	bottom: 0px;  
	left: 0px;  
}
.h-8 {  
	height: 2rem /* 32px */;  
}
  1. 添加在APP组件中即可

PreviousELECTRON介绍Nextbutton组件

Last updated 4 months ago