基于python實(shí)現(xiàn)MUI區(qū)域滾動(dòng)
本文轉(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)遇到了一些問(wèn)題將會(huì)在下文展開(kāi)。
2、問(wèn)題描述
在創(chuàng)建好區(qū)域滾動(dòng)之后不能夠按照預(yù)想狀態(tài)橫向滾動(dòng)，按照MUI官網(wǎng)上給出的代碼敲入之后所有的內(nèi)容都停留在了最左的界面，不能夠根據(jù)橫向滾動(dòng)的class來(lái)具體放置。
示例：
圖上的商品介紹、商家、評(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ǔ)
這次的問(wèn)題是在對(duì)頁(yè)面進(jìn)行優(yōu)化時(shí)發(fā)現(xiàn)的，修改之后整個(gè)頁(yè)面都美觀了許多。當(dāng)遇到這類(lèi)的問(wèn)題的時(shí)候其實(shí)應(yīng)該仔細(xì)檢查，只要是有一定的基礎(chǔ)都可以發(fā)現(xiàn)這個(gè)問(wèn)題并進(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)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了python使用glob檢索文件的操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-05-05
Python爬蟲(chóng)之正則表達(dá)式的使用教程詳解
本文實(shí)例代碼相結(jié)合給大家詳細(xì)介紹了Python爬蟲(chóng)之正則表達(dá)式的使用，包括參數(shù)介紹，最常規(guī)的匹配，匹配目標(biāo)，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2018-10-10
下面小編就為大家?guī)?lái)一篇安裝Python的教程-Windows。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
Python面向?qū)ο缶幊讨庋b的藝術(shù)你了解嗎
這篇文章主要為大家詳細(xì)介紹了Python面向?qū)ο缶幊讨庋b的藝術(shù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-02-02
在 Django/Flask 開(kāi)發(fā)服務(wù)器上使用 HTTPS
使用 Django 或 Flask 這種框架開(kāi)發(fā) web app 的時(shí)候一般都會(huì)用內(nèi)建服務(wù)器開(kāi)發(fā)和調(diào)試程序，等程序完成后再移交到生產(chǎn)環(huán)境部署。問(wèn)題是這些內(nèi)建服務(wù)器通常都不支持 HTTPS，那么我們來(lái)探討下開(kāi)啟https吧2014-07-07
這篇文章主要為大家介紹了Java開(kāi)發(fā)者快速進(jìn)修Python指南之異常捕獲,?有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-12-12
python pandas 組內(nèi)排序、單組排序、標(biāo)號(hào)的實(shí)例
下面小編就為大家分享一篇python pandas 組內(nèi)排序、單組排序、標(biāo)號(hào)的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-04-04
Python入門(mén)教程(七)Python數(shù)字類(lèi)型
這篇文章主要介紹了Python入門(mén)教程(七)Python數(shù)字類(lèi)型,Python是一門(mén)非常強(qiáng)大好用的語(yǔ)言,也有著易上手的特性,本文為入門(mén)教程,需要的朋友可以參考下2023-04-04
這篇文章主要介紹了python中sets模塊的用法實(shí)例,該模塊用來(lái)處理集合類(lèi)型的數(shù)據(jù),在這個(gè)模塊中提供了兩個(gè)集合類(lèi):Set(可變集合)和ImmurableSet(不可變集合),本文實(shí)例主要分析了Set(可變集合)的用法,需要的朋友可以參考下2014-09-09
Python使用Tkinter實(shí)現(xiàn)機(jī)器人走迷宮
這篇文章主要為大家詳細(xì)介紹了Python使用Tkinter實(shí)現(xiàn)機(jī)器人走迷宮，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01