MyTime-クロム拡張の作成-4(モード)

1536 ワード

設定モードを作りたいのですが、デザインのモードがあまり違わないことに気づきました.そこで、私は2つのアイデアを思いついて、どのように制作しますか.
1. 모든 모달을 각각 따로 만들기
2. 하나의 프레임을 만들고, 그 프렘임을 재사용 하기
の数が少なく、形態が似ていなければ1번であるはずですが、毛も多く、ほとんどの形態が似ているので、2번の方法を使うことにしました.

かたわく

const createModal = (headerText, buttonText, width, height) => {

  ...
    
  return [modalContainer, modalBody, buttonElements];
}
タイトルのテキストとドラッグモードのボタンが必要だと思いますので、入力を受け入れるためにコードを書きました.サイズは入力しますが、必ずしも必要ではありません.後でデフォルト値を設定する必要があります.return値でtargetにmodalを追加するために、modalの一番上のdiv modalContainer、実コンテンツのmodalBody、event listnerを追加しました.

実画面