文章詳情頁(yè)
javascript - 求解vue多個(gè)彈層同時(shí)出現(xiàn)并且有依賴關(guān)系的合理安排
瀏覽:97日期:2023-01-05 16:56:03
問(wèn)題描述
像這種多個(gè)彈層出現(xiàn),并且有次序關(guān)系的,如果安排最合理,最自然?
目前我用的是用一個(gè)modal組件,然后用插糟賽東西進(jìn)入,點(diǎn)擊按鈕切換插槽里面的東西
,但是感覺(jué)蠻臟的,會(huì)出現(xiàn)這樣的代碼
問(wèn)題解答
回答1:謝邀。
我沒(méi)有做過(guò)smart phone 端的這種彈層。 不過(guò)在PC上經(jīng)常寫(xiě)。
一般我是通過(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è)彈出層的方案, 要注意: 彈出的組件要支持沒(méi)有遮罩彈出,不然多個(gè)彈出層覆蓋在一起,會(huì)導(dǎo)致陰影遮罩重疊透明度變低,會(huì)越來(lái)越黑。 多個(gè)彈出的方案,并不太理想。
回答2:看著好像是叫人幫你優(yōu)化這東西是吧,不想回答,哈哈哈哈哈
標(biāo)簽:
JavaScript
相關(guān)文章:
1. angular.js - Angular路由和express路由的組合使用問(wèn)題2. 網(wǎng)絡(luò)傳輸協(xié)議 - 以下三種下載方式有什么不同?如何用python模擬下載器下載?3. java 排序的問(wèn)題4. 我在centos容器里安裝docker,也就是在容器里安裝容器,報(bào)錯(cuò)了?5. 表單提交驗(yàn)證,沒(méi)反應(yīng),求老師指點(diǎn)6. 我的html頁(yè)面一提交,網(wǎng)頁(yè)便顯示出了我的php代碼,求問(wèn)是什么原因?7. 如何修改phpstudy的phpmyadmin放到其他地方8. tp6表單令牌9. php - mysql中,作為主鍵的字段,用int類型,是不是比用char類型的效率更高?10. javascript - canvas 可以實(shí)現(xiàn) PS 魔法橡皮擦的功能嗎?
排行榜

熱門標(biāo)簽