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