#mainposition:绝对宽度:100%高度:100%背景颜色：红色边框半径：4px标题位置：相对边框半径：4px4px00高度：140px背景颜色：蓝色宽度：100%.toolbar-header位置：绝对顶部：0高度：33px宽度：100%背景颜色：yellow.search-boxposition:absolutebottom:0width:100%height:32pxbackground-color:blackfooterborder-radius:004px4pxheight:40pxbackground-color:black位置：绝对底部：0宽度：100%从头开始制作，最后将编写的组件组合在一起！之前写了几天纯css，有点累。在本章中，我将使用sass。如果代码太长，我会分成两章或更多章，详细写代码。注意事项供大家阅读理解，界面可能存在一定偏差。比较就是模仿。官方接口尺寸。Defaultwidth:280px(大概我之前有拉伸记录过，所以没法准确测量)Defaultheight:652px(也是一个近似值)MinHeight:528pxMinWidth:280pxMaxHeight:1041px(可能不准确可能会根据分辨率显示）最大宽度：605px头像高度：140px底部选项高度：40px搜索框高度：30px头像直径/高度：50px右键菜单宽度：180px下载安装安装electron-vue这几天不知道怎么回事，下载总是很慢，如果太慢，挂掉代理！接口路由：exportdefaultnewRouter({routes:[{path:'/',name:'main',component:()=>import('@/components/LandingPage')},{path:'/main',name:'main',component:()=>import('@/view/main/index')},{path:'*',redirect:'/'}]})main创建的第一个窗口window不能使用窗口透明，也就是说我们不能使用圆角，所以我们要另外创建一个窗口，让窗口边缘透明！设置主窗口show:false暂时不显示然后再创建一个main.js让他创建我们要做的窗口！import{BrowserWindow}from'electron'letmain=null;functioncreateMainWindow(){main=newBrowserWindow({width:280,//窗口创建Builtdefaultwidthheight:652,//默认高度minWidth:280,//最小宽度minHeight:528,//最小高度maxHeight:1041,//最大高度maxWidth:605,//最大宽度alwaysOnTop:true,//WindowtopuseContentSize:true,//使用网页大小，也就是说实际的窗口大小应该包括窗框的大小，会稍微大一些。Defaultframe:false,//移除顶部transparent:true,//透明窗口type:'toolbar',//工具栏窗口webPreferences:{devTools:false,//关闭调试工具}});}createMainWindow();页面文件和样式文件
