文章詳情頁(yè)
javascript - 求解vue多個(gè)彈層同時(shí)出現(xiàn)并且有依賴關(guān)系的合理安排
瀏覽:128日期:2023-01-05 16:56:03
問(wèn)題描述
像這種多個(gè)彈層出現(xiàn),并且有次序關(guān)系的,如果安排最合理,最自然?
目前我用的是用一個(gè)modal組件,然后用插糟賽東西進(jìn)入,點(diǎn)擊按鈕切換插槽里面的東西
,但是感覺蠻臟的,會(huì)出現(xiàn)這樣的代碼
問(wèn)題解答
回答1:謝邀。
我沒有做過(guò)smart phone 端的這種彈層。 不過(guò)在PC上經(jīng)常寫。
一般我是通過(guò)狀態(tài)來(lái)處理的, 比如 A -> B -> C. 用戶在A的時(shí)候(B,C是隱藏的)點(diǎn)擊確定后,將A隱藏,B顯示。在B的時(shí)候點(diǎn)擊確定,B隱藏 C顯示。如果回到上一層,那么C隱藏B顯示。大概這樣。
當(dāng)然也有其他的好多方式,
如果是多個(gè)彈出層的方案, 要注意: 彈出的組件要支持沒有遮罩彈出,不然多個(gè)彈出層覆蓋在一起,會(huì)導(dǎo)致陰影遮罩重疊透明度變低,會(huì)越來(lái)越黑。 多個(gè)彈出的方案,并不太理想。
回答2:看著好像是叫人幫你優(yōu)化這東西是吧,不想回答,哈哈哈哈哈
標(biāo)簽:
JavaScript
相關(guān)文章:
1. 360瀏覽器與IE瀏覽器有何區(qū)別???2. mysql 怎么做到update只更新一行數(shù)據(jù)?3. javascript - 新浪微博網(wǎng)頁(yè)版的字?jǐn)?shù)限制是怎么做的4. node.js - mysql如何通過(guò)knex查詢今天和七天內(nèi)的匯總數(shù)據(jù)5. mysql 插入數(shù)值到特定的列一直失敗6. python - 在使用Pycharm時(shí)經(jīng)常看到如下的樣式,小括號(hào)里紅色的部分是什么意思呢?7. javascript - 用jsonp抓取qq音樂(lè)總是說(shuō)回調(diào)函數(shù)沒有定義8. 怎么在網(wǎng)頁(yè)中設(shè)置圖片進(jìn)行左右滑動(dòng)9. sublime可以用其他編譯器替換嗎?10. python 合并dict
排行榜

熱門標(biāo)簽