Vueの--- --- Antのコンポーネントのドロップダウンメニュースタイル

<h3のスタイル= "マージン下：15ピクセル">单人课程统计</ H3> 
            <-ドロップダウン：トリガー= "[ 'クリック']"> 
              <クラス= "ANT-ドロップダウン・リンク"スタイル= "フォント-size：16pxに; "> 
                全部（队员：{{人}}）<アイコンタイプ="ダウン"/> 
              </a>の
              <メニュースロット= "オーバーレイ"> 
                <-COL：MD =" 24" ：LG = "3"> 
                  peopleTreeDataで<メニュー項目V-用= "項目"：キー= "item.course_id"スタイル= "幅：160ピクセル"> 
                    <HREF = ""スタイル= "フォント-size：16pxに」@ click.prevent = "linkClick（アイテム）"> {{item.course_name}} - {{アイテム。コースの時間}} </a>の
                  </メニュー項目> 
                </-COL> 
              </メニュー> 
            </ -ドロップダウン>

<スタイルのlang =「少ない」スコープ> 
  李{ 
    マージン左：10pxの。
    幅：138px; 
    リストスタイル：なし。
    行の高さ：2rem。
    色：ブラック。
    遷移：背景色1S線形、色1Sリニア。
    -webkit遷移：背景色1S線形、色1Sリニア。
    -moz遷移：背景色1S線形、色1Sリニア。
    -o-遷移：背景色1S線形、色1Sリニア。
  } 
  のLi：ホバー{ 
    背景色：＃1 ADFF2F。
    青色; 
  } 
  .ant-ドロップダウンメニュー{ 
    パディング：0PX 0。
  }