amazeui页面分析5

【amazeui页面分析5】的更多相关文章

amazeui页面分析之登录页面

amazeui页面分析之登录页面一.总结 1.tpl命名空间:tpl命名空间的样式都是从app.css里面来的,app.css用用来移动网站开发的样式 2.表单样式:am-form到am-form-group的形式二.登录页面截图: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv=&quo…

amazeui页面分析5 一.总结 1.把原模板当成样例集合就好 2.都是一块一块的,删改等操作都方便 3.list方面的操作很多都是ui配合li 4.其实容器本质还是div,所以真的算简单了 5.样式的话,照着已有样例改就好了二.知识点 1.列表页里面的每一项完全可以是一样的,那就很好做了 2.一行多个元素的话,很可能是在同一个div里面 <div class="pet_zlnr_user_list"> <div class="pet_zlnr_use…

amazeui页面分析4

amazeui页面分析4 一.总结 1.直接照着作者的设计思路用:例如 pet_hd_con_time pet_hd_con_map ,这是time 和 map,那我别的说不定也可以直接用,比如author,article等等 amazeui同样是如果 2.弄清楚作者的设计思路,举一反三二.知识点 1. 真视频啊,用的embed标签,页面显示的视频肯定是url啊,要么是别个网站上面的,要么是自己服务器上面的 <embed src="http://player.youku.com/play…

amazeui页面分析3

amazeui页面分析3 一.总结 1. 本质是list列表,是ul套li的形式,只不过li里面是图片 <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-right pet_topci_list"> <a href="###" class="pet_topci_block"> <div class="pet…

amazeui页面分析2

amazeui页面分析2 一.总结 1.弄清结构:这些部分都是一块一块分好了的,掌握结构之后,想替换哪块就替换哪块,想不要哪块就不要哪块,非常简单的 2.一块一块:替换十分简单 3.弄清楚大块之后,然后想学习某一块,然后就去看某一块就好二.知识点 1. <p><blockquote><p>有一天我们也要去南极走走!!</p></blockquote></p> 2. 好看的图片即可,普普通通的img 3. <ul class=&…

amaze样例页面分析（一）

amaze样例页面分析(一) 一.总结 1.从审查(inspect)中是很清楚的可以弄清楚这些part之间的结构关系的 2.一者在于弄清楚他们之间的结构关系,二者在于知道结构的每一部分是干嘛的 3.inspect弄清结构:在inspect中把结构弄清楚这些东西就清楚了,而小块我是懂的 4.是按div分块,而板块位置不是代码顺序:所有的part都是一块块的,比如说那个返回顶端的右下角的那个,其实代码就是在开头,而且也是直接套div的,和别的板块div也都是这样一一分开的 5.写板块:估计就是ama…