[發(fā)明專利]彈框?qū)崿F(xiàn)方法、裝置、電子設(shè)備、存儲介質(zhì)

有效

• 申請?zhí)枺?/td>: 201910247695.6
• 申請日: 2019-03-29
• 公開（公告）號: CN109992268B
• 公開（公告）日: 2022-12-20
• 發(fā)明（設(shè)計）人: 李雅男
• 申請（專利權(quán)）人: 攜程旅游信息技術(shù)（上海）有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/71
• 代理公司: 上海隆天律師事務(wù)所 31282
• 代理人: 臧云霄;潘一諾

1.一種彈框?qū)崿F(xiàn)方法，其特征在于，包括：

利用基于react的拖動組件庫對基于react的縮放組件庫進行封裝以獲得函數(shù)組件；

對material-ui的對話框進行封裝，獲得第一模態(tài)框；

利用所述第一模態(tài)框?qū)λ龊瘮?shù)組件進行封裝獲得第二模態(tài)框，所述第二模態(tài)框可拖動且可縮放地顯示，

其中，所述第二模態(tài)框經(jīng)由觸發(fā)于一頁面上彈出，所述第二模態(tài)框彈出期間，所述頁面允許交互操作，

所述頁面配置有第一類內(nèi)容及第二類內(nèi)容，所述第一類內(nèi)容不允許被所述第二模態(tài)框遮擋，所述第二類內(nèi)容允許被所述第二模態(tài)框遮擋，所述第二模態(tài)框于所述頁面上彈出時，確定所述第二模態(tài)框彈出時于頁面上的彈框位置，基于所述彈框位置調(diào)整所述第一類內(nèi)容及所述第二類內(nèi)容的排布，使得所述第一類內(nèi)容不被所述第二模態(tài)框遮擋，接收對所述第二模態(tài)框的拖動操作，實時確定所述第二模態(tài)框于頁面上的彈框位置，基于所述彈框位置動態(tài)調(diào)整所述第一類內(nèi)容及所述第二類內(nèi)容的排布，使得所述第一類內(nèi)容不被所述第二模態(tài)框遮擋，接收對所述第二模態(tài)框的縮放操作，實時確定所述第二模態(tài)框于頁面上的彈框位置及覆蓋范圍，基于所述彈框位置及覆蓋范圍動態(tài)調(diào)整所述第一類內(nèi)容及所述第二類內(nèi)容的排布，使得所述第一類內(nèi)容不被所述第二模態(tài)框遮擋。

2.如權(quán)利要求1所述的彈框?qū)崿F(xiàn)方法，其特征在于，所述對material-ui的對話框進行封裝，獲得第一模態(tài)框還包括：

所述第一模態(tài)框提供信息方法、成功方法、出錯方法、警告方法及確認(rèn)方法中的一個或多個方法。

3.如權(quán)利要求2所述的彈框?qū)崿F(xiàn)方法，其特征在于，所述對material-ui的對話框進行封裝，獲得第一模態(tài)框還包括：

通過基于react的轉(zhuǎn)變庫配置所述第一模態(tài)框彈出時的顯示效果。

4.一種彈框?qū)崿F(xiàn)裝置，其特征在于，包括：

函數(shù)組件模塊，用于利用基于react的拖動組件庫對基于react的縮放組件庫進行封裝以獲得函數(shù)組件；

第一模態(tài)框模塊，用于對material-ui的對話框進行封裝，獲得第一模態(tài)框；

第二模塊框模塊，用于利用所述第一模態(tài)框?qū)λ龊瘮?shù)組件進行封裝獲得第二模態(tài)框，所述第二模態(tài)框可拖動且可縮放地顯示，

其中，所述第二模態(tài)框經(jīng)由觸發(fā)于一頁面上彈出，所述第二模態(tài)框彈出期間，所述頁面允許交互操作，

所述頁面配置有第一類內(nèi)容及第二類內(nèi)容，所述第一類內(nèi)容不允許被所述第二模態(tài)框遮擋，所述第二類內(nèi)容允許被所述第二模態(tài)框遮擋，所述第二模態(tài)框于所述頁面上彈出時，確定所述第二模態(tài)框彈出時于頁面上的彈框位置，基于所述彈框位置調(diào)整所述第一類內(nèi)容及所述第二類內(nèi)容的排布，使得所述第一類內(nèi)容不被所述第二模態(tài)框遮擋，接收對所述第二模態(tài)框的拖動操作，實時確定所述第二模態(tài)框于頁面上的彈框位置，基于所述彈框位置動態(tài)調(diào)整所述第一類內(nèi)容及所述第二類內(nèi)容的排布，使得所述第一類內(nèi)容不被所述第二模態(tài)框遮擋，接收對所述第二模態(tài)框的縮放操作，實時確定所述第二模態(tài)框于頁面上的彈框位置及覆蓋范圍，基于所述彈框位置及覆蓋范圍動態(tài)調(diào)整所述第一類內(nèi)容及所述第二類內(nèi)容的排布，使得所述第一類內(nèi)容不被所述第二模態(tài)框遮擋。

5.一種電子設(shè)備，其特征在于，所述電子設(shè)備包括：

處理器；

存儲介質(zhì)，其上存儲有計算機程序，所述計算機程序被所述處理器運行時執(zhí)行如權(quán)利要求1至3任一項所述的方法。

6.一種存儲介質(zhì)，其特征在于，所述存儲介質(zhì)上存儲有計算機程序，所述計算機程序被處理器運行時執(zhí)行如權(quán)利要求1至3任一項所述的方法。