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を追加しました.

実画面

Reference

この問題について(MyTime-クロム拡張の作成-4(モード)), 我々は、より多くの情報をここで見つけました https://velog.io/@maybe0728/MyTime-크롬-익스텐션-만들기-4-Modal

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

LaTeX

POLITO COMPUTER SCIENCE lab numero tre