纯净、安全、绿色的下载网站

首页|软件分类|下载排行|最新软件|IT学院

当前位置:首页IT学院IT技术

MUI标题栏优化 基于Python 优化 MUI标题栏

衡辉   2021-11-18 我要评论
想了解基于Python 优化 MUI标题栏的相关内容吗衡辉在本文为您仔细讲解MUI标题栏优化的相关知识和一些Code实例欢迎阅读和指正我们先划重点:基于Python优化MUI标题栏,MUI标题栏的优化,MUI标题栏优化下面大家一起来学习吧。

本文转自微信公众号:"算法与编程之美"

一、前言

三步搭建MUI页面主框架法包括新建含muiHTML文件、输入mheader(标题栏)、输入mbody(主体)。一个特色鲜明MUI界面无疑是能够吸引用户的关键之一这利用cssJavaScript可以很快进行实现但是同时对于初学者来说也是困难的这就需要几个简单的小技巧实现页面美化。

二、问题描述

在将基本框架搭好以后如何从一众手机界面中脱颖而出如何简单快捷的实现页面美化成为一个必须思考的问题。下面小编将以带返回键的标题栏为例为大家整理了几个优化小方法。

三、解决方案

在进行标题栏美化时只需要借助style中的background(背景颜色)、color(字体颜色)、font-family(字体样式)、font-size(字体大小)即可。下面是进行标题栏美化的具体操作步骤除第一步以外其他的操作可随意调换顺序。

1.  创建一个带返回键标题栏

<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.更改标题栏的背景颜色

<headerclass="mui-barmui-bar-nav"style="background:yellowgreen;"  >

<!直接使用style添加页面背景颜色>   

3.更改标题栏的字体颜色

<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.更改标题栏的字体

<h1 style="color:  white;font-family: '楷体';" >算法与编程之美</h1><!style更改字体颜色以及字体>

四、结语

在对标题栏进行样式设计以后针对底部选项卡、段落、加载按钮等可以使用相同的方法进行字体和背景颜色的更改。当然这种简单的办法也只能做很小的改变要真正将自己的软件界面格调提高cssJavaScript的学习是必须进行的。


相关文章

猜您喜欢

网友评论

Copyright 2020 www.tdogsoftware.com 【零度软件园】 版权所有 软件发布

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 点此查看联系方式