PhoneGap中文网

 找回密码
 立即注册
PhoneGap中文网 视频教程
订阅

视频教程

ionic中的buttom使用
按钮 : .buttonionic使用.button样式定义按钮元素:any class="button".../any一旦元素应用了.button样式,就可以继续选用两类预定义样式来进一步 声明元素及其内容的外观:同级样式 - 同级样式与.button应用在同一 ...
分类:    2015-4-8 12:59
ionic .item : 嵌入大图
ionic .item : 嵌入大图
.item : 嵌入大图大图非常有冲击力,在图片类App中很常见:!DOCTYPE htmlhtmlhead meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height" lin ...
分类:    2015-4-8 12:57
ionic中 .item : 嵌入缩略图
ionic中 .item : 嵌入缩略图
.item : 嵌入缩略图回到今日头条的新闻列表,我们给它加上两张新闻图片:在ionic中,缩略图被定义为80px大小,比头像大,适合新闻图片。 和插入头像类似,向.item中插入缩略图需要满足两个条件:在.item元素上声明缩 ...
分类:    2015-4-8 12:56
ionic .item : 嵌入头像
ionic .item : 嵌入头像
.item : 嵌入头像很多社交App中,一个相当固定的UI模式是包含用户头像的信息列表:在ionic中,头像被设置为40x40固定大小。和插入图标类似,向.item中插入头像需要满足两个条件:在.item元素上声明头像位置。头像可 ...
分类:    2015-4-8 12:55
ionic list .item 嵌入图标
ionic list .item 嵌入图标
ionic .item : 嵌入图标列表成员的内容中插入图标,比单纯的文字更加生动:要插入图标,需要满足两个条件:在.item元素上声明图标位置。图标可以位于列表的左侧或右侧, 分别使用.item-icon-left和.item-icon-right ...
分类:    2015-4-8 12:54
ionic list 下面的item 内嵌文本
ionic list 下面的item 内嵌文本
ionic list 下面的item 内嵌文本列表成员中经常需要显示不同规格的文本,比如今日头条的新闻列表:.item元素可以使用h1~h6/p标签插入不同规格的文本。!DOCTYPE htmlhtmlhead meta name="viewport" content="initial- ...
分类:    2015-4-8 12:53
ionic中 list下面的item
ionic中 list下面的item
ionic 成员容器 : .item列表的样式定制主要发生在.item元素上。在.item元素内, 可以插入文本、徽章、图标、图像(头像、缩略图或大图)、按钮等各种 样式的元素:!DOCTYPE htmlhtmlhead meta name="viewport" conte ...
分类:    2015-4-8 12:51
ionic中的list
列表 : .list列表非常适合于手机屏幕上的信息的显示。使用.list定义列表容器, 使用.item定义列表成员:any class="list" any class="item".../any any class="item".../any any class="item".../any any class="ite ...
分类:    2015-4-8 12:50
ionic中的内边距 padding的使用
ionic定义了常用的内边距样式:样式名很直白,边距统一为10px。可以在任何元素上应用这些样式。!DOCTYPE htmlhtmlhead meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=devi ...
分类:    2015-4-8 12:49
ionic中的图标
ionic使用ionicons图标样式库。ionicons采用了TrueType字体实现图标样式,有超过500个图标可供选择。使用图标很简单,在元素上声明以下两个CSS类即可:.icon- 将元素声明为图标.ion-{icon-name}- 声明要使用的具体图 ...
分类:    2015-4-8 12:46
ionic中 九种前景/背景/边框的色彩样式
ionic中 九种前景/背景/边框的色彩样式
ionic定义了九种前景/背景/边框的色彩样式,:!DOCTYPE htmlhtmlhead meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height" link rel="style ...
分类:    2015-4-8 12:44
ionic中 content和.scroll-content
ionic预定义了两个内容容器样式:.content- 流式定位,内容元素在文档流中按顺序定位.scroll-content- 绝对定位,内容元素占满整个屏幕这两种样式都可以使用以下样式进一步确定位置及范围:!DOCTYPE htmlhtmlhead me ...
分类:    2015-4-8 12:42
ionic教程 .bar 中嵌入input
一种常见的UI模式是在标题栏中嵌入搜索栏,比如大众点评:在.bar元素中嵌入input元素,需要注意两点:在条块元素上应用.item-input-inset样式将input包裹在应用.item-input-wrapper样式的元素内这是因为,在ionic的 ...
分类:    2015-4-8 12:40
ionic中.bar : 嵌入子元素
.bar : 嵌入子元素在ionic中,有三种.bar子元素的样式是预定义的:标题文字- 对包含标题文字的元素应用.title样式,通常使用h1元素:any class="bar" any class="title".../any/any按钮- 对用作按钮的元素,应用.but ...
分类:    2015-4-8 12:39
ionic .bar 的位置属性.bar-header .bar-subheader
.bar : 位置ionic使用以下样式定义条块的位置:.bar-header- 置顶.bar-subheader- header之下置顶.bar-footer- 置底.bar-subfooter- footer之上置底在腾讯新闻App中,你可以看到,使用了三个条块:标题、副标题、页 ...
分类:    2015-4-8 12:37
关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-3-29 08:20 , Processed in 0.023827 second(s), 11 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部