基于Python 优化 MUI标题栏
作者:衡辉 发布时间:2022-10-31 17:12:49
标签:Python,MUI,标题栏,优化
本文转自微信公众号:"算法与编程之美"
一、前言
三步搭建MUI页面主框架法包括新建含mui
的HTML
文件、输入mheader
(标题栏)、输入mbody
(主体)。一个特色鲜明MUI界面无疑是能够吸引用户的关键之一,这利用css
和JavaScript
可以很快进行实现,但是同时对于初学者来说也是困难的,这就需要几个简单的小技巧实现页面美化。
二、问题描述
在将基本框架搭好以后,如何从一众手机界面中脱颖而出,如何简单快捷的实现页面美化成为一个必须思考的问题。下面小编将以带返回键的标题栏为例,为大家整理了几个优化小方法。
三、解决方案
在进行标题栏美化时只需要借助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更改字体颜色以及字体>
四、结语
在对标题栏进行样式设计以后,针对底部选项卡、段落、加载按钮等可以使用相同的方法进行字体和背景颜色的更改。当然这种简单的办法也只能做很小的改变,要真正将自己的软件界面格调提高,css
和JavaScript
的学习是必须进行的。
0
投稿
猜你喜欢
- kmp算法KMP算法是一种改进的字符串匹配算法,由D.E.Knuth,J.H.Morris和V.R.Pratt同时发现,因此人们称它为克努特
- 相对于numpy、TensorFlow、pandas这些已经经过多年维护、迭代,对于大多数Python开发者耳熟能详的库不同。今天要给大家介
- 介绍众所周知,计算机视觉在机器学习和人工智能领域获得了巨大的普及。图像识别技术允许计算机处理比人眼更多的信息,通常更快、更准确,或者只是在人
- 1、引言选择排序里面主要讲了三个排序,分别是简单选择排序、树形选择排序、堆排序。今天这篇文章主要讲树形选择排序,树形选择排序也被称为锦标赛排
- 这篇文章主要介绍了Python timer定时器两种常用方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值
- 一、下载anaconda第一步当然是下载anaconda了,官方网站的下载需要用迅雷才能快点,或者直接到清华大学镜像站下载。当然这里推荐脚本
- 在编程时你一定碰到过时间触发的事件,在VB中有timer控件,而asp中没有, 假如你要不停地查询数据库来等待一个返回结果的话,我想你一定知
- 【MySql常用命令】1:使用SHOW语句找出在服务器上当前存在什么数据库:mysql> SHOW DATABASES;2:创建一个数
- 首先说明一下,在python中是没有&&及||这两个运算符的,取而代之的是英文and和or。其他运算符没有变动。接着重点要说
- 第一种情况os.system('ps aux')执行系统命令,没有返回值第二种情况result = os.popen(
- 校验是否全由数字组成function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.
- 文章出处:https://blog.csdn.net/sdksdk0/article/details/80933444作者:朱培
- 插入排序 插入排序是这样实现的: 首先新建一个空列表,用于保存已排序的有序数列(我们称之为"有序列表")。
- 在实用美术中,常有"远看色彩近看花,先看颜色后看花,七分颜色三分花"的说法。这也就说明,在任何设计中,色彩对视觉的刺激起
- 一、get//get请求function getUrl($url, $header = []){ $ch = cu
- 如果我有一个数据集,他的某个列名下面的value很长,我们需要筛选出,所有列名中value值字符串大于20的数据集。其实比较简单啦,一句代码
- js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,
- 本文为大家分享了python爬取m3u8连接的视频方法,供大家参考,具体内容如下要求:输入m3u8所在url,且ts视频与其在同一路径下#!
- INSTR的第三个参数为1时,实现的是indexOf功能。 INSTR的第三个参数为-1时,实现的是lastIndexOf功能。 例如: I
- 前言本文主要给大家介绍的是关于python对配置文件.ini增删改查操作的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的