欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于Python 優(yōu)化 MUI標(biāo)題欄

 更新時間:2021年11月18日 10:25:28   作者:衡輝  
這篇文章主要介紹的是基于Python 優(yōu)化 MUI標(biāo)題欄,一個特色鮮明MUI界面無疑是能夠吸引用戶的關(guān)鍵之一,這利用css和JavaScript可以很快進行實現(xiàn),但是同時對于初學(xué)者來說也是困難的,下面文章就來學(xué)習(xí)幾個簡單的小技巧實現(xiàn)頁面美化吧,需要的朋友可以參考一下

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

一、前言

三步搭建MUI頁面主框架法包括新建含muiHTML文件、輸入mheader(標(biāo)題欄)、輸入mbody(主體)。一個特色鮮明MUI界面無疑是能夠吸引用戶的關(guān)鍵之一,這利用cssJavaScript可以很快進行實現(xiàn),但是同時對于初學(xué)者來說也是困難的,這就需要幾個簡單的小技巧實現(xiàn)頁面美化。

二、問題描述

在將基本框架搭好以后,如何從一眾手機界面中脫穎而出,如何簡單快捷的實現(xiàn)頁面美化成為一個必須思考的問題。下面小編將以帶返回鍵的標(biāo)題欄為例,為大家整理了幾個優(yōu)化小方法。

三、解決方案

在進行標(biāo)題欄美化時只需要借助style中的background(背景顏色)、color(字體顏色)、font-family(字體樣式)、font-size(字體大小)即可。下面是進行標(biāo)題欄美化的具體操作步驟,除第一步以外其他的操作可隨意調(diào)換順序。

1.  創(chuàng)建一個帶返回鍵標(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添加頁面背景顏色>   

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é)語

在對標(biāo)題欄進行樣式設(shè)計以后,針對底部選項卡、段落、加載按鈕等可以使用相同的方法進行字體和背景顏色的更改。當(dāng)然這種簡單的辦法也只能做很小的改變,要真正將自己的軟件界面格調(diào)提高,cssJavaScript的學(xué)習(xí)是必須進行的。

到此這篇關(guān)于基于Python 優(yōu)化 MUI標(biāo)題欄的文章就介紹到這了,更多相關(guān)MUI標(biāo)題欄優(yōu)化內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 淺談Python實現(xiàn)2種文件復(fù)制的方法

    淺談Python實現(xiàn)2種文件復(fù)制的方法

    這篇文章主要介紹了淺談Python實現(xiàn)2種文件復(fù)制的方法,具有一定借鑒價值,需要的朋友可以參考下
    2018-01-01
  • 如何利用Python將html轉(zhuǎn)為pdf、word文件

    如何利用Python將html轉(zhuǎn)為pdf、word文件

    網(wǎng)絡(luò)上存在很多將HTML轉(zhuǎn)換為PDF的軟件和工具,但是大家都知道收費,所以下面這篇文章主要給大家介紹了關(guān)于如何利用Python將html轉(zhuǎn)為pdf、word文件的相關(guān)資料,文中通過示例代碼介紹介紹的非常詳細,需要的朋友可以參考下
    2022-12-12
  • python中的urlparse()方法使用

    python中的urlparse()方法使用

    這篇文章主要介紹了python中的urlparse()方法使用,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-10-10
  • Python中裝飾器兼容加括號和不加括號的寫法詳解

    Python中裝飾器兼容加括號和不加括號的寫法詳解

    這篇文章主要給大家介紹了關(guān)于Python中裝飾器兼容加括號和不加括號寫法的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起看看吧。
    2017-07-07
  • python openpyxl模塊的使用詳解

    python openpyxl模塊的使用詳解

    這篇文章主要介紹了python openpyxl模塊的使用詳解,幫助大家更好的理解和學(xué)習(xí)使用python,感興趣的朋友可以了解下
    2021-02-02
  • Python+PyQt5編寫圖片格式轉(zhuǎn)換器

    Python+PyQt5編寫圖片格式轉(zhuǎn)換器

    這篇文章主要為大家詳細介紹了如何利用Python和PyQt5編寫一個簡單的圖片格式轉(zhuǎn)換器,文中的示例代碼講解詳細,感興趣的小伙伴可以動手嘗試一下
    2023-07-07
  • python 使用pygame工具包實現(xiàn)貪吃蛇游戲(多彩版)

    python 使用pygame工具包實現(xiàn)貪吃蛇游戲(多彩版)

    這篇文章主要介紹了python 使用pygame工具包實現(xiàn)貪吃蛇游戲,本篇給大家分享的是一個多彩版,通過實例代碼給大家講解,非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-10-10
  • python sys.stdin和sys.stdout的用法說明

    python sys.stdin和sys.stdout的用法說明

    這篇文章主要介紹了python sys.stdin和sys.stdout的用法說明,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2021-03-03
  • python opencv 二值化 計算白色像素點的實例

    python opencv 二值化 計算白色像素點的實例

    今天小編就為大家分享一篇python opencv 二值化 計算白色像素點的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-07-07
  • Python銀行系統(tǒng)實戰(zhàn)源碼

    Python銀行系統(tǒng)實戰(zhàn)源碼

    這篇文章主要為大家詳細介紹了Python銀行系統(tǒng)實戰(zhàn)源碼,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-10-10

最新評論