基于python實(shí)現(xiàn)MUI區(qū)域滾動
本文轉(zhuǎn)自微信公眾號："算法與編程之美"
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登錄頁面的美化
1、前言
MUI提供了區(qū)域滾動的組件，使用時遵循DOM結(jié)構(gòu)就可以。若是需要使用區(qū)域滾動的組件，就需要初始化scroll控件。本次在制作頁面時關(guān)于區(qū)域滾動遇到了一些問題將會在下文展開。
2、問題描述
在創(chuàng)建好區(qū)域滾動之后不能夠按照預(yù)想狀態(tài)橫向滾動，按照MUI官網(wǎng)上給出的代碼敲入之后所有的內(nèi)容都停留在了最左的界面，不能夠根據(jù)橫向滾動的class來具體放置。
示例：
圖上的商品介紹、商家、評價原本應(yīng)為區(qū)域滾動的三個部分，在將各個部分的內(nèi)容對應(yīng)添加上去時，全部都呈現(xiàn)在了一個頁面。而且在滾動時下方的藍(lán)色條并不能隨之滾動，但字體會變?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)容，就不會出現(xiàn)以上的情況了。
比如： <ulclass="mui-table-view"></ul> ，在每一個滾動區(qū)域都這樣使用，就可以正常的進(jìn)行區(qū)域滾動了
4、結(jié)語
這次的問題是在對頁面進(jìn)行優(yōu)化時發(fā)現(xiàn)的，修改之后整個頁面都美觀了許多。當(dāng)遇到這類的問題的時候其實(shí)應(yīng)該仔細(xì)檢查，只要是有一定的基礎(chǔ)都可以發(fā)現(xiàn)這個問題并進(jìn)行改正。
到此這篇關(guān)于基于python實(shí)現(xiàn)MUI區(qū)域滾動的文章就介紹到這了,更多相關(guān)MUI區(qū)域滾動內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了PyQt5每天必學(xué)之彈出消息框，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-04-04
Python+wxPython實(shí)現(xiàn)個人鏈接收藏夾
這篇文章主要介紹了如何使用wxPython和XML數(shù)據(jù)源創(chuàng)建一個具有按鈕和Web視圖的應(yīng)用程序窗口，以便輕松管理和訪問各種網(wǎng)頁鏈接，感興趣的可以了解下2023-08-08
Jupyter Notebook 遠(yuǎn)程訪問配置詳解
這篇文章主要介紹了Jupyter Notebook 遠(yuǎn)程訪問配置詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
這篇文章主要介紹了怎么樣用python做個代碼版的小仙女蹦迪視頻，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-08-08
這篇文章主要介紹了Python3多線程操作,結(jié)合實(shí)例形式分析了Python3兼容Python2使用_thread進(jìn)行多線程操作的簡單實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-05-05
Pycharm github配置實(shí)現(xiàn)過程圖解
這篇文章主要介紹了Pycharm github配置實(shí)現(xiàn)過程圖解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-10-10
Python cookbook(數(shù)據(jù)結(jié)構(gòu)與算法)將名稱映射到序列元素中的方法
這篇文章主要介紹了Python cookbook(數(shù)據(jù)結(jié)構(gòu)與算法)將名稱映射到序列元素中的方法,結(jié)合實(shí)例形式分析了Python使用collections.namedtuple()進(jìn)行元組命名相關(guān)操作技巧,需要的朋友可以參考下2018-03-03
在本篇內(nèi)容里小編給大家整理的是一篇關(guān)于python Pool常用函數(shù)用法總結(jié)內(nèi)容，有需要的朋友們可以學(xué)習(xí)下。2021-04-04
scrapy是一個使用Python語言（基于Twisted框架）編寫的開源網(wǎng)絡(luò)爬蟲框架,目前由scrapinghub Ltd維護(hù).Scrapy簡單易用、靈活易拓展、開發(fā)社區(qū)活躍，并且是跨平臺的.在Linux、MaxOS以及windows平臺都可以使用,需要的朋友可以參考下2021-06-06
這篇文章主要介紹了Python GUI庫PyQt5樣式QSS子控件介紹,需要的朋友可以參考下2020-02-02