本文轉(zhuǎn)自微信公眾號(hào)："算法與編程之美"

Python用HBuilder創(chuàng)建交流社區(qū)APP
基于Python實(shí)現(xiàn)MUI側(cè)滑菜單a標(biāo)簽跳轉(zhuǎn)
基于Python 優(yōu)化 MUI標(biāo)題欄
基于python使MUI登錄頁(yè)面的美化

1、

MUI提供了區(qū)域滾動(dòng)的組件，使用時(shí)遵循DOM結(jié)構(gòu)就可以。若是需要使用區(qū)域滾動(dòng)的組件，就需要初始化scroll控件。本次在制作頁(yè)面時(shí)關(guān)于區(qū)域滾動(dòng)遇到了一些問題將會(huì)在下文展開。

2、問題描述

在創(chuàng)建好區(qū)域滾動(dòng)之后不能夠按照預(yù)想狀態(tài)橫向滾動(dòng)，按照MUI官網(wǎng)上給出的代碼敲入之后所有的內(nèi)容都停留在了最左的界面，不能夠根據(jù)橫向滾動(dòng)的class來具體放置。

示例：

圖上的商品介紹、商家、評(píng)價(jià)原本應(yīng)為區(qū)域滾動(dòng)的三個(gè)部分，在將各個(gè)部分的內(nèi)容對(duì)應(yīng)添加上去時(shí)，全部都呈現(xiàn)在了一個(gè)頁(yè)面。而且在滾動(dòng)時(shí)下方的藍(lán)色條并不能隨之滾動(dòng)，但字體會(huì)變?yōu)樗{(lán)色。

3、解決方案

查看html上的代碼，可以發(fā)現(xiàn)在<div id="item1mobile" class="md-f1 mui-slider-item mui-control-contentdetailInfos md-box md-ver mui-active">和<div>之后是直接使用了divclass加上之后的圖片內(nèi)容。

其實(shí)我們只用加入ul組件，再去調(diào)用圖片與內(nèi)容，就不會(huì)出現(xiàn)以上的情況了。

比如： <ulclass="mui-table-view"></ul> ，在每一個(gè)滾動(dòng)區(qū)域都這樣使用，就可以正常的進(jìn)行區(qū)域滾動(dòng)了

4、結(jié)語(yǔ)

這次的問題是在對(duì)頁(yè)面進(jìn)行優(yōu)化時(shí)發(fā)現(xiàn)的，修改之后整個(gè)頁(yè)面都美觀了許多。當(dāng)遇到這類的問題的時(shí)候其實(shí)應(yīng)該仔細(xì)檢查，只要是有一定的基礎(chǔ)都可以發(fā)現(xiàn)這個(gè)問題并進(jìn)行改正。

到此這篇關(guān)于基于python實(shí)現(xiàn)MUI區(qū)域滾動(dòng)的文章就介紹到這了,更多相關(guān)MUI區(qū)域滾動(dòng)內(nèi)容請(qǐng)搜索本站以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持本站！

版權(quán)聲明：本站文章來源標(biāo)注為YINGSOO的內(nèi)容版權(quán)均為本站所有，歡迎引用、轉(zhuǎn)載，請(qǐng)保持原文完整并注明來源及原文鏈接。禁止復(fù)制或仿造本網(wǎng)站，禁止在非www.sddonglingsh.com所屬的服務(wù)器上建立鏡像，否則將依法追究法律責(zé)任。本站部分內(nèi)容來源于網(wǎng)友推薦、互聯(lián)網(wǎng)收集整理而來，僅供學(xué)習(xí)參考，不代表本站立場(chǎng)，如有內(nèi)容涉嫌侵權(quán)，請(qǐng)聯(lián)系alex-e#qq.com處理。