如何使用jQuery EasyUI Mobile为手机设计徽章
EasyUI是一个HTML5框架,用于使用基于jQuery、React、Angular和Vue技术的用户界面组件。它有助于为交互式网络和移动应用程序构建功能,为开发者节省大量时间。
在这篇文章中,我们将学习关于移动界面的徽章。徽章_是与链接相关的数字,表示与该链接相关的项目数量。
EasyUI for jQuery的下载:
https://www.jeasyui.com/download/index.php
请注意预编译文件的文件路径,同时在你的移动应用代码中实施。
例子1:下面的例子演示了一些使用EasyUI框架的移动应用程序的基本徽章。
href="themes/metro/easyui.css">
href="themes/mobile.css">
href="themes/icon.css">
输出:
例子2:下面的例子演示了使用EasyUI框架的移动应用程序的列表和页脚徽章。
href="themes/metro/easyui.css">
href="themes/color.css">
href="themes/mobile.css">
href="themes/icon.css">
- Mobile App
style="margin-top:10px">
234
- Web Design
style="margin-top:10px">12
- IoT
style="margin-top:10px">6
输出:
例子3:下面的例子演示了标签徽章。
href="themes/metro/easyui.css">
.tab-class {
padding-top: 6px;
position: relative;
display: inline-block;
line-height: 12px;
}
p {
line-height: 150%;
}
width="50px" height="50px" />
13
HTML stands for HyperText Markup Language.
It is used to design web pages using a
markup language. HTML is the combination
of Hypertext and Markup language. Hypertext
defines the link between the web pages.
A markup language is used to define the
text document within tag which defines the
structure of web pages..
width="50px" height="50px" />
14
Cascading Style Sheets, fondly referred to
as CSS, is a simply designed language
intended to simplify the process of making
web pages presentable. CSS allows you to
apply styles to web pages. More importantly,
CSS enables you to do this independent of
the HTML that makes up each web page.
width="50px" height="50px" / />
15
The term PHP is an acronym for PHP:
Hypertext Preprocessor. PHP is a server-side
scripting language designed specifically
for web development. PHP can be easily
embedded in HTML files and HTML codes can
also be written in a PHP file.
输出: