<div class="do-mod-profile" anot="profile">
  <h3 class="title">
    设置
    <span class="save do-ui-button medium teal" @click="save">保存设置</span>
  </h3>

  <section class="block">
    <span class="label">允许后台播放</span>
    <div class="field">
      <anot-switch :value="setting.allowPlayOnBack"></anot-switch>
    </div>
  </section>

  <section class="block">
    <span class="label">自动下载歌词和封面</span>
    <div class="field">
      <anot-switch :value="setting.autoLrc"></anot-switch>
    </div>
  </section>

  <section class="block">
    <span class="label">主题风格</span>
    <div class="field">
      <anot-radio :value="setting.theme" label="1">MacOS风格</anot-radio>
      <anot-radio :value="setting.theme" label="2">Linux风格</anot-radio>
    </div>
  </section>

  <section class="block">
    <span class="label">本地音乐目录</span>
    <div class="field">
      <span 
        class="path-holder do-fn-ell" 
        :attr-title="setting.musicPath"
        :text="setting.musicPath ||  '请选择你的歌曲目录'">
      </span>
      <anot-button color="teal" @click="openDir">选择目录...</anot-button>
    </div>
  </section>

  <section class="block">
    <span class="label">快捷键</span>
    <div class="field">
      <table class="table">
        <thead>
          <tr>
            <th>功能说明</th>
            <th>快捷键</th>
            <th>全局快捷键</th>
          </tr>
        </thead>
        <tbody>
          <tr class="ac">
            <td>播放/暂停</td>
            <td>空格</td>
            <td>{{cmd}}{{alt}}空格</td>
          </tr>
          <tr class="ac">
            <td>上一首</td>
            <td>{{cmd}}←</td>
            <td>{{cmd}}{{alt}}←</td>
          </tr>
          <tr class="ac">
            <td>下一首</td>
            <td>{{cmd}}→</td>
            <td>{{cmd}}{{alt}}→</td>
          </tr>
          <tr class="ac">
            <td>音量+</td>
            <td>{{cmd}}↑</td>
            <td>{{cmd}}{{alt}}↑</td>
          </tr>
          <tr class="ac">
            <td>音量-</td>
            <td>{{cmd}}↓</td>
            <td>{{cmd}}{{alt}}↓</td>
          </tr>
          <tr class="ac">
            <td>桌面歌词</td>
            <td>{{cmd}}R</td>
            <td>{{cmd}}{{alt}}R</td>
          </tr>
          <tr class="ac">
            <td>迷你模式</td>
            <td>{{cmd}}{{alt}}M</td>
            <td>{{cmd}}{{alt}}⇧M</td>
          </tr>
        </tbody>
      </table>
    </div>
  </section>


  <section class="block">
    <span class="label">启用全局快捷键</span>
    <div class="field">
      <anot-switch :value="setting.allowGS"></anot-switch><span>(即使app在后台也能控制)</span>
    </div>
  </section>


  <section class="block">
    <span class="label">关于Sonist</span>
    <div class="desc">
      <p>当前版本:  {{version}}</p>
      <p>Sonist是一个本地音乐播放器, 同时支持酷狗的API来获取最新的歌曲信息,如排行榜, 最近单曲等(不提供下载服务, 仅为资讯展示, 如需要下载请到酷狗官网购买下载)。</p>
      <p>本播放器所使用的歌词/封面信息均来源于网络搜索, 不保证内容的准确性和时效性。</p>
      <p>免责声明</p>
      <p>本app,源代码完全开源(<a target="_blank" href="https://github.com/yutent/sonist">GayHub</a>)。采用MIT开源协议。仅供个人学习交流, 请勿用于商业/非法用途。</p>
      <p>本app的音乐资源来源于网络, 如有侵犯您的权益, 请联系我, 我会在第一时间删除。</p>
    </div>
  </section>


</div>