实现菜单栏

[wangding]

包括以下任务：

• 存储菜单信息的数据结构
• 菜单的 HTML 结构
• 菜单的样式

[wangding]

存储菜单信息的数据结构：

var menus = {
  '文件(&F)': [
    {
      item: '新建(&N)',
      shortcut: 'Ctrl+N',
      action: 'file_new'
    }
  ]
};

[wangding]

菜单的 HTML 文档结构：

<div class="notepad-menu-container">
  <div class="notepad-menu-button">文件(F)</div>
  <div class="notepad-menu-popup">
    <div class="notepad-menu-item">新建(N)</div>
  </div>
</div>