基于Python 優(yōu)化 MUI標(biāo)題欄
本文轉(zhuǎn)自微信公眾號(hào):"算法與編程之美"
一、前言
三步搭建MUI頁(yè)面主框架法包括新建含mui
的HTML
文件、輸入mheader
(標(biāo)題欄)、輸入mbody
(主體)。一個(gè)特色鮮明MUI界面無(wú)疑是能夠吸引用戶的關(guān)鍵之一,這利用css
和JavaScript
可以很快進(jìn)行實(shí)現(xiàn),但是同時(shí)對(duì)于初學(xué)者來(lái)說(shuō)也是困難的,這就需要幾個(gè)簡(jiǎn)單的小技巧實(shí)現(xiàn)頁(yè)面美化。
二、問(wèn)題描述
在將基本框架搭好以后,如何從一眾手機(jī)界面中脫穎而出,如何簡(jiǎn)單快捷的實(shí)現(xiàn)頁(yè)面美化成為一個(gè)必須思考的問(wèn)題。下面小編將以帶返回鍵的標(biāo)題欄為例,為大家整理了幾個(gè)優(yōu)化小方法。
三、解決方案
在進(jìn)行標(biāo)題欄美化時(shí)只需要借助style
中的background
(背景顏色)、color
(字體顏色)、font-family
(字體樣式)、font-size
(字體大小)即可。下面是進(jìn)行標(biāo)題欄美化的具體操作步驟,除第一步以外其他的操作可隨意調(diào)換順序。
1. 創(chuàng)建一個(gè)帶返回鍵標(biāo)題欄
<header class="mui-bar mui-bar-nav"> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <h1>算法與編程之美</h1></header>
2.更改標(biāo)題欄的背景顏色
<headerclass="mui-barmui-bar-nav"style="background:yellowgreen;" > <!直接使用style添加頁(yè)面背景顏色>
3.更改標(biāo)題欄的字體顏色
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: white;"></a> <h1 style="color: white;" >算法與編程之美</h1><!style更改字體顏色以及字體>
4.更改標(biāo)題欄的字體
<h1 style="color: white;font-family: '楷體';" >算法與編程之美</h1><!style更改字體顏色以及字體>
四、結(jié)語(yǔ)
在對(duì)標(biāo)題欄進(jìn)行樣式設(shè)計(jì)以后,針對(duì)底部選項(xiàng)卡、段落、加載按鈕等可以使用相同的方法進(jìn)行字體和背景顏色的更改。當(dāng)然這種簡(jiǎn)單的辦法也只能做很小的改變,要真正將自己的軟件界面格調(diào)提高,css
和JavaScript
的學(xué)習(xí)是必須進(jìn)行的。
到此這篇關(guān)于基于Python 優(yōu)化 MUI標(biāo)題欄的文章就介紹到這了,更多相關(guān)MUI標(biāo)題欄優(yōu)化內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
淺談Python實(shí)現(xiàn)2種文件復(fù)制的方法
這篇文章主要介紹了淺談Python實(shí)現(xiàn)2種文件復(fù)制的方法,具有一定借鑒價(jià)值,需要的朋友可以參考下2018-01-01如何利用Python將html轉(zhuǎn)為pdf、word文件
網(wǎng)絡(luò)上存在很多將HTML轉(zhuǎn)換為PDF的軟件和工具,但是大家都知道收費(fèi),所以下面這篇文章主要給大家介紹了關(guān)于如何利用Python將html轉(zhuǎn)為pdf、word文件的相關(guān)資料,文中通過(guò)示例代碼介紹介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12Python中裝飾器兼容加括號(hào)和不加括號(hào)的寫(xiě)法詳解
這篇文章主要給大家介紹了關(guān)于Python中裝飾器兼容加括號(hào)和不加括號(hào)寫(xiě)法的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起看看吧。2017-07-07Python+PyQt5編寫(xiě)圖片格式轉(zhuǎn)換器
這篇文章主要為大家詳細(xì)介紹了如何利用Python和PyQt5編寫(xiě)一個(gè)簡(jiǎn)單的圖片格式轉(zhuǎn)換器,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以動(dòng)手嘗試一下2023-07-07python 使用pygame工具包實(shí)現(xiàn)貪吃蛇游戲(多彩版)
這篇文章主要介紹了python 使用pygame工具包實(shí)現(xiàn)貪吃蛇游戲,本篇給大家分享的是一個(gè)多彩版,通過(guò)實(shí)例代碼給大家講解,非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-10-10python sys.stdin和sys.stdout的用法說(shuō)明
這篇文章主要介紹了python sys.stdin和sys.stdout的用法說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2021-03-03python opencv 二值化 計(jì)算白色像素點(diǎn)的實(shí)例
今天小編就為大家分享一篇python opencv 二值化 計(jì)算白色像素點(diǎn)的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-07-07Python銀行系統(tǒng)實(shí)戰(zhàn)源碼
這篇文章主要為大家詳細(xì)介紹了Python銀行系統(tǒng)實(shí)戰(zhàn)源碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-10-10