PhoneGap中文网

标题: Electron自定义软件顶部菜单如何实现 [打印本页]

---

作者: 你懂的    时间: 2018-9-17 21:58
标题: Electron自定义软件顶部菜单如何实现
Electron自定义软件顶部菜单如何实现呢？

1. 
   
2. const { Menu }=require('electron');
   
3. 
   
4. //订单菜单
   
5. var template=[
   
6.     {
   
7. 
   
8.         label:'文件',
   
9.         submenu:[
   
10.             {
    
11. 
    
12.                 label:'新建文件',
    
13. 
    
14.                 accelerator:'ctrl+n',
    
15. 
    
16.                 click:function(){
    
17.                     console.log('ctrl+n');
    
18.                 }
    
19.             },
    
20.             {
    
21. 
    
22.                 label:'新建窗口',
    
23.                 click:function(){
    
24. 
    
25.                     console.log('new window');
    
26.                 }
    
27.             }
    
28.         ]
    
29.     },
    
30.     {
    
31. 
    
32.         label:'编辑',
    
33.         submenu:[
    
34. 
    
35.             {
    
36. 
    
37.                 label:'复制',
    
38.                 role:'copy'
    
39.             },
    
40.             {
    
41. 
    
42.                 label:'截切',
    
43.                 role:'cut'
    
44.             }
    
45.         ]
    
46.     }
    
47. 
    
48. ]
    
49. 
    
50. var m=Menu.buildFromTemplate(template);
    
51. 
    
52. Menu.setApplicationMenu(m);
    

复制代码

完整demo：

---

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)

Powered by Discuz! X3.2